如何随机改变WordPress背景颜色

0
48

最近,我们的一个读者来信说,怎么改变WordPress的背景颜色,并且要随机改变。读者对你网站的第一印象,颜色扮演着一个重要的角色。在这篇文章,我将来试试怎样让WP背景颜色随机展示给读者。

方法一、在functions.php文件里加入代码实现背景颜色随机切换

在网站后台,外观选项里,点击编辑,然后找到functions.php,然后加入以下代码:

function wpb_bg() 
{  $rand = array('0', '1', '2', '3', '4', '5', '6', 
'7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'); 
$color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)]. 
$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)]; echo $color; }

这段代码的意思就是随机生成颜色集合,然后接下来就要回到header.php这个文件里调用它:

找到这段代码:

<body <?php body_class(); ?>>

替换成:

<body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">>

点击保存按钮,然后刷新的前台,你就可以看到效果了。

如何随机改变WordPress背景颜色

方法二、使用Fabulous Background Colors来改变WP背景颜色

这个方法适合不太懂代码的初学者,首先要安装和激活Fabulous Background Colors这个插件。这个插件一旦装上,就可以工作了,因为后台没有配置选项。你可以刷新网站前台,然后可以看到背景颜色变成了彩色条纹,并且每隔5秒就自动变换颜色。

如何随机改变WordPress背景颜色

方法三、使用CSS来定义非随机WP背景颜色

几乎所有的WordPress主题的body标签都会使用body_class() 函数,这个标签可以在你的主题里添加一些CSS类。这些默认的WordPress生成的CSS类可用于个人风格的文章,分类,Tag,等等。

例如,如果你的博客有个分类叫做photography,这时,你可以在分类归档页面的body tag里找到这些CSS 类。

如何随机改变WordPress背景颜色

这个方法需要对样式知识有一定了解,在body里写上自己喜欢的背景颜色就OK。

以上三种方法都可以改变WP博客的背景颜色,希望对你有帮助。

WPFOOT
WPFOOT里的主题与插件皆免费下载,若需要汉化主题或者模板调试服务,敬请联系QQ: 465045674

留下一个评论