WordPressの投稿内にテキストなしでソーシャルメディアのアイコンをリンクするには？

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

はあなたが視覚的に生のHTMLモジュールを試すことができます作曲家？今

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(

     ) 
    )); 
} 

：

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でショートを登録します。

Answer 2

理想的には、このようなショートを作成してショートを作成し、VC
使用して、それを挿入したいと思います追加できる独自のVisual Composerオブジェクトが用意されています。
また、投稿やページにVCを使用していますか？