上一篇下一篇文章链接添加TITLE属性

最近有个朋友在学WordPress时,期间问了我一个问题,当在文章页面添加上一篇和下一篇文章时,怎么没有title属性?我仔细一看还真没有,以前倒没注意到这个问题,于是在百度上搜索了一番,发现挺多人都有这方面的需求,但没有一个满意的答案,网上介绍的一种解决方法是修改Wordpress程序文件来实现,但我个人非常不喜欢。一则是程序的文件你最好别动,除非你想成为Wordpress的程序开发人员;二则是当你下次更新程序的时候,又得重新修改,太麻烦了,不适合我这种懒人。

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

  1. <?php previous_post_link('%link','<<') ?>
  2. <?php next_post_link('%link','>>') ?>

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

  1. <a href="……"> …… </a>
  2. <a href="……"> …… </a>

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

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

  1. <?php previous_post_link('%link','<<') ?>
  2. <?php next_post_link('%link','>>') ?>

替换成:

  1. <?php
  2. $prev_post = get_previous_post();
  3. if (!empty( $prev_post )): ?>
  4. <a title="<?php echo $prev_post->post_title; ?>" href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php echo $prev_post->post_title; ?></a>
  5. <?php endif; ?>
  6. <?php
  7. $next_post = get_next_post();
  8. if (!empty( $next_post )): ?>
  9. <a title="<?php echo $next_post->post_title; ?>" href="<?php echo get_permalink( $next_post->ID ); ?>"><?php echo $next_post->post_title; ?></a>
  10. <?php endif; ?>

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

好了,这个小技巧希望对大家有用。如果你有好的小技巧也可以和我们一起分享,让大家一起享受你的成就感。

原文地址:https://www.cnblogs.com/surplus/p/15736983.html