WordPress 主题教程 #3:开始 Index.php

开端 Index.php 是从零开端创立 WordPress 主题系列教程的第三篇。在引见了 WordPress 主题的一些规则和术语,以及对 WordPress 模板和模板文件理解之后,如今是开端入手创立 WordPress 主题了的时分。

在这篇中,你将要着手开端写 WordPress 代码。这里倡议在本地电脑上装置 WordPress,而不是装置到效劳器上,由于本地更便当测试。

第1步:翻开 XAMPP 控制面板。
在 XAMPP 文件夹(通常是:C:xampp),双击 xampp-control.exe 将会弹出一个新的窗口。单击 Apache 和 MySQL 的启动按钮。如下图所示:

启动之后你看最小化窗口了。

第2步:创立你的主题文件夹。
转到你本地装置的 WordPress 主题文件夹,应该在xampp/htdocs/wordpress/wp-content/themes。创立一个新的文件夹,命名为 tutorial。

第3步:创立 index.php 和 style.css 文件。
翻开记事本或者你选择的文本编辑器,把 index.txt 这个文件中的一切内容都拷贝到你的记事本。保管为 index.php。

翻开另外一个记事本,直接保管为 style.css 到相同的文件夹下.

如今有两个文件了: index.php 和 style.css.

index.php 解释:

点击上面的图片查看大图。我会向你解释每个红色圆圈区域是什么意义。

Doctype – 指明你用哪品种型的代码来编码你的主题。这里你暂时还不用管它的细致意义。

是网页开端的中央。

是你的网页头部开端的中央。每个网页都有一个头部和主体。 是头部完毕的中央。

<?php bloginfo(’stylesheet_url’); ?> 是一个 PHP 函数,它能获得 style.css 文件所在的途径,这样主题就能运用 style.css 款式化页面上一切元素。任何时分,PHP 代码都是在 <?php 和 ?> 之间的。PHP 代码和 HTML 的代码是不一样的,在 PHP 中,<?php 代表开端 PHP 代码而 ?> 是完毕 PHP 代码。

所以:

•<?php – 开端 PHP 代码
•bloginfo(’stylesheet_url’) – 调用 style.css 文件所在的途径
•; – 中止调用函数。分号是用来完毕一个 PHP 语句。
•?> – 完毕 PHP 代码
– 这是网页主体开端的中央。你能在网页上看到和读到的东西就是主体局部。你正在阅读的这个教程阐明你在正在看当前这个网页的主体局部。 是网页主体完毕的中央。

是网页完毕的中央,没有东西在它的后面了。

第4步:创立 style.css。
把 style.txt 中一切的代码拷贝到你的 style.css 文件中。保管和关闭它。

第5步:装置你的主题。
翻开阅读器。在地址栏输入输入 http://localhost/wordpress/wp-login.php。登录到你的 WordPress 管理后台。(这里可以看到 WordPress 登录页面是由于你在第1步的时分启动了 Xampp。否者的话,在这里你的阅读器会报找不到的错误。)

在管理界面下到 外观 (Apperance) 菜单并激活名为 Tutorial 的主题。

留意,你的主题文件没有屏幕缩略图,所以是空白的。一旦激活了,WordPress 就会通知你激活信息。


如今翻开一个新的阅读器或者标签页(假如你的阅读器支持标签页阅读)并在地址栏输入 http://localhost/wordpress。你应该得到一个空白页面,恩,完整空白的页面。假如不是,那你就是在错误的页面上了。

你的主题曾经创立好了,这就是这个课程,下一步我们将讨论主题头部模板。

不要遗忘关闭 Xampp。双击它在任务栏中小图标,点击 Apache 和 MySQL 的中止按钮,然后点击推出。

微信扫一扫,关注微信公众号,获取最新资讯

留下回复

您的电邮不会被公布 必填字段标记为*