WORDPRESS为上一篇下一篇文章链接添加TITLE属性
一般我们添加上一篇和下一篇文章时的代码是这样子的:
<?php previous_post_link('%link','<<') ?> <?php next_post_link('%link','>>') ?>
该代码最终解析出来的代码大概如下:
<a href="……"> …… </a> <a href="……"> …… </a>
这样子的结构是非常简单,如果我要增加title
、target
等属性值时,单靠上面两个函数是办不到的。其实要解决这个问题很简单,不知道大家有没有接触到这两个函数:get_previous_post
、get_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 ); ?>"><?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 ); ?>"><?php echo $next_post->post_title; ?></a> <?php endif; ?>
通过上面的替换,问题就完美解决了。除了可以添加title
属性外,大家如果有需要也可以加上新窗口打开的属性:target:"_blank"
。好了,这个小技巧希望对大家有用。
声明: 本站html5资讯教程均分享互联网转载请注明出处,本文固定地址:http://www.wpoff.com/wordpress-previous-next.html