在Wordpress上打印到相邻帖子的文本和图标链接


Print text and icon link to adjacent posts on Wordpress

我的Wordpress中有以下代码,它使我的背部/下一个帖子导航:

<nav role="navigation" id="<?php echo esc_attr( $nav_id ); ?>" class="<?php echo $nav_class; ?>">
<?php if ( is_single() ) : // navigation links for single posts ?>
    <?php next_post_link( '<div class="nav-next">%link</div>', '<span class="fa fa-chevron-right"></span>' . _x( '', 'Previous post link', 'bnNav' ) ); ?>
    <?php previous_post_link( '<div class="nav-previous">%link</div>', _x( '', 'Next post link', 'bnNav' ). '<span class="fa fa-chevron-left"></span>'); ?>
...

这会使指向右侧和左侧的V形链接到后面和下一个帖子。

我想显示链接的文本以及V形,但不确定如何调整我的代码。

函数_x()用于Wordpress中的翻译,等待参数:

$text(string)(必需)要翻译的文本。

$context(string)(必需)翻译器的上下文信息。

$domain(字符串)(可选)文本域。检索翻译的唯一标识符字符串。默认值:"默认"

为了让你的文本出现,只需填写第一个参数来设置你想要显示的文本,如果你想的话,你可以在之后翻译它。例如:

<nav role="navigation" id="<?php echo esc_attr( $nav_id ); ?>" class="<?php echo $nav_class; ?>">
    <?php if ( is_single() ) : // navigation links for single posts ?>
        <?php next_post_link( '<div class="nav-next">%link</div>', '<span class="fa fa-chevron-right"></span>' . _x( get_previous_post()->post_title;, 'Previous post link', 'bnNav' ) ); ?>
        <?php previous_post_link( '<div class="nav-previous">%link</div>', _x( get_next_post()->post_title;, 'Next post link', 'bnNav' ). '<span class="fa fa-chevron-left"></span>'); ?> 

有关更多信息,请查看x()和next_post_link()的官方参考。

如果您想获得链接到的帖子的名称,可以使用get_next_post()和get_previous_post(。

希望这对你有帮助。