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部分的类定义,因此很简单就实现了自定义主题背景图案及颜色的功能。

♥支付宝现金红包♥

支付宝现金红包,每天可领,红包金额最高 99元,使用无门槛,支付宝扫码付、还信用卡、充话费都可以使用。

支付宝红包领取方法:

  • 打开支付宝APP,首页搜索数字 1547638 即可领现金红包
  • 手机用户直接 点击这里领取
  • 或者支付宝APP扫描下面二维码领取
支付宝现金红包 每天可领

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.