自从不得言摸索着修改制作完成这个 WordPress主题后,已经有好几个朋友想要,每次都有打好包直接发过去的冲动!仔细一想,冲动立即被凉水浇灭,看上光鲜整洁的主题,孰不知问题多多。就这样发给朋友,未免有轻率打发之意,还徒增朋友修改的工作量。
我早有把它分享的打算,只是诸多问题让我不敢轻易发布。这款 WordPress主题,被多位朋友看中是我的荣幸,于是只好抓紧时间把它完善了。5月份接触Wordpress,要制作 WordPress主题,难度不小——那就把研究制作过程,当作站长手札慢慢记录下来吧。
当你对一成不变的背景厌烦时;当节日到来想换上喜庆图片时;当主题被用泛滥你想体现不同时——是否每次都想做,却因不懂代码而无奈放弃?我们大多数人对代码并不熟悉,那蝌蚪文字认识我,我不认识它。有没有一劳永逸的解决办法?
其实,Wordpress开发人员在3.0版本就提供一个函数,能轻松实现自定义背景图片和背景色。不支持自定义背景图的Wordpress主题,只要可以通过启用此函数实现。启用此函数并不繁琐,不懂代码的人照样行!那么这个函数是哪一个?我们又该如何干呢?
DIY自定义背景、背景色的准备
我们要用到Wordpress函数:add_custom_background(),用于后台添加背景图片,前台调用显示。详细一点说,当前主题 启用了此函数,会在后台“外观”出现“背景”操作项,可自定义背景图片和背景色;前台则利用wp_head()函数,通过定义BODY的CSS样式,显示 后台自定义的背景图片和背景色。
add_custom_background($header_callback,$admin_header_callback , $admin_image_div_callback);
它有三个参数可以使用:
- $header_callback 调用wp_head(),默认为空。
- $admin_header_callback 调用自定义图片功能函数,默认为空。
- $admin_image_div_callback :后台自定义图片的显示样式,默认为空。
WordPress主题自定义背景的实现
1、开启背景自定义函数
找到当前主题函数文件functions.php。在最开头加入下面代码——好吧,你可以加在任意你喜欢的地方,只要不出错。
// This theme allows users to set a custom background opened by 2011.01.23
add_custom_background();
只此一步大功告成!,下面就是介绍具体使用方法了。相信这对于玩博客的朋友简单的紧,为博文的完整性,我还是唠叨几句吧。算是一个实例。
2、背景图制作、上传、制定显示方式
选择一个合适的背景图,找不到的话,去别人博客“移植”去!上传成功后会出现“显示选项”:位置(中)、重复(横向平铺)、附着(滚动)、颜色(#f5ddad )——括号里是我博客现在的设置。至于其他效果,可根据实际灵活更改。
需要注意的是,上传的背景图较大时(比如大于1024px),“背景图像预览”将是剪切过的缩略图——和实际效果可能有出入,别认为出错了就好。
同时在“后台 > 设置 > 媒体 > 媒体设置”里的“上传的文件保存在目录”里生成三个图片。图片大小是在“媒体设置”里设置的缩略图大小、中等大小、大尺寸。
评论前必须登录!
注册