WP主题制作-第4课:标题模板

授人鱼不如授人以渔,请记住,键入每个代码。 请勿  复制并粘贴我给您的代码。关键需要自己亲自动手实践,要让您记住自己学到的东西。

步骤1
开启Xampp Control。接下来,通过xampp / htdocs / wordpress / wp-content / themes / tutorial打开主题的文件夹  。您应该看到昨天创建的两个文件:  index.php  和  style.css

指数和风格

步骤2
–打开一个新的浏览器窗口。转到  http:// localhost / wordpress。您应该看到一个空白页,因为昨天安装了空主题。
–返回主题文件夹,然后 在记事本中打开  index.php文件。为此,请右键单击index.php,选择“  属性”,单击“  更改”,找到“  记事本”  或您正在使用的文本编辑器,选择“记事本”,然后按“  确定”。更改后,双击index.php文件。

视图-PHP与 - 记事本
改变 - 视图 - 工具换PHP
选择,记事本

到目前为止,您已经打开了  主题文件夹,  浏览器和  index.php文件  (使用记事本)。

评论

步骤3
您应该在记事本中查看index.php文件。类型:

<?php bloginfo('name'); ?>  在之间  的<body>  和  </ BODY>  标记。现在保存。

代码bloginfo名
保存

返回浏览器,  刷新它。您应该看到博客的标题。我博客的标题是“演示主题开发”。

刷新

刚刚发生了什么?
您在网页的正文区域中的index.php中添加了一行PHP代码。那一行要求您的博客信息,因此是  bloginfo()。具体来说,它要求输入您博客的名称。 在“ 选项”页面上  作为“ Weblog标题”拥有的  名称

<?php  –启动PHP 
bloginfo('name')  –调用博客信息,特别是博客标题。
 –停止调用博客信息
?>  –结束PHP

每次在index.php文件中添加或更改任何内容时,请保存,然后刷新页面以查看更改。

步骤4
将您博客的标题转换为文本链接。它需要一个XHTML标签。回到您的index.php文件。

<a href=”#”>  和  </a>添加   到同一行。您的新代码行应为:
<a href=”#”> <?php bloginfo('name'); ?> </A>

返回浏览器,刷新,您应该看到标题变成了链接。

refreshed2

现在,它是一个链接,但它是指向无处的链接。由于它是您的Weblog的标题,因此您希望使其链接到您的首页。为此,请键入:

<?php bloginfo('url'); ?>  在href =的引号之间 

保存它,现在您有了:
<a href =” <?php bloginfo('url'); ?>”> <?php bloginfo('name'); ?> </A>

返回浏览器并刷新。现在将鼠标悬停在链接上时,状态栏应显示  http:// localhost / wordpress

状态栏

当您现在单击该链接时,它将带您到您的首页。您将在同一页面上查看,但是无论您使用的是    还是  http:// localhost / wordpress  作为链接地址,都是一个很大的差异。在接下来的课程中,您将明白这一点。

刚刚发生了什么?
您将网站的标题变成了一个链接,并将该链接指向您的首页或博客的主页。

bloginfo('url')  –调用博客信息,特别是首页的地址或URL 
<a>  –是打开链接的XHTML标记
</a>  –是链接的结束标记。否则,您的网页将不知道链接的结尾位置,而页面的其余部分将是一个大链接。还记得规则1的一部分  吗?关闭您打开的所有内容。
href =””  –超文本值的缩写。在href =””引号之间的值是

换句话说,代码是:
<a href =” <?php bloginfo('url'); ?>”> <?php bloginfo('name'); ?> </A>

表示:我正在开始链接。我的链接的值是我的博客的URL;我正在使用PHP函数  bloginfo('url')  来调用地址/ URL。链接的名称是我博客的标题;我正在使用PHP函数  bloginfo('name')  来调用我的博客标题。关闭我的链接。

标题模板的第二节

您应该在记事本中查看index.php文件。类型:

<?php bloginfo('name'); ?>  在之间  的<body>  和  </ BODY>  标记。现在保存。

代码bloginfo名
保存

返回浏览器,  刷新它。您应该看到博客的标题。我博客的标题是“演示主题开发”。

刷新

刚刚发生了什么?
您在网页的正文区域中的index.php中添加了一行PHP代码。那一行要求您的博客信息,因此是  bloginfo()。具体来说,它要求输入您博客的名称。 在“ 选项”页面上  作为“ Weblog标题”拥有的  名称

<?php  –启动PHP 
bloginfo('name')  –调用博客信息,特别是博客标题。
 –停止调用博客信息
?>  –结束PHP

每次在index.php文件中添加或更改任何内容时,请保存,然后刷新页面以查看更改。
将您博客的标题转换为文本链接。它需要一个XHTML标签。回到您的index.php文件。

<a href=”#”>  和  </a>添加   到同一行。您的新代码行应为:
<a href=”#”> <?php bloginfo('name'); ?> </a>

返回浏览器,刷新,您应该看到标题变成了链接。

refreshed2

现在,它是一个链接,但它是指向无处的链接。由于它是您的Weblog的标题,因此您希望使其链接到您的首页。为此,请键入:

<?php bloginfo('url'); ?>  在href =的引号之间 

保存它,现在您有了:
<a href =” <?php bloginfo('url'); ?>”> <?php bloginfo('name'); ?> </A>

返回浏览器并刷新。现在将鼠标悬停在链接上时,状态栏应显示  http:// localhost / wordpress

状态栏

当您现在单击该链接时,它将带您到您的首页。您将在同一页面上查看,但是无论您使用的是    还是  http:// localhost / wordpress  作为链接地址,都是一个很大的差异。在接下来的课程中,您将明白这一点。

刚刚发生了什么?
您将网站的标题变成了一个链接,并将该链接指向您的首页或博客的主页。

bloginfo('url')  –调用博客信息,特别是首页的地址或URL 
<a>  –是打开链接的XHTML标记
</a>  –是链接的结束标记。否则,您的网页将不知道链接的结尾位置,而页面的其余部分将是一个大链接。还记得规则1的一部分  吗?关闭您打开的所有内容。
href =””  –超文本值的缩写。在href =””引号之间的值是

换句话说,代码是:
<a href =” <?php bloginfo('url'); ?>”> <?php bloginfo('name'); ?> </A>

表示:我正在开始链接。我的链接的值是我的博客的URL;我正在使用PHP函数  bloginfo('url')  来调用地址/ URL。链接的名称是我博客的标题;我正在使用PHP函数  bloginfo('name')  来调用我的博客标题。关闭我的链接。

未经允许不得转载:创之梦博客 » WP主题制作-第4课:标题模板

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

欢迎各位吐槽评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址