上下篇文章链接添加title属性

features-previous-next-post-title

本站的文章页面中上一篇和下一篇的文章链接没有title属性,今天在网上找到一种很好的解决办法和大家分享一下。

一般添加上一篇和下一篇文章时的代码是这样子的:

<?php previous_post_link(‘%link’,'<<‘) ?>
<?php next_post_link(‘%link’,’>>’) ?>

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

<a href=”……” rel=”external nofollow” rel=”external nofollow” > …… </a>
<a href=”……” rel=”external nofollow” rel=”external nofollow” > …… </a>

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

具体解决方法:

<?php previous_post_link(‘%link’,'<<‘) ?>
<?php next_post_link(‘%link’,’>>’) ?>

替换成:

<?php
$prev_post = get_previous_post();
if (!empty( $prev_post )): ?>
<a title=”<?php echo $prev_post->post_title; ?>” href=”<?php echo get_permalink( $prev_post->ID ); ?>” rel=”external nofollow” ><?php echo $prev_post->post_title; ?></a>
<?php endif; ?>

<?php
$next_post = get_next_post();
if (!empty( $next_post )): ?>
<a title=”<?php echo $next_post->post_title; ?>” href=”<?php echo get_permalink( $next_post->ID ); ?>” rel=”external nofollow” ><?php echo $next_post->post_title; ?></a>
<?php endif; ?>

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

通过以上技巧完美解为本站的上下篇文章链接增加了title属性,如下图。

previous-next-post-title

原文链接:http://www.jiawin.com/wordpress-tips-previous-next-post-title