Z-BlogPHP主题制作教程#3:快速制作一个主题
讲了那么多理论东西,可能大家都有点疲惫了。那么,让我们动手来做尝试做一个主题吧。
首先,打开后台的调试模式:在网站后台-右上角的“网站设置”-“全局设置”中,有一个调试模式,打开它,提交保存。这样,我们就可以看到每个主题包下面多了一些小按钮,先不用管它。打开这个模式,最主要是我们提交模版后可以在网站上进行调试了。
在网站\zb_users\theme目录中创建一个新的文件夹,随便给它一个命名(这里我用的是Document),从别的文件夹下,拷贝screenshot.png和theme.xml这两个文件到Document文件夹下;在Document文件夹下新建一个文件夹(style),然后,你随便找一个style.css文件放在里面就可以了。做完这些东西,我们的主题就差不多好了。
其实,这就是最基本的Z-BlogPHP主题元素:三个文件,两个文件夹。要注意的是,这里的theme.xml是别人的信息,我们一定要修改成自己的,而screenshot.png图片和style.css自行修改就可以了。我拷贝的是metro主题的,它的架构是这样的:
<?xml version="1.0" encoding="utf-8"?> <theme version="php"> <id>metro</id> <name>Metro主题</name> <url>http://www.htmlit.com.cn/</url> <note>Z-BlogPHP版的Metro主题</note> <description>Z-BlogPHP版的 Metro主题,主题插件由月上之木开发。</description> <path>editor.php</path> <include>include.php</include> <level>1</level> <author> <name>新鲜人</name> <email>htmlit@live.com</email> <url>http://www.htmlit.com.cn/</url> </author> <source> <name>新鲜人</name> <email>htmlit@live.com</email> <url>http://www.htmlit.com.cn/</url> </source> <adapted>140614</adapted> <version>1.4</version> <pubdate>2012-08-19</pubdate> <modified>2014-05-19</modified> <price>0</price> <advanced> <dependency></dependency> <rewritefunctions></rewritefunctions> <conflict></conflict> </advanced> <sidebars> <sidebar1></sidebar1> <sidebar2></sidebar2> <sidebar3></sidebar3> <sidebar4></sidebar4> <sidebar5></sidebar5> </sidebars> </theme>
你的英文如果足够好,那么就可以自行修改了。我只说明必须改的东西:<ID>是主题ID的意思,是一个唯一值,我们这里的主题ID就是我所创建的Document文件夹。<path>editor.php</path>
和<include>include.php</include>
涉及到主题插件,我们暂时不会用到,所以我们就把清空。其他方面您可以参考 Z-BlogPHP主题制作规范 来修改。我修改完毕就变成下面这个样子:
<?xml version="1.0" encoding="utf-8"?> <theme version="php"> <id>Document</id> <name>Document主题</name> <url>http://blog.limiwu.com/</url> <note>Z-BlogPHP版的Document主题</note> <description>Z-BlogPHP版的Document主题。</description> <path></path> <include></include> <level>1</level> <author> <name>紫铜炉</name> <email>paipk@paipk.com</email> <url>http://blog.limiwu.com/</url> </author> <source> <name>紫铜炉</name> <email>paipk@paipk.com</email> <url>http://blog.limiwu.com//</url> </source> <adapted>140614</adapted> <version>1.4</version> <pubdate>2016-03-01</pubdate> <modified>2016-03-01</modified> <price>0</price> <advanced> <dependency></dependency> <rewritefunctions></rewritefunctions> <conflict></conflict> </advanced> <sidebars> <sidebar1></sidebar1> <sidebar2></sidebar2> <sidebar3></sidebar3> <sidebar4></sidebar4> <sidebar5></sidebar5> </sidebars> </theme>
制作完这些,我们就可以上传了。上传后,在后台-“主题管理”中我们就可以看到自己的主题了。这个主题虽然是一个不完整的主题包,但它已经包含了最基本的Z-BlogPHP主题文件。启用它,看看效果如何。因为Z-BlogPHP运用 保留模版 的调用,它补充了所有缺失的PHP文件,所以,我们可以看到网站还是能正常显示出来了。
Z-BlogPHP主题制作教程:
- Z-BlogPHP主题制作教程#1:了解Z-BlogPHP主题
- Z-BlogPHP主题制作教程#2:制作静态网站页面
- Z-BlogPHP主题制作教程#3:快速制作一个主题
- Z-BlogPHP主题制作教程#4:了解template文件夹
- Z-BlogPHP主题制作教程#5:模板基本语言
- Z-BlogPHP主题制作教程#6:index.php模版
- Z-BlogPHP主题制作教程#7:header.php模版
- Z-BlogPHP主题制作教程#8:footer.php模版
- Z-BlogPHP主题制作教程#9:post-multi和post-istop
- Z-BlogPHP主题制作教程#10:分页的pagebar.php
- Z-BlogPHP主题制作教程#11:sidebar.php和module.php
- Z-BlogPHP主题制作教程#12:内容模版single.php
- Z-BlogPHP主题制作教程#13:post-single和post-page
- Z-BlogPHP主题制作教程#14:评论外框comments.php
- Z-BlogPHP主题制作教程#15:评论框commentpost.php
- Z-BlogPHP主题制作教程#16:评论输出comment.php
- Z-BlogPHP主题制作教程#17:总结