您现在的位置是:首页 > 教程 > WordPress教程WordPress教程
WordPress主题制作之html静态模板制作的方法
高洪泉2023-11-08 16:33:22WordPress教程已有人查阅
导读制作WordPress需要了解PHP,但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码
制作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网页文件,敬请期待下面的内容。
本系列教程不会教你如何去设计博客的界面,也不会教你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添加备案号的步骤教程
新版WordPress已经可以从后台输入ICP备案号,但仅适用于自带主题.对于很多想使用非官方主题的同学来说,后台的那个是 基本没作用的 -
wordpress设置密码的教程
对于像WordPress这样的流行内容管理系统,安全性至关重要。有时候我们发布的内容不 希望所有的人都可以看到,比如某些相册图片、某些个人隐私、某些只对一部分人可以查看的内容等 -
wordpress修改php文件的方法
在修改WordPress时,除了可以通过后台选项和添加样式定制外,还有一个很常用的方法就是通过PHP代码实现某些功能 -
WordPress添加自定义字段面板的步骤教程
我们在WordPress中编写文章的时候,经常会用到一些自定义字段,如网页描述description和关键词keywords这两个meta标签,
留言与评论 (共有 条评论) |