在本站开发的wordpress中文企业主题mxtheme02和Mxtheme03中都包含了网站主题色调自定义(直接使用色值随意设置),这个功能其实是很有用的,这样如果想改变网站主题的主色调就不用到代码里修改了,可以一键修改。也不用通过预设多种配色方案来切换了。今天超哥就跟大家分享一下我是通过什么方法和思路实现的。
一、创建色调设置字段
想要在后台随意更改主题色调,首先需要有一个颜色设置的字段,关于字段在这里就不多说了,自己可以去研究一下自定义字段,或者使用《wordpress主题开发中如何添加主题设置页面》这篇文章中提到的Options Framework框架来实现。
二、创建存放使用主题色CSS的文件
在主题制作过程中,将您希望自定义色调的标签的关于颜色的CSS样式都写到一个PHP文件中(注意不要写到您的CSS文件里),并且CSS样式要包含在<style></style>中间,格式见下面的截图。名字你可以随便叫,colorstyle.php,然后在您的头部文件header.php中引入这个colorstyle.php文件。引入方法:将代码<?php include 'colorstyle.php'; ?>放到</header>前。
当然,您也可以不单独创建colorstyle.php这个文件,直接把关于自定义颜色的CSS写到您的html里,但是建议单独创建,方便管理。
三、定义相关内容的颜色样式
当你定义颜色相关CSS的时候,因为我们是要后台自定义(也就是说是个不固定的色值),所以我们不能用color:#333;这样的形式来定义,应该用类似这样的
其中background后面的php代码就是获取的自定义颜色的色值,具体用什么样的PHP代码,需要根据你创建自定义字段的方法。
WordPress日记主要承接WordPress主题定制开发、PSD转WordPress、WordPress仿站以及以WordPress为管理后端的小程序、APP,我们一直秉持“做一个项目,交一个朋友”的理念,希望您是我们下一个朋友。如果您有WordPress主题开发需求,可随时联系QQ:919985494
相关文章
WordPress外观下不显示或只显示一个主题的解决方法
前两天一个老客户打电话找我给他做售后服务,他的网站出现了手机…WordPress中的数据过滤
WordPress是一个强大的开源内容管理系统,支持大量的数…如何给WordPress登录页面添加验证码等自定义表单项
在做WordPress主题开发的过程中,有的时候我们需要给W…WordPress主题开发中如何实现按分类及时间搜索功能
一、创建搜索表单 1、创建表单 <form metho…WordPress如何添加自定义页面模板?
用过一段时间wordpress的人都会这个WordPress…WordPress纯代码实现文章收藏功能
最近在开发我们自己的吉他资源平台-乐瑶吉他的时候,用到了文章…