Z-BlogPHP主题制作教程#3:快速制作一个主题

 2016-03-01 19:47

讲了那么多理论东西,可能大家都有点疲惫了。那么,让我们动手来做尝试做一个主题吧。

首先,打开后台的调试模式:在网站后台-右上角的“网站设置”-“全局设置”中,有一个调试模式,打开它,提交保存。这样,我们就可以看到每个主题包下面多了一些小按钮,先不用管它。打开这个模式,最主要是我们提交模版后可以在网站上进行调试了。

在网站\zb_users\theme目录中创建一个新的文件夹,随便给它一个命名(这里我用的是Document),从别的文件夹下,拷贝screenshot.png和theme.xml这两个文件到Document文件夹下;在Document文件夹下新建一个文件夹(style),然后,你随便找一个style.css文件放在里面就可以了。做完这些东西,我们的主题就差不多好了。

Z-BlogPHP主题制作教程


其实,这就是最基本的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://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://limiwu.com/</url>
</author>
<source>
  <name>紫铜炉</name>
  <email>paipk@paipk.com</email>
  <url>http://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主题制作教程:

  1. Z-BlogPHP主题制作教程#1:了解Z-BlogPHP主题
  2. Z-BlogPHP主题制作教程#2:制作静态网站页面
  3. Z-BlogPHP主题制作教程#3:快速制作一个主题
  4. Z-BlogPHP主题制作教程#4:了解template文件夹
  5. Z-BlogPHP主题制作教程#5:模板基本语言
  6. Z-BlogPHP主题制作教程#6:index.php模版
  7. Z-BlogPHP主题制作教程#7:header.php模版
  8. Z-BlogPHP主题制作教程#8:footer.php模版
  9. Z-BlogPHP主题制作教程#9:post-multi和post-istop
  10. Z-BlogPHP主题制作教程#10:分页的pagebar.php
  11. Z-BlogPHP主题制作教程#11:sidebar.php和module.php
  12. Z-BlogPHP主题制作教程#12:内容模版single.php
  13. Z-BlogPHP主题制作教程#13:post-single和post-page
  14. Z-BlogPHP主题制作教程#14:评论外框comments.php
  15. Z-BlogPHP主题制作教程#15:评论框commentpost.php
  16. Z-BlogPHP主题制作教程#16:评论输出comment.php
  17. Z-BlogPHP主题制作教程#17:总结
作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论: