WordPress主题-WordPress 主题教程

主题教程 #1:介绍是从零开始创建 主题系列教程 从零开始制作 主题的教程不会一次就教会你所有的东西,那样也是 不可能的,这个教程也不是 主题制作的参考,我所做的是一步一步 从零开始教你如何制作 主题,所以一定要耐心。 所以这一篇介绍首先是 主题制作的一个最基本的介绍。这里会涉及 的基本规则,一些专业术语,以及 主题的层式结。这些 概念是很重要的,在接下来教程的很多地方都会涉及到,所以开始之前一定要搞 清楚。 规则#1:以正确顺序关闭所有 HTML 标签。 在上图中在错误关闭标签的演示中,关闭的ul 标签是不按次序的。 每个HTML 标签都是在 中,如果有斜线 /,则说明这个标签是 开始标签,没有则是结束标签。如: 是开始标签,而 是结束 标签。 在上面的例子中,使用ul(无序列表)li (列表元素)标签。注意 li 的开始 和结束标签在 ul 的开始和结束标签的里面,这就是标签正确嵌套方式。 规则#2:每个主题至少要有这两个文件 .php。

.php告诉主题中所有的元素如何布局,.css 则告诉主题中所有的元素该如何展示 和样式。下面是一个完整的主题含有的文件列表(现在我们不用详细了解这个列 表每个文件的意思,有个这样的印象就可以了): 其实就是一个代码集,主题中很多地方会利用到这个代码集,所以把它们整合成一个模板,这样就就不必一遍遍输入这些重复代码。 一个包含一个或者多个代码集(模板)文件。每个主题是由多个模板文件组成的,如:.php,.css,.php 等等。 (主题)或者 ( 主题) 所有你正在使用的文件:文本,图像,代码等等。注意: (主题)和 (s)(模板)是两个不同的东西,尽管有些人认为他们一样。 现在你读的就是一篇日志。此外,它是你blog 的一个简 单的条目,如:一个页面或者一篇日记。 一种特殊的post,它不是以分类组织的。它有别于 你其他的日志。注意:在 ,page(页面)和 Page(静态页面)是两 种不同的东西。 下图就是 的层式结果,它简单的向你展示,一旦你主题中的某个文 件丢失了, 主题系统将会寻找什么模板文件来代替。

这里列出了 文件而不是完整的13 个,因为这 个是相对更重要一些,不过在接下来的教程中,余下的文件也都涉及到。 这里可能大家有个疑问,为什么会存在 模板文件的层式结构,或者 说是重要性级别呢?因为 利用这个层式结构去寻找相应的模板文件 显示页面,并且在相应的文件丢失之后如何处理。 如果.php 模板文件(用来显示存档页面)丢失了,那么 会使用.php 来控制存档页面如何显示。 如果.php 模板文件丢失了呢,哪个模板文件它会去寻找用来显示单一日 志呢?它会寻找 .php。 第二篇。开始之前,你要确保你已经看过 主题教程 #1:介绍,否 则你将无法理解在教程 在主题教程 #1:介绍中,我们已经学过了 的两条基本 规则和术语,而这篇将会深入讲解模板文件,模板,以及每个页面的结构。 博客的每个页面是由多个模板文件组成的,下面是首页的例子: 在上图中,我们可以看出主题的.php 个模板文件组成:.php,.php,.php 模板文件 通常在这个文件中包含博客的标题()和描述()。

而且它们通常在整个博客中都是一样的。 模板文件: 这个模板文件包含你的日志的标题WordPress主题,日志的内容(就是每篇日志的文本和图片)和日志的元数据 (元数据是每篇日志的额外信息,如作者是谁,日志发布的时 间,在哪个分类下,有多少留言等等)。 模板文件 这个模板文件主要用于控制博客的页面列表,类别列表,存档列表WordPress主题,友情链接列表和其他一些列表。 模板文件: .php模板文件一样,.php 通常不会因为页面的改变而改变,你 可以在这里放置任何东西,但是通常是版权信息。 现在让我解释为什么把上面图片中的.php 所在的区域标为红色的。引文 这块区域是会根据不同类型的页面而发生变化。 如果你在单一日志页面,这时候页面将会包含这四个模板文件:.php,.php,.php 开始.php 是从零开始创建 主题系列教程的第三篇。在介绍 主题的一些规则和术语,以及对 模板和模板文件了解 之后,现在是开始动手创建 主题了的时候。

在这篇中,你将要着手开始写 代码。这里建议在本地电脑上安装 ,而不是安装到服务器上,因为本地更方便测试。 步:打开 控制面板。 文件夹(通常是:C:\),双击 -.exe 将会弹出 一个新的窗口。单击 的启动按钮。如下图所示: 转到你本地安装的 主题文件夹,应该在 ///wp-/。创建一个新的文件夹,命名为 。 步:创建.php .css文件。 打开记事本或者你选择的文本编辑器,把.txt 这个文件中的所有内容都 拷贝到你的记事本。保存为 .php。 打开另外一个记事本,直接保存为.css 到相同的文件夹下. 现在有两个文件了:.php .php解释: 指明你用哪种类型的代码来编码你的主题。这里你暂时还不用管它的详细意思。 是网页开始的地方。 是头部结束的地方。 一个PHP 函数,它能取得 .css 文件所在的路径,这样主题就能使用 .css 样式化页面上所有元素。

任何时候,PHP 代码都是在 之间的。PHP 代码和 HTML 的代码是不一样的,在 PHP 中, 是结束 PHP 代码。 开始PHP 代码 调用.css 文件所在的路径 停止调用函数。分号是用来结束一个PHP 语句。 结束PHP 代码 这是网页主体开始的地方。你能在网页上看到和读到的东西就是主体部分。你正在阅读的这个教程说明你在正在看当前这个网页的主体部分。 是网页主体结束的地方。 是网页结束的地方,没有 东西在它的后面了。 步:创建.css。 .txt中所有的代码拷贝到你的 .css 文件中。保存和关闭它。 打开浏览器。在地址栏输入输入。登录 到你的 管理后台。(这里能够看到 登录页面是因为你在 步的时候启动了。否者的话,在这里你的浏览器会报找不到的错误。) 在管理界面下到外观 () 菜单并激活名为 的主题。 注意,你的主题文件没有屏幕缩略图,所以是空白的。一旦激活了,就会告诉你激活信息。 现在打开一个新的浏览器或者标签页(如果你的浏览器支持标签页浏览)并在地址栏输入 。

你应该得到一个空白页面,恩,完全空白 的页面。如果不是,那你就是在错误的页面上了。 不要忘记关闭。双击它在任务栏中小图标,点击 模板是从零开始创建 主题系列教程的第四篇。前面我向你 讲解了如何安装和启动 ,安装 主题以及介绍了 PHP 语言的 最基本语言,这篇我们将继续 PHP 并学习如何调用博客的标题和链接。 尽量输入所有代码而不是直接拷贝我给你的代码,这样可以让你尽量记住你所学到的的。 步:打开 和主题文件夹。 打开,然后打开上次创建的主题文件夹, ///wp-//。我们应该看到上次创建的两个文件:.php .css文件的内容应该和.txt .txt一致。 步:打开.php 打开浏览器,转到。因为上次安装了一个空白的主题, 这时我们应该看到一个空白的页面。 返回主题文件夹并打开.php 文件。 到目前为止,我们已经打开了主题文件夹,浏览器和.php 文件。

编辑.php 文件。在 这两个标签之间输入 ,然后保存它。 返回到浏览器并刷新。这时候我们应该能够看到博客的标题。博客的标题是Demo 。 我们在网页的主体(body) 之间加入了一行 PHP 代码到 .php。() 是调用博客的信息的函数。其中参数 name 代表了它调用的是博客的标题。这 个名字是在 页面中设置的 。 开始PHP 代码 结束PHP 代码 每次我们在.php 文件中增加或者更改任何东西之后,都可以保存,然后 刷新页面去查看结果。 调用了博客的标题之后,接下来就要把博客的标题放入超链接中,这时候需要一个 标签。 返回 .php 文件。 在同一行增加 现在它是一个链接,但是它没有链接到哪里。因为这个是博客的标题,我们应该让它链接到首页。为此,在 href= 后的双引号中输入 ‖> 返回到浏览器,刷新,当鼠标在链接上面的时候,浏览器的状态栏应该显示 现在点击这个链接,它就会让我们返回首页。可能现在看到还是是相同的页面,但是用 或者 作为链接地址是完全不一样的。

在接下 来的课程我们会学到到他们之间的不同。 调用博客基本信息,具体是首页的的地址或者URL 是一个用于添加链接的 标签 链接的结束标签。否则网页将不知道哪里结束链接,这样会使得页面接下来的内容全部都变成链接。还记得规则 ‖> 意思为:开始一个链接,链接的地址是博客的URL,用PHP 函数 ( ‘url’) 去调用这个地址或者 URL。这个链接的文本是博客的标题并使用 PHP 函数 (‘name’) 去调用博客的标题。最后结束链接。 这篇主要介绍了 主题的 代码,下一篇我们将继续 模板。 模板 2是从零开始创建 主题教程系列教程的第四篇第二部 分。最后说一次,开始之前务必先读下前面的日志。这篇会完成 模板, 并且开始介绍 DIV Box 模型。 步:开启 和打开 .php 启动 打开 的主题文件夹 打开浏览器,在地址栏输入 返回主题文件夹,用记事本打开.php 步:给博客的标题添加H1 的标签 现在,.php的代码是: ‖> 给它添加标签。H1 标签意思是标题一。HTML 共可以有7级标题:H1,H2,H3,H4,H5,H6。按照默认,H1 是字体最大而 H6 是则最小。 添加之后的的.php 文件是: ‖> 保存,返回浏览器并刷新。 调用博客的描述,则在博客标题链接的下面输入以下代码:。 现在变成了: ‖>

标签:
本文由: 发布,转载请注明转自:https://www.wpgou.net/9637.html
WP狗WordPress主题站主要承接 WordPress主题定制开发PSD转WordPressWordPress仿站以及以WordPress为管理后端的小程序、APP,我们一直秉持“做一个项目,交一个朋友”的理念,希望您是我们下一个朋友。如果您有WordPress主题开发需求,可随时联系QQ:1356632054,微信ID:echo_8888888_rmb

你可能也喜欢