1. Home
  2. Wissensdatenbank
  3. WordPress
  4. DIVI
  5. Mehr Social Icons im Divi Theme hinzufügen
  1. Home
  2. Wissensdatenbank
  3. WordPress
  4. WordPress Plugins
  5. Mehr Social Icons im Divi Theme hinzufügen

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 Theme hinzufügen können!

  1. Auf ein hinzufügen weiterer Social Icons und Sozialen Netzweken ist das 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 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 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)

War dieser Artikel hilfreich?

Ähnliche Artikel

Kommentar absenden

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Veröffentlicht am - 20. Aug 2020
Geändert am - 14. Sep 2023
Ansichten - 1870
Likes - 3
Skip to content