Question

是否可以在没有文字的WordPress帖子中链接社交媒体图标？

我在WordPress Visual composer文本模块中使用了以下代码：

<a href="https://www.facebook.com/xyz/"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="https://plus.google.com/xyz"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="https://twitter.com/xyz"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://www.instagram.com/xyz/"><i class="fa fa-instagram" aria-hidden="true"></i></a>

更新帖子后，链接更改为：

<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-google-plus" aria-hidden="true"></i>
<i class="fa fa-twitter" aria-hidden="true"></i>
<i class="fa fa-instagram" aria-hidden="true"></i>

Answer 1

您可以在可视化作曲中尝试使用Raw HTML模块吗？

Answer 2

理想情况下，您想要创建一个短代码并使用VC来插入它创建如下的短代码：

function social_media_shortcode( $atts, $content ) {
    $a = shortcode_atts( array(
    ), $atts );
    ob_start();
    ?>
    <div class="vc-social-media">
        social items go here
    </div>
    <?php
    return ob_get_clean();
}
add_shortcode( 'social-media', 'social_media_shortcode' );

然后在VC中注册短代码：

add_action( 'vc_before_init', 'socialMediaVC' );
function socialMediaVC() {
    vc_map( array(
        "name" => "My Social Media Shortcode",
        "base" => "vc-social-media",
        "class" => "vc-social-media",
        "category" => "Content",
        "params" => array(

        )
    ));
}

现在您将拥有自己可以添加的Visual Composer对象另外，你使用VC作为帖子还是页面？

如何在WordPress帖子中链接没有文字的社交媒体图标？

2 个答案: