名站导航为爱好WordPress网站的朋友们提供,WordPress教程,WordPress安装教程等WordPress教程相关的教程。
WordPress网站程序 主题教程 #1:介绍是从零开始创建 WordPress网站程序 主题系列教程 的第一篇。
从零开始制作 WordPress网站程序 主题的教程不会一次就教会你所有的东西,那样也是不可能的,这个教程也不是 WordPress网站程序 主题制作的参考,我所做的是一步一步从零开始教你如何制作 WordPress网站程序 主题,所以一定要耐心。
所以这一篇介绍首先是 WordPress网站程序 主题制作的一个最基本的介绍。这里会涉及到 hTML 和 WordPress网站程序 的基本规则,一些专业术语,以及 WordPress网站程序 主题的层式结。这些概念是很重要的,在接下来教程的很多地方都会涉及到,所以开始之前一定要搞清楚。
基本规则:
规则 #1:以正确顺序关闭所有 hTML 标签。
专业术语:
层式结构:
下图就是 WordPress网站程序 的层式结果,它简单的向你展示,一旦你主题中的某个网站文件丢失了,WordPress网站程序 主题系统将会寻找什么模板网站文件来代替。这里列出了 6 个网站文件而不是完整的 13 个,因为这 6 个是相对更重要一些,不过在接下来的教程中,余下的网站文件也都涉及到。
我们可以通过上面这张图的所处位置知道各个主题网站文件的重要性,越靠左越重要。
这里可能大家有个疑问,为什么会存在 WordPress网站程序 模板网站文件的层式结构,或者说是重要性级别呢?因为 WordPress网站程序 利用这个层式结构去寻找相应的模板网站文件显示页面,并且在相应的网站文件丢失之后如何处理。
如果 archive.php 模板网站文件(用来显示存档页面)丢失了,那么 WordPress网站程序 将会使用 index.php 来控制存档页面如何显示。
如果 single.php 模板网站文件丢失了呢,哪个模板网站文件它会去寻找用来显示单一日志呢?它会寻找 index.php。
名站网址导航 WordPress网站程序主题制作教程
WordPress网站程序 主题教程 #3:开始 Index.php
开始 Index.php 是从零开始创建 WordPress网站程序 主题系列教程的第三篇。在介绍了 WordPress网站程序 主题的一些规则和术语,以及对 WordPress网站程序 模板和模板网站文件了解之后,现在是开始动,在这篇中,你将要着手开始写 WordPress网站程序 具体相关代码。这里建议在本地电脑上安装 WordPress网站程序,而不是安装到服务器上,因为本地更方便测试。 ,在 XAMPP 网站文件夹(通常是:C:\xampp),双击 xampp-control.exe 将会弹出一个新的窗口。单击 Apache 和 MySQL 的启动按钮。如下图所示:,启动之后你看最小化窗口了。,转到你本地安装的 WordPress网站程序 主题网站文件夹,应该在xampp/htdocs/wordpress网站系统/wp-content/themes。创建一个新的网站文件夹,命名为 tutorial。,打开记事本或者你选择的文本编辑器,把 index.txt 这个网站文件中的所有具体内容都拷贝到你的记事本。保存为 index.php。,打开另外一个记事本,直接保存为 style.css 到相同的网站文件夹下.,现在有两个网站文件了: index.php 和 style.css.,index.php 解释:,点击上面的图片查看大图。我会向你解释每个红色圆圈区域是什么意思。,Doctype – 指明你用哪种类型的具体相关代码来编码你的主题。这里你暂时还不用管它的详细意思。, 是网页开始的地方。,
是你的网页头部开始的地方。每个网页都有一个头部和主体。 是头部结束的地方。,<?php bloginfo(’stylesheet_url’); ?> 是一个 PhP 函数,它能取得 style.css 网站文件所在的路径,这样主题就能使用 style.css 样式化页面上所有元素,所以:,<body> – 这是网页主体开始的地方。你能在网页上看到和读到的东西就是主体部分。你正在阅读的这个教程说明你在正在看当前这个网页的主体部分。 是网页主体结束的地方。,