我如何在同一网站上显示test.domain.com和test2.domain.com的不同徽标？ 两个域应指向同一网站（test.domain.com和test2.domain.com）。 当有人访问test.domain.com时，它应该显示主徽标。 当有人访问test2.domain.com时，它...

Question

您的问题还不够清楚。可以有两种情况：

案例1：WordPressMultidite

您可以启用WordPress多站点功能，以在单个WordPress安装中使用不同的子域使用不同的徽标（甚至是完全不同的内容）。

案例2：单个WordPress网站中子域的不同徽标

Answer 1

SAMEWordPress安装

（不是多站点），而是根据子域显示不同的徽标，则可以使用

CSS和JavaScript

.

。

步长1：在徽标上添加自定义CSS类

Elementor中的

HEADER模板

（您的徽标所在的位置）。

点击 go到advanced选项卡。

指定

CSS类

字段并添加自定义类（例如，

custom-logo
1. ）。 单击update
保存更改。
2. 步长2：添加自定义JavaScript
3. go到wordpress仪表板→Elementor→自定义代码。 单击“添加新自定义代码”.
4. 输入一个名称（例如，“自定义徽标脚本”）。 编辑器内的以下JavaScript。

   SET

   -location
到
5. 脚（更适合性能）。 单击Publish
和设置条件（例如，“整个站点”

）。

单击

save＆close

。
1. Custom JavaScript代码

document.addEventListener("DOMContentLoaded", function () {
    let logo = document.querySelector(".custom-logo img"); // Target logo
    if (!logo) return; // Exit if logo not found

    let host = window.location.hostname; // Get subdomain
    if (host === "test2.domain.com") {
        logo.src = "https://your-site.com/wp-content/uploads/alternate-logo.png"; // Change logo for test2
    } else {
        logo.src = "https://your-site.com/wp-content/uploads/main-logo.png"; // Default logo
    }
});