如何更改WordPress网站背景颜色

你正在寻找一种简单的方式更改Wordpress网站背景颜色吗?网站背景颜色扮演了一个重要的角色在网站设计和品牌营销时,好的背景颜色会让你的网站看起来更加视觉冲击力,在此篇教程中,我们将介绍一些简单的方式更改Wordpress网站背景颜色。

方法一:使用主题自定义编辑器

如果你使用的是主流主题,一般都带有自定义编辑器,它可以让你不需要便捷代码就可以轻松编辑网站外观。

当时用自定义编辑器时,可以登入网站后,导航到Appearance » Customize,就可以打开主题编辑器,你将发现多种选项可以编辑主题,包块导航,颜色,主页,小部件,背景图片等等。

更改背景色

当然具体可以编辑哪些选项取决你使用的是哪种主题,对于此教程我们使用的是默认主题,为了改变网站背景色,点击‘Colors & Dark Mode’ 设置如下选项。

接着点击Background Color’ 选项,你可以使用色彩拾取工具或者输入颜色代码来更改自己所需要的颜色。

更改背景色

当你更改颜色后,不要忘了点击发布按钮,你就可以刷新看看颜色是否变化。

方法二:使用自定义CSS更改背景色

另外一种更改网站背景颜色的方法是使用主题编辑器里的自定义CSS选项,要使用此功能,首先,导航到Appearance » Customize然后点击Additional CSS tab 选项,然后你可以输入以下代码:

更改背景色

body {

 background-color: #FFFFFF;

}

以上代码只是示范,你可以根据自己需要输入代码。

方法三:单独更改POST页面背景色

你也可以单独更改某个POST页面背景颜色,例如你可以依据作者自定义不同的背景颜色,或者具有最多评论的页面显示不同的颜色,你也可以按照post的分类更改某类背景颜色。

如果你要更改某个post页面背景色,首先需要知道POST的页面ID,你可以通过邮件单击检测选项查看源代码,即可以找到页面ID,例如:

<article id=”post-104″ class=”post-104 post type-post status-publish format-standard hentry category-uncategorized”>

当你获得POST页面ID后,你就可以听过CSS自定义更改某个具体的POST页面背景色,例如你可以输入以下代码:

.post-104 {

background-color: #D7DEB5;

color:#FFFFFF;

}

当然以上代码只是示范,你可以根据自己的需要在Additional CSS中输入代码。

总结

我们已经介绍了3种简单的方法,更改网站背景颜色,第一种方法最简单,不要任何CSS代码知识,即可以更改,第二种和第三种只需要少量的CSS代码也可以完成操作,不是特别复杂,因此,如果你觉得主题的背景代码和你的网站风格不搭配时,你可以随心所欲的更改自己需要的颜色,非常简单,好的背景颜色可以给网站用户产生良好的视觉效果,增加网站停留时间,对谷歌优化也非常有帮助,因此学习一点点背景更改小知识,非常实用。

发表评论

您的电子邮箱地址不会被公开。