WordPress主题教程(三):HTML静态模板制作

制作WordPress需要了解PHP,但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果。制作WordPress主题也不例外,它们都是网页,网页最基本的是HTML。要想制作WordPress主题,首先得设计主题界面,含蓄、简约、厚重、奔放……,风格完全随你,接着再将你的设计理念转化为.html,并能在浏览器中正常显示出来。

本系列教程不会教你如何去设计博客的界面,也不会教你HTML和CSS基础知识,而是假定你已经有HTML和CSS基础了,如果你不会HTML,也不会CSS,后面的东西恐怕对你来说就像天书了。

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

下载该文件

可能这个模板并不适合每个人的口味,但这个用于我们的主题制作练习已经足够了。另外你可能会诧异,怎么是英文版的?放心,到了后面你就会知道,是否英文版都没多大关系。下面说说下载到的这些文件的用途:

  1. 首页:index.html
  2. 存档页:archive.html
  3. 页面:page.html
  4. 文章页:single.html
  5. 联系页:contact.html
  6. 无边栏页:full_width.html
  7. 图片:/images/
  8. 样式表:style.css
  9. 缩略图:screenshot.png

有了静态文件,只需要把这些静态文件改成模板文件就好了。

已有13条评论

  1. wusiyu
    wusiyu : 回复
    • joy
      joy 回复wusiyu: 回复

      超级棒 可以下载

  2. 范韵鹏
    范韵鹏 : 回复

    老师,上面下载的文件,下载地址不能下载了

    • 阿树工作室
      阿树工作室 回复范韵鹏: 回复

      本站基础教程部分的内容转载的露兜博客所以如果不能下载,建议到露兜博客去看看

  3. 来学习的
    来学习的 : 回复

    下载了,也安装不了

    无法安装这个包。 PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

    • 阿树工作室
      阿树工作室 回复来学习的: 回复

      这不是安装包

  4. 归来
    归来 : 回复

    楼上的各位,用迅雷下就可以啦……

  5. 過客の宅
    過客の宅 : 回复

    同楼上,模板下载不了~

    • 阿树工作室
      阿树工作室 回复過客の宅: 回复

      不是的,这个教程里面的初级教程都是从露兜博客转的,所以,文件都是露兜博客提供,如果要下载恐怕得去露兜博客。。谢谢

      • 小码龙
        小码龙 回复阿树工作室: 回复

        能我一个下载的链接地址吗?

        到露兜博客的那个位置可以进行下载呢?

  6. 鱼
    : 回复

    你说的模板下载不了。发一份给我。

发表评论