Hinzufügen eines Bildes zu ersetzen FA Icon in PHP

Question

Ich verwende das Wordpress Theme Blackfyre, so dass alle CSS und HTML bereits fertig ist. Ich versuche, die PHP-Codierung, die die Kopf- und Fußzeile enthält, direkt zu ändern. Es ist mir gelungen, das FA Icon in etwas vernünftigeres zu ändern, aber könnte ich es stattdessen in einen IMG umwandeln? FA hat momentan kein Discord-Icon, und ich würde gerne mein eigenes hinzufügen, indem ich einen img benutze.

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

Ich versuche

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

mit dem img Symbol Link zu ersetzen. Jede Hilfe wäre willkommen.

Es sieht derzeit wie folgt aus, aber ich möchte die Kopfhörer/Mikrofon mit einem Discord-Symbol img ersetzen.

Answer 1

nur eine Vermutung hier nehmen, da Sie nicht Ihre CSS schreiben hat. Das hat in der Vergangenheit für mich funktioniert.

Befreien Sie sich von "Fa-Fa-Kopfhörern".

Entfernen Sie das "Fa-Mikrofon", um das Symbol zu verlieren, aber behalten Sie das fa-Layout bei.

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

Ihr Bild einfügen ...

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

Stil nach Bedarf. Dies kann entweder in Ihrer CSS-Datei oder inline geschehen. Zum Beispiel ...

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