如何在 Wordpress 摘录中的 Read More 链接之前向元素添加“...”？答案

【问题标题】：How do add a '...' to the element before a Read More link in a Wordpress excerpt?如何在 Wordpress 摘录中的 Read More 链接之前向元素添加“...”？
【发布时间】：2020-04-30 21:24:56
【问题描述】：

我正在更新我创建的主题的 Wordpress 网站。我在主页上发布了摘录，当摘录达到一定长度时，它会在<p> 标签中添加一个阅读更多链接，这使其成为摘录的最后一个元素。但是，当存在“阅读更多”链接时，我希望摘录中的倒数第二个元素在其末尾有一个 ...。

目前我正在使用 p:last-child(2) 的 CSS 将 ... 内容添加到带有 ::after 的倒数第二个 p 元素。但是，摘录的倒数第二项并不总是p 标签，因此... 最终出现在错误的位置。

如何将... 添加到阅读更多链接之前的最后一个元素？

编辑：我应该注意我在摘录中允许<p> 标签和其他标签。我想在摘录的最后一段之后直接添加“...”而不用换行符。但阅读更多链接将出现在摘录下方的一行。

您可以在我的网站iga.yohut.ie主页的最新消息部分下查看当前设置。

【问题讨论】：

标签： php css wordpress

【解决方案1】：

Niall，您可以尝试将其添加到您的主题的functions.php 中。改变三个点和

根据您的需要标记。

if ( ! function_exists( 'custom_add_excerpts_get_more_link' ) ) {

function custom_add_excerpts_get_more_link( $post_excerpt ) {
    if ( ! is_admin() ) {
        $post_excerpt = $post_excerpt . ' ... <p><a class="btn btn-secondary" href="' . esc_url( get_permalink( get_the_ID() ) ) . '"></a></p>';
    }
    return $post_excerpt;
}
}

【讨论】：

这几乎行得通。但它在摘录结束后留下一个换行符，因此“...”出现在最终文本下方的一行。你可以在这里的网站上看到它：iga.yohut.ie
我应该注意我在摘录中允许
标签和其他标签。我想在摘录的最后一段之后直接添加“...”而不换行。
您只需要在您正在编辑的帖子中删除摘录中的换行符，这样就可以很好地适应了。