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

Posted

技术标签:

【中文标题】打印文本和图标链接到 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()-&gt;post_title; 得到它。我会为你更新。

以上是关于打印文本和图标链接到 Wordpress 上的相邻帖子的主要内容,如果未能解决你的问题,请参考以下文章

如何将 Bootstrap 图标链接到 Ruby 上的链接?

用图形替换文本链接(导航)

wordpress 上超链接文本的大字体

Wordpress 开发人员检索到文本框的永久链接

小wordpress上的条纹支付图标

图像上的 Wordpress ACF 和光滑的滑块链接