PHPのFAアイコンを置き換えるイメージを追加する

Question

私はWordpressのテーマBlackfyreを使用しています。したがって、すべてのCSSとHTMLは既に行われています。私は直接ヘッダーとフッターを含むPHPコーディングを変更しようとしています。 FAアイコンをより合理的なものに変更するのに成功しましたが、代わりにimgに変更することはできますか？ FAには現在Discordアイコンがありません。imgを使用して自分自身を追加したいと思います。

<div id="main_wrapper"> 
<div class="above-nav container"> 
    <div class="social-top"> 
     <?php if (of_get_option('dribbble')) { ?> <a class="dribbble" target="_blank" href="<?php echo esc_url(of_get_option('dribbble_link')); ?>"><i class="fa fa-microphone"></i> <i class="fa fa-headphones"></i> </a><?php } ?> 
     <?php if (of_get_option('youtube')) { ?> <a class="youtube" target="_blank" href="<?php echo esc_url(of_get_option('youtube_link')); ?>"><i class="fa fa-youtube"></i> </a><?php } ?> 
    </div> 

    <div class="clear"></div> 
</div> 

私は、IMGのアイコンのリンクを

<i class="fa fa-microphone"></i> <i class="fa fa-headphones"></i> 

を交換しようとしています。いかなる援助も感謝します。

現在、以下のようになっていますが、ヘッドホン/マイクをdiscordアイコンimgに置き換えたいとします。あなたのCSSを投稿していなかったので、ちょうどここに推測を取って

Answer 1

。しかしこれは過去に私のために働いていました。

「fa fa-headphones」を削除します。

<i class="fa fa-microphone"></i> 

「fa-microphone」を削除してアイコンを削除しますが、faレイアウトは維持してください。

<i class="fa"></i> 

必要に応じて、あなたのイメージ...

<i class="fa"><img src="yourimage.png"></i> 

スタイルを挿入します。これは、CSSファイルまたはインラインで実行できます。たとえば...

<i class="fa" style="height: 15px"><img src="yourimage.png"></i>