wordpress 主题教程:日志导航链接 -云顶国际

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

在  和 之间添加如下代码:

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

效果如下:

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

如何定制化 posts_nav_link()

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

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

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

标题内容

  • 主题教程:从零开始制作 主题
  • 主题教程:介绍 (1)
  • 主题教程:模板文件和模板 (2)
  • 主题教程:开始 index.php (3)
  • 主题教程:header 模板 (4)
  • 主题教程:header 模板 2 (4-2)
  • 主题教程:主循环 (5)
  • 主题教程:日志内容 (5-2)
  • 主题教程:日志元数据 (5-3)
  • 主题教程:else,日志 id,链接标题 (5-4)
  • 主题教程:日志导航链接 (5-5)
  • 主题教程:侧边栏 (6)
  • 主题教程:页面链接列表 (6-2)
  • 主题教程:存档和链接列表 (6-3)
  • 主题教程:搜索框和日历 (6-4)
  • 主题教程:窗体化侧边栏 (6-5)
  • 主题教程:底部 (7)
  • 主题教程:验证 xhtml (8)
  • 主题教程:style.css 和 css 介绍 (9)
  • 主题教程:十六进制颜色代码和样式化链接 (10)
  • 主题教程:宽度和布局 (11)
  • 主题教程:日志样式化和其他杂项 (12)
  • 主题教程:样式化侧边栏 (13)
  • 制作 模板 必看:功能函数调用集合
         
网站地图