2017-02-14 68 views
1

是否有可能将WordPress文章中的社交媒体图标链接到文本中?如何在WordPress文章内没有文字链接社交媒体图标?

我用下面的代码在WordPress视觉作曲家文本模块:

<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> 
+0

我认为视觉作曲家已经可以选择创建社交图标。你尝试过吗? – Aslam

回答

1

你能与原始HTML模块中的可视化尝试作曲家?

1

理想情况下你想创建一个短代码,并使用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的帖子或页面?

+0

对于wordpress页面 –