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

Posted 2023-04-13

【中文标题】打印文本和图标链接到 Wordpress 上的相邻帖子

【英文标题】：Print text and icon link to adjacent posts on Wordpress

【发布时间】：2016-09-06 09:22:56

【问题描述】：

我的 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 形一样显示，但不知道如何调整我的代码。

【参考方案1】：

函数 _x() 用于在 Wordpress 中作为参数等待翻译：

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

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

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

为了让你的文本出现，只需填写第一个参数来设置你想要显示的文本，如果你愿意，你也可以在之后翻译它。举个例子：

<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() 函数来实现。

希望对你有所帮助。

【讨论】：

我不是要放特定的文字，每个链接都已经有了标题，只是不知道如何显示。或者我的代码的哪一部分隐藏了它

@user3550879 显示是什么意思，因为打印值确实显示了它。正如我提到的填充_x() 函数的第一个参数，你有空的('')，这应该可以解决问题。翻译只是一个加号，但您不必使用它。

抱歉，填写该区域会将文本放在我想要的位置，但我希望该文本成为链接的“标题/名称/id”或 wordpress 为帖子提供的任何内容。你放的代码只是把“以前的帖子链接”文本写成写

@user3550879 你可以使用get_next_post()->post_title; 得到它。我会为你更新。