更改每个类别的背景图像页面页眉覆盖

时间:2019-04-25 作者:Ma. Florencia Fernández Caruso

这是我的网站:http://styleofchamp.com/ 我正在尝试更改每个类别的背景图像页眉覆盖。我一直在看很多论坛,但我没有得到正确的答案。

例如:在此页上http://styleofchamp.com/category/futbol/ 它应显示与此不同的背景图像页眉覆盖:http://styleofchamp.com/category/tenis/

如果有人能在这方面帮助我,我将非常感激。

1 个回复
最合适的回答,由SO网友:RiddleMeThis 整理而成

这可能是最简单的方法。

如果您检查<body> 在浏览器中按F12标记,您将看到每个类别都有不同的类别。您可以使用它来针对每个特定类别的标题元素。

例如,这将更改类别6的图像。

body.category-6 .page-header {
    background-image: url( http://styleofchamp.com/wp-content/uploads/2019/04/sabri-tuzcu-190600-unsplash-1.jpg ) !important;
}
注意:您可以通过文件上载器上载图像,然后只需替换背景图像URL的正确路径即可。

CSS更改可以添加到外观>自定义>附加CSS

相关推荐

Host images only on CDN

我开发了一个wordpress网站,该网站托管在AWS上。该网站运行良好,但由于我希望它成为一个电子商务网站,将有大量的图像。AWS的托管帐户仅提供30 GB的存储空间。所以我想host images completely on an external CDN off my server. 但最近对CDN的搜索导致我只缓存CDN,我希望只在其他服务器上托管图像。有线索吗?