龙虎大战做庄 主题教程 #3:开始 Index.php

开始 Index.php从零开始创建 龙虎大战做庄 主题系列教程的第三篇。在介绍了 龙虎大战做庄 主题的一些规则和术语,以及对 龙虎大战做庄 模板和模板文件了解之后,现在是开始动手创建 龙虎大战做庄 主题了的时候。

在这篇中,龙虎大战做庄龙虎大战做庄我 们 将要着手开始写 龙虎大战做庄 代码,这里建议搭建首先在龙虎大战做庄本地 电脑上安装 龙虎大战做庄,而不是安装到龙虎大战做庄服务 器上,因为龙虎大战做庄本地 更方便测试。

第1步:打开 XAMPP 控制面板。

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

xampp-control.gif

启动之后龙虎大战做庄你 看最小化窗口了。

第2步:创建龙虎大战做庄你 的主题文件夹。

在龙虎大战做庄你 龙虎大战做庄本地 安装的 龙虎大战做庄 主题文件夹下(应该在xampp/htdocs/wordpress/wp-content/themes),创建一个新的文件夹,命名为 tutorial

第3步:创建 index.phpstyle.css 文件。

打开记事本或者龙虎大战做庄你 选择的文本编辑器,把龙虎大战做庄下载 到的教程源代码中 index.txt 这个文件的所有内容都拷贝到龙虎大战做庄你 的记事本。保存为 index.php。这里最后提醒下点击这里龙虎大战做庄下载 从零开始制作 龙虎大战做庄 主题的源代码,以后不再提醒了。 🙂

save-as-indexphp2.gif

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

现在有两个文件了: index.phpstyle.css.

index-and-style.gif

index.php 解释:

indexphp-explain.gif

点击上面的图片查看大图,下面将会解释每个红色圆圈区域是什么意思。

Doctype -- 指明龙虎大战做庄你 用哪种类型的代码来编码龙虎大战做庄你 的主题,如果还是不明,就先不用管它的详细意思。

<html> -- 网页开始的地方。

<head> -- 网页头部开始的地方,每个网页都有一个头部和主体。</head> 是头部结束的地方。

<?php bloginfo(’stylesheet_url’); ?> 是一个 PHP 函数,它能取得 style.css 文件所在的路径,这样主题就能使用 style.css 文件来样式化页面上的所有元素。

任何时候,PHP 代码都是在 <?php?> 之间的。PHP 代码和 HTML 的代码是不一样的,PHP 是以 <?php 开始,以 ?> 结束的。

所以:

  • <?php - 开始 PHP 代码
  • bloginfo(’stylesheet_url’) - 调用 style.css 文件所在的路径的函数
  • ; - 停止调用函数。分号是用来结束一个 PHP 语句。
  • ?> - 结束 PHP 代码

<body> - 这是网页主体开始的地方,龙虎大战做庄龙虎大战做庄我 们 在网页上看到和读到的东西就是主体部分,比如龙虎大战做庄你 正在阅读的这个教程说明龙虎大战做庄你 在正在看当前这个网页的主体部分。

</body> 是网页主体结束的地方。

</html> 是网页结束的地方,没有东西在它的后面了。

第4步:创建 style.css。

把教程源代码中的 style.txt 中所有的代码拷贝到龙虎大战做庄你 的 style.css 文件中,并保存和关闭它。

第5步:安装龙虎大战做庄你 的主题。

打开浏览器,在龙虎大战做庄地址 栏输入输入 http://localhost/wordpress/wp-login.php,然户登录到龙虎大战做庄你 的 龙虎大战做庄 管理后台。(这里能够看到 龙虎大战做庄 登录页面是因为龙虎大战做庄你 在第1步的时候启动了 Xampp。否者的话,在这里龙虎大战做庄你 的浏览器会报找不到的错误。)

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

theme-empty-screenshot.gif

注意,龙虎大战做庄你 的主题文件没有屏幕缩略图,所以是空白的。一旦激活了,龙虎大战做庄 就会告诉龙虎大战做庄你 激活信息。

theme-activated.gif

现在打开一个新的浏览器或者标签页(如果龙虎大战做庄你 的浏览器支持标签页浏览)并在龙虎大战做庄地址 栏输入 http://localhost/wordpress。龙虎大战做庄你 应该得到一个空白页面,恩,完全空白的页面。如果不是,那就是 XAMPP 没启动,显示错误页面了。

现在主题的最基本框架已经创建好了,本节课程也结束了,下一步龙虎大战做庄龙虎大战做庄我 们 将讨论主题头部模板。

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

xampp-control-close.gif

专题:龙虎大战做庄 主题教程


©龙虎大战做庄我 爱水煮鱼,龙虎大战做庄本站 龙虎大战做庄推荐 使用的主机:阿里云,国外主机建议使用BlueHost

龙虎大战做庄本站 长期承接 龙虎大战做庄 龙虎大战做庄优化 建站业务,要求很高,有兴趣请联系微信:「chenduopapa」或微信龙虎大战做庄公众号 :「龙虎大战做庄果酱」。

原文:link

龙虎大战做庄热门 文章