时间戳

首页 > 解决方案 > 如何在 WordPress (Moderne) 上的网站标题中显示不同的颜色？

php - 如何在 WordPress (Moderne) 上的网站标题中显示不同的颜色？

问题描述

我有一个运行 Moderne 主题的 WordPress 网站 - https://wordpress.org/themes/moderne/。

到目前为止，它绝对是我最喜欢的，并且真正符合我想要的网站。但是我正在努力弄清楚如何更改我的网站标题，以便我可以有不同的颜色，以匹配我的标志，它是白-黄-白。

我知道我可以通过 style.css 编辑颜色本身，但我似乎无法弄清楚如何将这些部分分开。

这是我的网站： http: //nobetterdan.com/。

理想情况下，我想要尝试做的是 -

这可能非常容易，但不确定。

标签： phpcsswordpresswordpress-theming

解决方案

这可以通过javascript来完成。

var _title = document.querySelector("#site-title a");
_title.innerHTML = _title.innerHTML.replace("no","<span class='logo-white'>no</span>").replace("betterdan","<span class='logo-yellow'>betterdan</span>").replace(".","<span class='logo-white'>.</span>");
body{background:#000}
.logo-yellow{color:yellow}
.logo-white{color:white}
<h1 id="site-title"><a href="http://nobetterdan.com/" rel="home">nobetterdan.</a></h1>

推荐阅读