Divi – Standart Social Icons durch benutzerdefinierte Icons ersetzen

Wenn du das Problem hast, dass du bei eigenen eingefügten Icons das Standarticon ebenfalls angezeigt bekommst, zeigen wir dir hier einen einfachen Weg, wie man das Standartsymbol ausblenden kann.

1. Hierzu musst du zuerst die social_icons.php aufrufen, welche man unter dem Pfad wp-content>themes>Divi>includes>social_icons.php findet.

2. In der social_icons.php musst du nun folgenden Code bearbeiten:

<li class="et-social-icon et-social-myspace">    <a href="https://myspace.com/your_company/‎" class="icon">    	<img src="https://site.com/icon.png" alt="myspace">        <span><?php esc_html_e( 'MySpace', 'Divi' ); ?></span>    </a></li>

3. Hier ist es nun wichtig, dass du auf das „class“-Attribut achtest! Das Attribut ist in dem Code „class=“et-social-icon et-social-myspace““. Wenn dein Standartsymbol im Iconset von Elegant Themes/DIVI vorhanden ist, werden aktuell beide Versionen angezeigt. Um dies zu ändern musst du das „class“-Attribut für jedes einzelne hinzugefügte Icon anpassen. Entferne einfach das „et-social-myspace“ aus dem Attribut. Dadurch wird nicht mehr das Standarticon in der Funktion angefordert, sondern nurnoch das benutzerdefinierte Icon welches du vorher im Code unter der „<img src=“…..“>“ festgelegt hast.

 Der HTML-Code für ein Leerzeichen ist folgender: &nbsp;

Dieser Beitrag ist auch verfügbar auf: English (Englisch)