Mehr Social Icons im Divi Theme hinzufügen

Ihnen fehlen bestimmte Icons für Ihre Webseite? Hier zeigen wir Ihnen, wie Sie selbst weitere Social Icons für das Divi Divi ist ein WordPress Theme und besticht durch tolle Features. Mit diesem Theme braucht ihr in WordPress fast keine zusätzlichen Plugins mehr! Offizielle Webseite von Divi Theme hinzufügen können!

1. Auf ein hinzufügen weiterer Social Icons und Sozialen Netzweken ist das Divi Divi ist ein WordPress Theme und besticht durch tolle Features. Mit diesem Theme braucht ihr in WordPress fast keine zusätzlichen Plugins mehr! Offizielle Webseite von Divi Theme gut vorbereitet, folgende Netzwerke wurden bereits im Theme als Icon für Erweiterungen hinterlegt:

pinterest
linkedin
tumblr
skype
flikr
myspace
dribbble
youtube
vimeo

2. Wie kann man diese Icons sichtbar machen? Hier muss die social_icons.php geändert werden. Diese finden Sie über den Pfad: wp-content>themes>Divi>includes>social_icons.php und können diese zum Bearbeiten öffnen.

3. In der social_icons.php wird nun ein Code Snippet genutzt, damit Sie ein eigenes Symbol einstellen können, was in Divi Divi ist ein WordPress Theme und besticht durch tolle Features. Mit diesem Theme braucht ihr in WordPress fast keine zusätzlichen Plugins mehr! Offizielle Webseite von Divi bereits mit eingebunden ist:

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

Diesen Code setzen Sie einfach an den Punkt, vor dem letzten </ul> Tag. Mit diesem Snippet können Sie nun alle verfügbaren Social Icons von Divi Divi ist ein WordPress Theme und besticht durch tolle Features. Mit diesem Theme braucht ihr in WordPress fast keine zusätzlichen Plugins mehr! Offizielle Webseite von Divi einbinden. Dafür ersetzen Sie einfach myspace und MySpace mit dem gewünschten Sozialen Netzwerk.

4. Was wenn das gewünschte Netzwerk nicht auf der Liste steht? Auch hier ist es relativ simpel gehalten:

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

Hier können Sie selber ein Icon als Referenz hinterlegen. Auch hier gilt das selbe wie zuvor: Ersetzen Sie einfach myspace und MySpace mit dem gewünschten Sozialen Netzwerk.

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