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

Ludou

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

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

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

下载此文件

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

  • 首页:index.html
  • 存档页:archive.html
  • 页面:page.html
  • 文章页:single.html
  • 联系页:contact.html
  • 无边栏页:full_width.html
  • 图片:/images/
  • 样式表:style.css
  • 缩略图:screenshot.png

     大多数博客所能看到的页面类型也基本就这些。你可能已经注意到,不管你用哪个WordPress主题,不同的文章页面除了标题和内容不同以外,其他东西基本都是一样,这就是所谓的模板。

     今天的重点就是下载我上面提供的静态html网页文件,敬请期待下面的内容。

WordPress主题制作全过程完整列表:

本文版权归露兜博客所有,转载引用请完整注明以下信息:
本文作者:Ludou
本文标题:WordPress主题制作全过程(三):HTML静态模板制作
本文地址:http://www.ludou.org/create-wordpress-themes-html-template.html

露兜博客博主,男生,业余Web程序员,儒家思想受益者。文采不佳,不喜欢聚光灯,不喜欢吹牛,不喜欢无序的做事方式。闲时喜欢写些代码自娱自乐,并在博客中分享一些个人技术经验。

标签: ,

7 条评论

我来说两句
  1. 老李

    我一直搞不清制作主题是应该先制作PSD文件,还是先写那些php文件

  2. Ludou

    没有PSD,没有HTML,就不知道在哪写PHP

  3. 老实人

    有你这系统的文章,再用WP就会简单些了。

  4. mmmfff

    楼主看看那个html模板的下载链接下载下来的zip文件是无法解压的!直接到tutsplus下载了Aurelius,发现已经与该教程里用的不一样了。

  5. mmmfff

    终于把模板下载下来了,直接用另存为或迅雷都不行,得用在新网页打开链接的方式,打开的是冷龙的live,在那上面可以下载。

  6. 像风一样自由

    很给力的wordpress入门教程!赞!!

发表评论

因博主长期在外地出差,您的留言可能暂时不会得到回复。

订阅评论