前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress 主题教程 #5e:日志导航链接

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

作者头像
Denis
发布2023-04-15 09:35:55
1710
发布2023-04-15 09:35:55
举报
文章被收录于专栏:WordPress果酱WordPress果酱

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

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

代码语言:javascript
复制
<div class="navigation">
<?php posts_nav_link(); ?>
</div>
postsnavlink.gif
postsnavlink.gif
  • <div class="navigation"> - 开始一个名为 navigation 的 DIV 标签。
  • <?php - 开始 PHP 代码
  • posts_nav_link() - 调用后一页和前一页的链接。
  • ; - 停止调用。
  • ?> - 结束 PHP 代码
  • </div> - 结束名为 navigation 的 DIV 标签。

效果如下:

nextpage.gif
nextpage.gif

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

如何定制化 posts_nav_link()

和前面 postmetadata 课程中介绍的函数一样,我们也可以给这个函数3个参数,分别给链接的中间,前面和后面的设置字符,如下:

代码语言:javascript
复制
<?php posts_nav_link('in between','befor','after'); ?>

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

这里是一个定制化 posts_nav_link() 的例子:

postnavlink-example-1.gif
postnavlink-example-1.gif

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档