- 浏览: 2102825 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (1878)
- [网站分类]ASP.NET (141)
- [网站分类]C# (80)
- [随笔分类]NET知识库 (80)
- [随笔分类]摘抄文字[非技术] (3)
- [随笔分类]养生保健 (4)
- [网站分类]读书区 (16)
- [随笔分类]赚钱 (7)
- [网站分类].NET新手区 (233)
- [随笔分类]网站 (75)
- [网站分类]企业信息化其他 (4)
- [网站分类]首页候选区 (34)
- [网站分类]转载区 (12)
- [网站分类]SQL Server (16)
- [网站分类]程序人生 (7)
- [网站分类]WinForm (2)
- [随笔分类]错误集 (12)
- [网站分类]JavaScript (3)
- [随笔分类]小说九鼎记 (69)
- [随笔分类]技术文章 (15)
- [网站分类]求职面试 (3)
- [网站分类]其他技术区 (6)
- [网站分类]非技术区 (10)
- [发布至博客园首页] (5)
- [网站分类]jQuery (6)
- [网站分类].NET精华区 (6)
- [网站分类]Html/Css (10)
- [随笔分类]加速及SEO (10)
- [网站分类]Google开发 (4)
- [随笔分类]旅游备注 (2)
- [网站分类]架构设计 (3)
- [网站分类]Linux (23)
- [随笔分类]重要注册 (3)
- [随笔分类]Linux+PHP (10)
- [网站分类]PHP (11)
- [网站分类]VS2010 (2)
- [网站分类]CLR (1)
- [网站分类]C++ (1)
- [网站分类]ASP.NET MVC (2)
- [网站分类]项目与团队管理 (1)
- [随笔分类]个人总结 (1)
- [随笔分类]问题集 (3)
- [网站分类]代码与软件发布 (1)
- [网站分类]Android开发 (1)
- [网站分类]MySQL (1)
- [网站分类]开源研究 (6)
- ddd (0)
- 好久没写blog了 (0)
- sqlserver (2)
最新评论
-
JamesLiuX:
博主,能组个队么,我是Freelancer新手。
Freelancer.com(原GAF – GetAFreelancer)帐户里的钱如何取出? -
yw10260609:
我认为在混淆前,最好把相关代码备份一下比较好,不然项目完成后, ...
DotFuscator 小记 -
日月葬花魂:
大哥 能 加我个QQ 交流一下嘛 ?51264722 我Q ...
web应用程序和Web网站区别 -
iaimg:
我想问下嵌入delphi写的程序总是出现窗体后面感觉有个主窗体 ...
C#自定义控件:WinForm将其它应用程序窗体嵌入自己内部 -
iaimg:
代码地址下不了啊!
C#自定义控件:WinForm将其它应用程序窗体嵌入自己内部
调用博客日志的主循环(The Loop)是 WordPress 中最重要的 PHP 代码集,几乎所有的页面都会用到它。这也是从零开始创建 WordPress 主题系列教程的第五篇。
在开始继续学习之前,我们先复习下到目前为止学到了什么?
到目前为止,我们已经学到::
<script language="JavaScript" src="http://book.book560.com/ads/ads728x15.js" type="text/javascript"></script>现在让我们开始第五篇:主循环(The Loop)
打开 Xampp,“tutorial”主题文件夹,浏览器,并且在浏览器中转到 http://localhost/wordpress,最后打开 index.php 文件。
下面应该是这时候 index.php
文件中的内容:
记住,为了学习这些代码,请尽量手工输入而不是拷贝和粘贴。
第1步:创建 container Div
在 header DIV 标签下添加一个 DIV 标签,并给它的 ID 赋值为 “container”,如下:
<div id=”container”>
</div>
“container” 这个 DIV 标签是用把博客的主要内容和其他东西都区分开,比如 sidebar 和 footer 等。
第2步:输入主循环代码
在 Container 的 DIV 标签中添加如下代码:
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php endif; ?>
这段代码就是 WordPress 中的主循环(The Loop)。在详细解释这些代码作用之前,我们来看下现在 index.php
所包含的代码:
你可能已经注意到Container DIV 中的每一行都被缩进了,这是为了更好的组织代码,更加利于阅读(使用 tab 健而不是空格键进行代码缩进,)。
刚才发生了什么?
- if(have_posts()) - 检查博客是否有日志。
- while(have_posts()) - 如果有日志,那么当博客有日志的时候,执行下面 the_post() 这个函数。
- the_post() - 调用具体的日志来显示。
- endwhile; - 遵照规则 #1,这里用于关闭 while()
- endif; - 关闭 if()
- 注释:并不是所有的代码都需要两部分用来打开和关闭。有些代码能够自我关闭,这就解释了 have_posts() 和 the_post(); 这两个函数。因为 the_post(); 在 if() 和 while() 的外面,只需要分号去结束或者关闭。
第3步:调用日志标题
在前面的课程中,我们学习了使用 bloginfo('name')
去调用博客的标题。现在我们将学习在主循环(The Loop)中如何调用日志标题。
在 the_post(); ?> 的后面和 <?php endwhile; ?> 的前面输入 <?php the_title(); ?>
保存 index.php 文件并刷新浏览器,这时候应该看到在博客描述的下方出现 Hello World ,默认安装 WordPress 之后,博客只有一篇日志。而我的测试的博客有多篇日志,所以这里有多个日志标题,而且因为我所用的日志标题是一样的,我也没有进行组织整理他们,所以它们看起来像很长的一行 Hello World。
第4步:给日志标题加上链接
把日志标题转变成日志标题链接。还记得怎样吧博客的标题转变成一个链接的?
在<?php the_title(); ?> 两边增加 <a href=”#”> 和 </a>。
保存并刷新你的浏览器。现在日志的标题都变成了链接了,但是它们并没有指向哪里。为了使得每个标题都能指向正确的日志,我们需要把 # 替换为 the_permalink()。
<a href=”<?php the_permalink(); ?>“><?php the_title(); ?></a>
the_permalink() 是用来调用每篇日志地址的 PHP 函数。保存并刷新浏览器。
如果只有一个 Hello World 标题,把鼠标移到链接上面,观察你的浏览器底部的状态栏,他不再是 http://localhost/wordpress/#。
如果有不止一个的标题链接,我们将看到每个链接会链到不同的日志或者网页。但是我们的日志标题依然在同一行上面。为了分开它们,在日志标题链接代码的两边添加 <h2> 和 </h2> 标签。
<h2><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h2>
记住 H1 用作你的博客的标题,那是网页的标题。H2 被用作子标题。现在你的日志标题链接是子标题了,每一个都是一行。保存 index.php 文件并刷新浏览器,结果如下:
WordPress 主循环就介绍到这里,现在 index.php
文件内容应该是:
发表评论
-
whmcs介绍
2013-03-18 15:39 0WHMCS是一套国外流行的域名主机管理软件,跟国内众所周知的 ... -
单IP泛域名绑定
2010-05-19 08:45 1622单 IP泛域名绑定是指的是? 防火墙配置文件保存在当前服务 ... -
CodeSmith将模板文件批量生成文件的方法
2010-03-31 09:08 1879以前写codeSmith模板的时候,如果直接像asp一样混排编 ... -
linux下dd命令详解
2010-03-29 09:16 1596名称: dd 使用权限: ... -
文件服务器 之 VSFTPD的高手篇
2010-03-29 09:16 1009此文章细致的讲解了VSFTP的配置 环境:linux as ... -
linux VPS上装FTP
2010-03-29 09:17 1071今天疯子说一位朋友的站三天两头挂,来找我弄个VPS用,不过这位 ... -
VPS使用手记-Linux下FTP服务器的选择
2010-03-29 09:18 1403linux下常见的ftp服务器有wu-ftp、vsftpd、p ... -
四十个非常实用的轻量级JavaScript库
2010-03-25 09:18 1042流行的JavaScript库,如jQuery, MooTool ... -
GoDaddy域名注册/空间购买优惠码
2010-01-03 23:46 398网站地址: godaddy.comGodadd ... -
2008年godaddy 购买省钱新招
2010-01-03 23:54 238Godaddy提供的产品比较多,购买过程繁琐,各种促销,优惠码 ... -
Godaddy Windows主机组件支持情况
2010-01-03 23:55 262下面是Godaddy Windows主机支持的组件ADODB. ... -
Godaddy主机购买图解教程
2010-01-04 00:09 2581# 大 中 小 发表于 2007-3-28 12 ... -
GoDaddy域名及虚拟主机介绍
2010-01-04 00:12 258Godaddy是世界第一大域名 ... -
与Godaddy空间一起购买的domain获得$1.99优惠价的方法
2010-01-04 00:15 355不少人都说不知道怎么和空间一起买到$1.99的域名,小紫特意做 ... -
GoDaddy域名注册图解
2010-01-04 00:18 261GoDaddy域名注册图解 在godaddy注册域名是一个痛苦 ... -
Godaddy主机续费教程- Gift card 付款
2010-01-04 00:19 559, 登录Godady 帐号2, 进入Hosting accou ... -
Godaddy主机控制面板使用
2010-01-04 00:28 319Godaddy主机控制面板使用 最新说明请参考:http:/ ... -
如何建立MSSQL数据库
2010-01-04 00:34 978如何建立MSSQL数据库 1.登陆账户2. 在my produ ... -
godaddy虚拟主机access数据库中文乱码的解决方法
2010-01-04 00:35 443非程序生成的文字可以显示。但程序生成的文字就只有E文可以显 ... -
Godaddy 如何添加独立IP到主机账户
2010-01-04 00:36 289Godaddy 如何添加独立IP到主机账户 Godaddy购买 ...
相关推荐
超详细WordPress主题制作教程: 从零基础开始制作,如果您有一些PHP语言基础学习本教程会更好或者您也可以访问https://blog.csdn.net/weixin_43103088/article/details/82819773博客来快速搭建一个主题。
wordpress主题WordPress国人主题:ET本资源系百度网盘分享地址
wordpress主题WordPressCMS主题:Techvibe本资源系百度网盘分享地址
wordpress主题WordPress CMS主题:SohoMag本资源系百度网盘分享地址
wordpress主题WordPress圣诞主题:Wpbus C2010B本资源系百度网盘分享地址
wordpress主题wordpress博客主题:风之蓝色本资源系百度网盘分享地址
下面就让我们来开始学习wordpress主循环(The Loop)在模板中的应用。 打开 Xampp,“tutorial”主题文件夹,浏览器,并且在浏览器中转到 http://localhost/wordpress,最后打开 index.php 文件。 下面应该是这时候...
wordpress主题wordpress博客主题:大气华丽的四色模板本资源系百度网盘分享地址
WordPress主题:deStyle WordPress主题:deStyle WordPress主题:deStyle WordPress主题:deStyle WordPress主题:deStyle
WordPress 主题教程 WordPress 模板教程
wordpress主题新闻杂志主题:Newsworthy本资源系百度网盘分享地址
wordpress主题情人节主题:ValeRomance本资源系百度网盘分享地址
wordpress主题高级杂志主题:BTextended本资源系百度网盘分享地址
wordpress主题宽度自适应主题:CSSzilla本资源系百度网盘分享地址
wordpress主题产品展示主题:Ebuy本资源系百度网盘分享地址
wordpress主题黑色透明主题:Translucence本资源系百度网盘分享地址
wordpress主题高级免费主题:Pearlie本资源系百度网盘分享地址
wordpress主题深紫色主题:Fashion Style本资源系百度网盘分享地址
wordpress主题影视评论主题:Boxoffice本资源系百度网盘分享地址
wordpress主题WOPUS原创主题:火红2011本资源系百度网盘分享地址