wordpress 主题一步步制作教程!第十课日志导航链接(图解)

在绝大多数的 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

 

 

本文转自“我爱水煮鱼”

原文地址:http://fairyfish.net/2007/06/09/wp-theme-lesson-5e-posts-nav-link/

About sosel

发表评论

电子邮件地址不会被公开。 必填项已用*标注