WordPress JustNews主题美化，svg logo与暗黑模式调整

今天闲来无事，又美化了下JustNews主题。主要包括，使用svg格式图片作为logo，以及暗黑模式的调整。如果你的JustNews主题无法使用svg作为logo，可以参考本教程。如果你的JustNews暗黑模式不够完美，也可以参考本教程。

总之，本文属于一篇记录性文章，记录今天对JustNews主题所做的那些调整。

svg logo使用

今天，想着搞一下暗黑模式下的logo，随找到logo制作者做了一份暗黑模式下专用的logo，也就是改个颜色。如果你也有制作logo的需求，可以参考文章：《本站即日起更换全站logo及图片水印》。

然后，想起之前给我的svg图片无法作为logo，上传无法显示。今天，想着一并解决。于是，我找到了如下网址：http://tools.jb51.net/static/api/svg/index.html。这是一款可以在线编辑svg图片的工具，还是很不错的，不过这不是今天的重点。

重点是，我将svg图片上传到该网站，再导出svg图片。上传到WordPress后台，发现可以用于JustNews主题的logo了。我猜测，这是因为之前制作的svg图片不是很标准，经过在线工具转换后变成了标准svg图片。

操作方法如下：

打开上述网址，点击文件，打开SVG，导入你的svg图片。

接着点击保存图片，即可生成转化格式后的svg图片。

如此即可将生成的svg，作为justnews主题的svg logo了。

JustNews暗黑模式

JustNews主题提供了一些颜色参数，这些参数定义了白天和黑夜模式的相关颜色。

比如：

• var(--member-el-bg-color)表示白天模式为白色，夜晚模式为黑色。所以，一般用来定义你自己给JustNews主题添加的模块中背景的定义。
• 而var(--theme-black-color)表示白天模式为黑色，夜晚模式为白色。所以，一般用来定义你自己给JustNews主题添加的模块中文章颜色的定义。

比如我给目录部分添加的颜色相关的CSS代码如下：

.article-toc a {
    color: var(--theme-black-color);
}
.article-toc {
    background: var(--member-el-bg-color);
}

还有一些中间值的颜色代码，比如：var(--member-line-color)表示白天模式为浅色，夜晚模式为黑色。主要作为对应模式的中间层颜色，比如本文导航中对应的网站建设的那个背景色就是如此定义的。

总之，JustNews中关于颜色定义有很多，可以直接调用，不用分别写白天和黑夜模式的CSS代码。这里就不一一列举了。

主题美化DIY

如果你有任何主题美化方面的需求，可以联系古哥，支付￥30即可获得古哥的一次帮助

您需要付费解锁才能查看当前内容

付费解锁 ¥30.00

开通会员

黄金会员¥15.00

钻石会员¥6.00

已付费？登录 或 刷新

希望可以帮到各位喜欢折腾又不是太明白的小伙伴，包括但不限于WordPress型网站。