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文件都是可以直接双击打开的。

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

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

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

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

-- 完 --

本文采用「CC BY-NC-SA 4.0」创作共享协议，转载请标注以下信息：
原文出处：露兜博客 https://www.ludou.org/create-wordpress-themes-html-template.html

WordPress主题制作全过程（三）：HTML静态模板制作相关推荐

WordPress主题制作全过程（五）：制作header.php
你可以尝试用文本编辑器打开从WordPress主题制作全过程(三):HTML静态模板制作下载到的 .html 文件,不知道你有没有发现他们头部的代码都非常的相似呢?其实我们可以提取这部分相似的代码,放 ...
WordPress主题制作全过程（九）：制作single.php
今天我们来制作单文章页single.php,有了之前制作index.php的经验,制作single.php也不再那么难了,这里将直接略过一些内容,直接给出结果.如果对某些修改不太清楚,可以先参考:Wo ...
Ztmao主题猫wordpress主题经典失传版/WP网站模板下载站源码+全局SEO功能设定
Ztmao主题猫wordpress主题经典失传版/WP网站模板下载站源码+全局SEO功能设定,主题猫主要提供 wordpress 网站模板.wordpress 博客主题-wordpress 企业主题下 ...
小程序模板制作流程，小程序模板制作方便快捷
作为公司开展互联网营销的新宠,小程序的受欢迎程度一直持续到今天.随着小程序的利用率和覆盖率越来越高,它已经成为每个人日常生活工具中不可或缺的一部分.所以公司在开发微信小程序时,必须选择小程序模板制作作 ...
微信小程序傻瓜制作_微信小程序模板制作：手把手教你做一个生鲜小程序
传统线下生鲜水果类商家如今正面临诸多问题,包括服务范围有限.客户源不稳定.缺少订单导致新鲜食材过期等等.新零售概念的提出,很多商家虽然懂得要打通线上渠道,但通常都是仅仅局限于普通O2O外卖平台,其实这 ...
WordPress主题制作全过程（六）：制作footer.php
上节内容我们已经弄好了博客的页头header.php,今天我们就一起来制作页脚footer.php.footer.php与header.php差不多,写这个文件的目的也是为了精简代码,提高代码的重用性 ...
WordPress主题：仿虾米音乐CMS模板
这次分享一款虾米音乐老款主题,感觉放到2020年也不觉得有什么过时的感觉! 虾米音乐虽然没有往日的风光,但是今朝许多伴侣还是觉得不错的,刚好站长发现了一款高仿虾米音乐的主题.这款主题是原作者花了一个半 ...
Wordpress 主题开发教程-页面结构与模板
在 wordpress 首页制作中,通过一个简单的 index.php 文件,显示了一个网站首页. 实际上,Wordpress 并不是通过某一个文件来显示内容的,而是一堆模板文件组合显示. 页面结构 ...
使用Docker搭建WordPress博客（三）nginx镜像制作
1.查看创建nginx镜像所有文件 [root@localhost nginx]# ls default.conf Dockerfile fastcgi_params run.sh 2.创建Docke ...

WordPress主题制作全过程（三）：HTML静态模板制作

WordPress主题制作全过程（三）：HTML静态模板制作相关推荐

最新文章

热门文章