Z-Blog PHP主题制作教程(三):HTML静态模板制作

管理员 唐朝 2014-3-23 11455

前两章有点水,但基础知识也不多不强调一下,从本章将进入主题。
先温习下第二章,教大家一个超简单的方法。把默认主题default文件夹复制一份。然后把名字改了。进theme.xml把ID改的跟名字一样了,然后进script、style把里面的东西删除,OK了。

其实制作Z-Blog PHP并不一定需要了解PHP(当然,如果你想自作超高级的主题,添加zbp暂时没有的功能,就必须得懂PHP了),但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果。制作Z-Blog PHP主题也不例外,它们都是网页,网页最基本的是HTML。要想制作Z-Blog PHP主题,首先得设计主题界面,含蓄、简约、厚重、奔放……,风格完全随你,接着再将你的设计理念转化为.html,并能在浏览器中正常显示出来。
本系列教程不会教你如何去设计博客的界面,也不会教你HTML和CSS基础知识,而是假定你已经有HTML和CSS基础了,如果你不会HTML,也不会CSS,后面的东西恐怕对你来说就像天书了。

本系列教程将使用由zx.asd无偿提供的html模板default为例,来讲解Z-Blog PHP主题的制作过程,其他模板的制作也类似。下面提供该HTML模板文件下载,我们将以此来练习如何将HTML静态页面与PHP代码结合,制作Z-Blog PHP主题。下载后,里面的html文件都是可以直接双击打开的。

可能这个模板并不适合每个人的口味,但这个用于我们的主题制作练习已经足够了。下面说说下载到的这些文件的用途:
首页(列表页):index.html
页面:post-page.html
文章页:post-single.html
js:script
样式表:style

附件: 20445



Z-BlogPHP使用交流群 4243058 点击进群
招汉化组成员,高仿组成员。

下章预告:Z-Blog PHP主题制作教程(四):开始制作模板
最新回复 (8)
全部楼主
  • 超级版主 天兴工作室 2014-3-23 0
    引用 2楼
    唐朝写的教程必须顶一个 话说还不是很完善呢 再接再厉

    天兴工作室 zblog模板主题定制

  • 用户 pjclick 2014-3-24 0
    引用 3楼
    LZ第三章才开始讲实质性的东西啊
  • 用户 那都不是事 2014-11-10 0
    引用 4楼
    这个教程很受用,希望继续跟下去
  • 用户 乾达婆 2014-12-9 0
    引用 5楼
    ✌✌✌✌😁听气来 很好的啊
  • 用户 zhailq 2015-4-15 0
    引用 6楼
    希望继续发表这样的学习资料
  • 用户 zhailq 2015-4-15 0
    引用 7楼
    希望继续发表这样的学习资料
  • 用户 zhailq 2015-4-15 0
    引用 8楼
    希望继续发表这样的学习资料
  • 用户 adam2015 2015-5-26 0
    引用 9楼
    学习了,必学的
    • Z-Blog 开发者社区
      10 楼
        丨  
返回