WordPress主题开发之如何自定义主题背景颜色及图案

作者:     目录: WordPress     发表: 2012年03月24日

WordPress主题开发过程中,为了满足用户的个性需求,须给主题增加 自定义主题背景颜色及图案 功能,其实此功能实现起来非常简单。

实现自定义主题背景颜色及图案的方法

只需要在functions.php文件中增加下面的代码即可:

// This theme allows users to set a custom background
add_custom_background();

登录到WordPress后台管理面板,就可以看到下图所示的 Background选项,在这里可以设置背景图案及颜色。

WordPress主题开发之如何自定义主题背景颜色及图案

自定义主题背景颜色及图案 实现原理:

设置好主题背景及颜色后,查看网站源代码的head部分,可看到custom-background类定义:

<style type=”text/css”>
body.custom-background { background-color: #e81794; background-image: url(‘http://localhost/wordpress3/wp-content/uploads/2012/03/niuzaiku.jpg’); background-repeat: repeat; background-position: top left; background-attachment: scroll; }
</style>

而在body标签部分增加了custom-background类,加上head部分的类定义,因此很简单就实现了自定义主题背景图案及颜色的功能。

发表评论