WP主题制作-第3课:启动Index.php

开始Index.php是我的WordPress主题教程系列的第三节课  。如果你没有看过的教训  一个  和  2,我建议你阅读。否则,您将不知道本课将向您展示的内容。

现在是时候停止阅读并开始创建WordPress主题了。在本课程中,您将手弄一些WordPress代码。这是您真正需要  在计算机上安装WordPress博客(而不是在线博客)的部分,因为离线更方便。

步骤1:打开Xampp控件。
导航到您的xampp文件夹。通常,我的电脑> xampp  或  C:\ xampp

双击  xampp-control.exe。将会弹出一个窗口。单击Apache和MySQL的开始。您的弹出窗口应镜像以下图像:

XAMPP控制

现在它已打开,您可以最小化该窗口。

第2步:创建主题文件夹。
转到您的wordpress主题文件夹。它应该位于  xampp / htdocs / wordpress / wp-content / themes。新建一个文件夹。命名为  tutorial

步骤3:创建  index.php  和  style.css  文件。
打开记事本或您选择的文本编辑器。记事本位于  开始>程序>附件>记事本中

将所有内容复制并粘贴到以下文件:  index.txt  到“记事本”窗口。

另存为,indexphp

将您的记事本保存在教程文件夹中为  index.php

另存为,indexphp2

打开另一个记事本。留空。将空的记事本另存为  style.css,位于同一文件夹中。关闭style.css记事本。

指数和风格

因此,现在您有了两个文件:index.php和style.css。

index.php说明

indexphp-解释

单击上面的图像以查看完整视图。我将向您解释每个圆圈区域的作用。

Doctype  –表示您用于编码主题的编码类型。Doctype在这一点上并不重要。我指的是Doctype,因此您无需考虑。

<html>  是我的网页开始的位置。

<head>  是我的网页的开头。每个网页都有头和身体。 </ head>  是头的结尾。

<?php bloginfo('stylesheet_url'); ?>  是一个PHP函数,它要求style.css  文件的位置,  以便我的主题可以链接到该文件并为页面上的所有内容设置样式。任何时候代码都包装在  <?php  和  ?>中,它是PHP,并且与其余代码不同。在PHP中,  <?php  是开始,而  ?>  是结束。

所以:

  • <?php  –启动PHP
  • bloginfo('stylesheet_url')  –调用style.css的位置
  •  –停止调用style.css。分号是在PHP中关闭一组代码的一种方法。
  • ?>  –结束PHP

继续…

<body>  –这是身体开始的地方。正文是我在网页上看到和阅读的所有内容。阅读本教程意味着我正在看网页的正文。 </ body>  是主体的终点。

</ html>  是我的网页的结尾。在那之后没有别的。

步骤4:将下面显示的所有内容复制并粘贴到style.css文件中。保存并关闭它。

第5步:设置主题。
打开浏览器。

输入:  http://localhost/wordpress/wp-login.php。转到它并登录到您的WordPress管理区域。(您可以看到登录页面,因为在第一步中打开了Xampp控件。否则,浏览器将显示未找到错误。

看行政区。单击  演示  ,然后单击名为教程的主题以   将其激活。

主题空截图

注意,您的主题还没有缩略图截图。盒子是空的。激活后,WordPress会告诉您。

主题激活

现在打开一个新的浏览器或选项卡(如果您的浏览器具有选项卡浏览),然后转到  http:// localhost / wordpress。然后,您应该得到一个空白页。我的意思是完全空白。如果不为空,则说明页面错误。

您的主题已设置。本课就是这样。接下来,我们开始处理标题模板。

不要忘记关闭Xampp控件。双击工具栏中的任务栏图标,对于Apache和MySQL单击Stop。然后单击退出。

XAMPP控制关闭

未经允许不得转载:创之梦博客 » WP主题制作-第3课:启动Index.php

赞 (0)
分享到:更多 ()