gravatar头像龙笑天  4个月前 (08-21) 来源:龙笑天下 隐藏边栏 |   12 条评论  192 
文章评分 23 次,平均分 5.0

本文综合介绍 WordPress上一篇、下一篇文章链接的细节优化,如:给上一篇、下一篇文章链接加上title标题或缩略图;实现wordpress文章页调用同分类上/下一篇文章,以及优化当文章处于首篇或末篇时,上一篇、下一篇文章链接的显示空白。

1 上一篇、下一篇文章链接加上title标题或缩略图

在wordpress中,文章页面添加的上一篇和下一篇文章链接,是没有title属性。那么如何加上title,甚至加上缩略图呢?@觉唯设计

好吧,仔细研究一下吧,一般我们添加上一篇和下一篇文章时的代码是这样子的:

该代码最终解析出来的代码大概如下:

这样子的结构是非常简单,如果我要增加title、target等属性值时,单靠上面两个函数是办不到的。其实要解决这个问题很简单,不知道大家有没有接触到这两个函数:get_previous_postget_next_post。通过这两个函数我们可以获取到上一篇和下一篇文章的相关信息。大家可以到官网看看这两个函数的介绍。

好了,下面就来干货,说下解决问题的方法。只要将:

替换成:

通过上面的替换,问题就完美解决了。除了可以添加title属性外,大家如果有需要也可以加上新窗口打开的属性:target="_blank"

也可以给上一篇、下一篇文章链接加上缩略图,给个参考例子:@segmentfault

2 优化当文章处于首篇或末篇时,上一篇、下一篇文章链接显示空白的问题

如果调用的是wordpress的默认函数,当文章处于首篇或末篇时,上一篇、下一篇文章链接会显示空白,那么如何优化呢?

其实只需增加一个判断就行:@博客吧

方法1也需要此优化,这里就不赘述了,照着这个方法修改就行了。

3 wordpress文章页调用同分类上/下一篇文章

WordPress如何实现同一分类的上下篇功能呢?

我们绝大部分WordPress博客,在每一篇文章的尾部都有这么一个功能,那就是“上一篇”和“下一篇”,但是绝大部分都是直接使用默认的功能,也就是按post_ID排的,导致“上一篇”和“下一篇”与看到的文章并不是同一分类。而对于想连续浏览同分类的文章的上一篇或下一篇时,这种方式是不大适合的!所以今天就跟大家分享一下WordPress如何实现同一分类的上下篇功能。@boke112

首先我们需要了解 next_post_link()previous_post_link() 这两个函数的用法,如next_post_link()的定义:

从定义可以看到有4个参数,第一个参数是指定格式,第二个参数是指定标题,第三个参数就表示在不在同一类中寻找,默认为false即不同类,第四个参数表示是不是排除某一类;previous_post_link() 的定义也是类似的。

例如:把 next_post_link(‘下一篇:%link’) 改成 next_post_link(‘下一篇:%link’,’%title’,true,’’) 就可以在同一类中跳转了。previous_post_link() 也是同样的办法,直接改为 previous_post_link(‘上一篇:%link’,’%title’,true,’’) 。

下面提供一个完整的调用同分类上一篇/下一篇文章的例子:

友情提示:如果要加上title、缩略图,请参考方法1。

4 调用同分类上/下一篇文章且加上title和优化了空白

懒人专用版...

好了,具体效果参考本站的文章页,这个小技巧希望对大家有用。

 

除特别注明外,本站所有文章均为龙笑天下原创,转载请注明出处来自http://www.ilxtx.com/wordpress-previous-next-post.html

gravatar头像
龙笑天
互助分享,互联网本该如此!

发表评论

表情 链接 贴图 私信 格式 签到

最赞评论
  1. gravatar头像
    龙笑天 年费会员 博 主

    @BanYuner按分类来却是有局限性的地方,但轻微强迫症的我勉强能接受~~ [可怜]

    2016-08-25 11:25
    13 0
  2. gravatar头像
    那一抹风情 评论达人 LV.2 来自天朝的朋友 火狐浏览器 Windows 7 广东省深圳市 电信

    ∴※人 生 是 一 道 风 景※∴

    ∴※快 乐 是 一 种 心 境※∴

    ∴※静 静 地 来 您 空 间※∴

    ∴※悄 悄 地 留 下 笔 迹※∴

    ∴※淡 淡 的 一 句 祝 福※∴

    ∴※倾 注 了 无 限 真 诚※∴

    ∴※愿你开心快乐每一天!※∴

    2016-09-02 21:56
    9 0
  3. gravatar头像
    我爱动感单车网 评论达人 LV.2 来自天朝的朋友 谷歌浏览器 Windows XP 广西桂林市 电信

    [微笑] 我博客目前的样式,说不上好看、也不谈不上难看,暂时就不想再做任何美化了!

    2016-08-28 23:25
    6 0
  1. gravatar头像
    唯历史 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 9_3_4 like Mac OS X) AppleWebKit 北京市 联通

    有这些功能的效果截图没?

    7楼 2016-09-03 16:01
    0 0 回复
  2. gravatar头像
    那一抹风情 评论达人 LV.2 来自天朝的朋友 火狐浏览器 Windows 7 广东省深圳市 电信

    ∴※人 生 是 一 道 风 景※∴

    ∴※快 乐 是 一 种 心 境※∴

    ∴※静 静 地 来 您 空 间※∴

    ∴※悄 悄 地 留 下 笔 迹※∴

    ∴※淡 淡 的 一 句 祝 福※∴

    ∴※倾 注 了 无 限 真 诚※∴

    ∴※愿你开心快乐每一天!※∴

    6楼 2016-09-02 21:56
    9 0 回复
  3. gravatar头像
    成航先森 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市 电信

    有点不想折腾代码了,唉

    5楼 2016-09-02 9:40
    0 0 回复
  4. gravatar头像
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 电信

    这种文章非常有用,欢迎投稿到boke112导航,要不然就会被转载过去哦 [呲牙]

    4楼 2016-08-31 14:50
    2 0 回复
  5. gravatar头像
    我爱动感单车网 评论达人 LV.2 来自天朝的朋友 谷歌浏览器 Windows XP 广西桂林市 电信

    [微笑] 我博客目前的样式,说不上好看、也不谈不上难看,暂时就不想再做任何美化了!

    地板 2016-08-28 23:25
    6 0 回复
  6. gravatar头像
    蒂欧娜 来自天朝的朋友 搜狗浏览器 Windows 7 山东省 联通

    风吹过,我来过!

    板凳 2016-08-26 10:32
    0 0 回复
  7. gravatar头像
    BanYuner 评论达人 LV.1 来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信

    个人感觉还是不要通分类下的比较好 太局限性了

    沙发 2016-08-24 13:23
    5 0 回复
    • gravatar头像
      龙笑天 年费会员 博 主

      @BanYuner按分类来却是有局限性的地方,但轻微强迫症的我勉强能接受~~ [可怜]

      2016-08-25 11:25
      13 0 回复
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录。
快捷登录后,请完善资料中的电子邮件地址,可及时收到回复邮件通知和用于登录!

切换登录

注册

扫一扫二维码分享