首页 » WordPress 主题 » WP Theme 教程 #5e:日志导航链接

WP Theme 教程 #5e:日志导航链接

June 9th, 2007 at 03:10pm 雪山飞猪 浏览: 4,742

在绝大多数的 WordPress blog 的底部中,都会有 Next Page 或者 Previous Page 这些导航链接。你可以通过 WordPress 的模板系统中的 posts_nav_link() 这个函数调用这些链接。在这篇中,只有一个步骤!

真的需要我再次告诉你一次去打开 Xampp,主题文件夹,浏览器和 index.php 文件吗? :-)

第1步(只有一步)

<?php endwhile; ?><?php else : ?>之间添加如下代码:

<div class=”navigation”>
<?php posts_nav_link(); ?>
</div>

postsnavlink.gif

注意到上面截图中的缩进,我一般使用 tab 健产生缩进来组织代码。

<div class=”navigation”> - 开始一个名字为 navigation 的 DIV 标签来围住后一页和前一页的链接区域。
<?php - 开始 PHP 代码
posts_nav_link() - 调用后一页和前一页的链接。
; - 停止调用。
?> - 结束 PHP 代码
</div> - 结束名字为 navigation 的 DIV 标签。

效果如下:
nextpage.gif

保存并刷新,查看后一页或者前一页的链接。默认情况下,如果你没有超过10篇日志的话,是不会显示导航链接。如果你没有超过10篇日志,依然想看到导航链接,登录到管理界面,选择 Options > Reading,然后把它设置为比你所有日志少一篇。如,你有6篇日志,就设置为5。

如何定制化 posts_nav_link()
就像一些在 postmetadata 课程的函数中,你可以给这个函数3个参数,分别为你想显示在后一页和前一页链接的中间,前面和后面的任何字符,如下:

<?php posts_nav_link(’in between’,"before’,"after’); ?>

第1个参数是显示在后一页和前一页链接的中间。第2个参数显示在前面。第3个参数显示在后面。

这里是一个定制化 posts_nav_link() 的例子:
postnavlink-example-1.gif

下一篇:WP Theme 教程 #6:侧边栏

请查看教程目录:WordPress 主题教程系列

翻译自:WP Theme Lesson #5e: Posts Nav Link

创建 WordPress 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。

作者:雪山飞猪
原文链接:WP Theme 教程 #5e:日志导航链接
我爱水煮鱼版权所有,转载时必须以链接形式注明作者和原始出处及本声明。

17fav 收藏本文

7 条评论 添加你的评论 和主题无关问题请移步到这里发表

  • 1. oiclover  |  November 7th, 2007 at 11:23 am

    为什么我在自己定义链接的时候,把上一页跟下一页的英文改成中文就显示乱码,why??

    [回复该留言]

  • 2. 雪山飞猪  |  November 7th, 2007 at 4:39 pm

    @oiclover 保存为 utf-8

    [回复该留言]

  • 3. oiclover  |  November 8th, 2007 at 10:30 am

    非常感谢,保存文件还得注意这个啊
    !!长见识了

    [回复该留言]

  • 4. weigaung li  |  January 18th, 2008 at 12:49 pm

    十分感谢
    碰到了一点儿问题
    在如何定制化 posts_nav_link():
    语句
    是不是应该把里面的两个" 都换成 '
    我在跟着学习的时候遇到的 :)

    [回复该留言]

    胡戈戈 reply on January 31, 2008:

    denis好像还没有改过来

    [回复该留言]

  • 5. levon  |  January 20th, 2008 at 2:18 pm

    这里的 " 都应该换成 '
    楼上说的没错哦。

    [回复该留言]

  • 6. a-duo  |  March 19th, 2008 at 1:52 pm

    ’in between’,"before’,"after’
    这里为什么有的是单引 有的是双引?

    [回复该留言]

发表评论 和主题无关问题请移步到这里发表

必须

必填,打死不公开

:mrgreen: :neutral: :twisted: :arrow: :shock: :smile: :???: :cool: :evil: :grin: :idea: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: :!: :?:

WP Theme 教程 #5d:Else,日志 ID,链接标题 WP Theme 教程 #6:侧边栏


订阅

本站推荐

分类

Clicki