wordpress - Wordpress 标题中的＆符号打破了我对社交媒体链接的分享

Question

我希望得到一些帮助来解决一些让我发疯的编码问题。我更喜欢在我的 wordpress 帖子标题中写“&”而不是“and”。但是写出＆符号会破坏我们的 twitter、facebook 和 google-plus 帖子共享链接。 Facebook 能够实际显示链接(不过，它从标题中去掉了＆符号)，但 twitter 完全显示失败，google-plus 也是如此。

这是共享链接的代码:

<ul>
    <li class="video-twitter"><a target="_blank" href="http://twitter.com/share?text=<?php the_title(); ?>&amp;url=<?php the_permalink(); ?>" title="Share on Twitter">Twitter</a></li>
    <li class="video-facebook"><a target="_blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" title="Share on Facebook">Facebook</a></li>
    <li class="video-google"><a target="_blank" href="https://plus.google.com/share?url=<?php the_permalink();?>&t=<?php the_title(); ?>" title="Share on Google+">Google+</a></li>
</ul>

任何帮助将不胜感激!

Answer 1

我今天遇到了同样的问题，而且很容易解决。所有 & 符号等都由 WordPress 提供实体，这意味着如果您使用 get_the_title() 或 the_title() ＆符号是这样的: & #038 ;

您可以使用 html_entity_decode() 解码它之后，您必须使其对 URL 友好，这可以使用 urlencode() 来完成。

将它们结合起来，您将拥有:

<?php print urlencode( html_entity_decode( get_the_title() ) ); ?>

或者以“更干净”的方式执行并在您的 functions.php 主题文件中创建此函数:

function themeprefix_social_title( $title ) {
    $title = html_entity_decode( $title );
    $title = urlencode( $title );
    return $title;
}

这样你就可以在你的主题中调用这个函数，它可以用于所有社交网络:

<?php print themeprefix_social_title( get_the_title() ); ?>

当应用于您的示例时:

<ul>
    <li class="video-twitter"><a target="_blank" href="http://twitter.com/share?text=<?php print themeprefix_social_title( get_the_title() ); ?>&url=<?php the_permalink(); ?>" title="Share on Twitter">Twitter</a></li>
    <li class="video-facebook"><a target="_blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php print themeprefix_social_title( get_the_title() ); ?>" title="Share on Facebook">Facebook</a></li>
    <li class="video-google"><a target="_blank" href="https://plus.google.com/share?url=<?php the_permalink();?>&t=<?php print themeprefix_social_title( get_the_title() ); ?>" title="Share on Google+">Google+</a></li>
</ul>