根据分类显示不同的头部Logo？

开发
1

在浏览特定分类或其子分类下的帖子时，是否有办法在页眉（左上角）显示不同的主标志？谢谢。

2

我认为 <body> 元素包含一个类名 category-{具体类别}，你可以利用它来针对特定类别修改 CSS 样式。

3

我不知道如何在页面内容加载后执行脚本（我也很想知道！），但要更改徽标图片，你可以这样做：

// 在类似 if category == "somecategory" 的条件中
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

其中 logo_cat1 是自定义徽标的变量名：
image

4

我也遇到了同样的问题。我知道这是一个老话题了，但如果有人看到，这里有一个解决方案。

您可以使用 CSS 并利用 body 元素上的类来检测您所属的类别。

// 不显示常规网站徽标
body.category-something #site-logo {
    display: none;
}

// 在标题中显示另一张图片
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

希望这有道理 :slight_smile:

5

我认为您需要将图像放在 <a> 元素上，否则徽标链接将失效。

// 在标题中显示另一个图像
body.category-something .d-header .title a {
  ...
}
6

啊，对了，我之前主要关注的是 CSS 选择器。谢谢你的纠正。