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

WordPress 主题教程 #5e:日志导航链接

日志导航链接从零开始创建 WordPress 主题系列教程的第五篇的第五部,在绝大多数的 WordPress 博客的底部,都会有 下一页 (Next Page) 或者 上一页 (Previous Page) 这样的导航链接。我们可以通过 WordPress 的模板系统中的 posts_nav_link() 这个函数调用这些链接。

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

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

postsnavlink.gif

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

效果如下:

nextpage.gif

保存并刷新,查看后一页或者前一页的链接。默认情况下,如果没有超过10篇日志的话,是不会显示导航链接。如果没有超过10篇日志,依然想看到导航链接,登录到管理界面,选择 Settings > 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

原文:link

标签:

分享到:

17 条评论 添加你的评论 →

  • oiclover 2007-11-07 11:23:51 #

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

    支持 反对

  • Denis 2007-11-07 16:39:30 #

    @oiclover 保存为 utf-8

    支持 反对

    • jezal 2008-12-03 10:39:36 #

      同学救命!
      我的翻页怎么无效?每一页都是一样的文章列表!救命,急!我的地址是http://art.web.xtu.edu.cn:8080/?page_id=57 :???:

      支持 反对

  • oiclover 2007-11-08 10:30:47 #

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

    支持 反对

  • weigaung li 2008-01-18 12:49:40 #

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

    支持 反对

  • levon 2008-01-20 14:18:44 #

    这里的 ” 都应该换成 ‘
    楼上说的没错哦。

    支持 反对

  • a-duo 2008-03-19 13:52:29 #

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

    支持 反对1

  • 痞子C 2008-07-07 15:59:54 #

    单引号
    作者一时疏忽拉 :wink:

    支持 反对

  • jezal 2008-12-02 22:56:57 #

    我的日志分页好奇怪,每一页都是一样的。快帮帮我啊!@~

    支持 反对

    • jezal 2008-12-02 22:59:03 #

      我的网站地址是:art.web.xtu.edu.cn:8080

      支持 反对

  • 3man 2010-07-30 17:46:20 #

    single。php 的分页怎么做?添加上面的代码出错!谢谢

    支持 反对

  • 麥町~ 2010-08-15 15:46:31 #

    我的single页添加next_posts_link函数和previous_posts_link函数都不显示任何东西,怎么回事?请前辈指点啊,谢谢了~ :cry:

    支持 反对

    • Denis 2010-08-15 17:25:08 #

      这两个函数好像已经被弃用了,你可以找下新版的!

      支持 反对

  • 吴景辉 2011-10-19 22:15:49 #

    在 和 之间添加如下代码:

    这段代码添加保存后网页无任何反应,没有上一页和下一页的显示

    支持 反对

发表评论

你必须 登陆 之后才能留言。你可以使用以下方式快速登陆我爱水煮鱼:

使用新浪微博登陆 使用腾讯微博登陆 使用豆瓣登陆

你也可选择直接在本站 注册