在PHP中添加圖像以替換FA圖標

我使用的是wordpress主題Blackfyre，因此所有的CSS和HTML都已經完成。我試圖直接改變包含頁眉和頁腳的php編碼。我已經成功地將FA圖標更改爲更合理的東西，但是我能夠將其更改爲img嗎？ FA目前沒有Discord圖標，我想通過使用img添加我自己的圖標。在PHP中添加圖像以替換FA圖標

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

。任何援助將不勝感激。

它目前看起來像下面，但我想用不和諧圖標img替換耳機/麥克風。

來源

2016-08-09 Xiodrade

只是走一個猜測在這裏，因爲你沒有發表您的CSS。雖然這在過去對我來說很有效。

擺脫「fa fa-headphones」。

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

刪除「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>

來源

2016-08-09 00:28:01

謝謝對我的作品 – Xiodrade

在PHP中添加圖像以替換FA圖標

回答

相關問題