Question

我正在使用报纸主题在wordpress上做一个网站，我想在每个类别上显示一个自定义标题，但是当我用css添加背景时，所有类别都显示相同的横幅，我有点迷失方向实现这一目标。

这是需要背景的元素：

这就是我在CSS中尝试做的事情：

.category-galeria-fotografica > .td-theme-wrap > .td_category_template_6 .td-category-header{
width: 100%;
max-width: 1200px;
min-height: 200px;
height: 150px;
background-image: url(http://mywebsite.com/img/image.jpg);
}

非常欢迎任何想法：）

Answer 1

要为不同类别设置不同的标题，您可以使用以下方式：

<body class="archive category category-template-2 category-54">

您可以看到类别-54类在特定类别中处于正文中。因此，您可以使用类别54的父类编写代码，例如：

.category-54 .td-category-header{
    width: 100%;
    max-width: 1200px;
    min-height: 200px;
    height: 150px;
    background-image: url(http://mywebsite.com/img/image.jpg);
 }

您需要像上面那样添加所有类别类。您可以在 wp-admin 中的帖子类别部分找到所有类别ID。虽然这不是添加类别图像的正确方法，但这可以快速解决您的问题。

希望这对你有用。

Answer 2

我认为你可以给div一个id或者添加另一个包含php变量值的类，即：id =＆＃34; 1＆＃34;。

然后在你的css中你必须声明这个div的多个实例，它通过id或类来显示一个图像，即：

<component :prop="myProp" :is="ChildComponent">

编辑：通过使用php中的if或switch语句检查cagetory来设置id 注意：我会使用childtheme来自定义header.php

Answer 3

url(http://mywebsite.com/img/image.jpg)

需要报价才能奏效。这个CSS错误可能是您的问题的原因，所以：

url("http://mywebsite.com/img/image.jpg")

将自定义背景图像提供给类别标题wp

3 个答案: