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

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

概述制作WordPress需要了解PHP,但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果。制作WordPress主题也不例外,它们都是网页,网页最基本的是HTML。要想制作WordPress主题,首…

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

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

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

  

下载地址:Aurelius.zip

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

  首页:index.HTML

  存档页:archive.HTML

  页面:page.HTML

  文章页:single.HTML

  联系页:contact.HTML

  无边栏页:full_wIDth.HTML

  图片:/images/

  样式表:style.CSS

  缩略图:screenshot.png

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

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

总结

以上是内存溢出为你收集整理的WordPress主题制作全过程(三):HTML静态模板制作全部内容,希望文章能够帮你解决WordPress主题制作全过程(三):HTML静态模板制作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/1003092.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存