1. Home
  2. Knowledge Base
  3. WordPress
  4. DIVI
  5. Add more social icons to the Divi theme
  1. Home
  2. Knowledge Base
  3. WordPress
  4. Plugins
  5. Add more social icons to the Divi theme

Add more social icons to the Divi theme

Are you missing certain icons for your website? Here we show you how you can add more social icons for the Divi theme yourself!

  1. The Divi theme is well prepared for the addition of further social icons and social networks, the following networks have already been stored in the theme as icons for extensions:

pinterest
linkedin
tumblr
skype
flikr
myspace
dribbble
youtube
vimeo

2. how can these icons be made visible? The social_icons.php must be changed here. You can find these via the path: wp-content>themes>Divi>includes>social_icons.php and can open it for editing.

3. a code snippet is now used in social_icons.php so that you can set your own icon, which is already integrated in Divi:

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

Simply place this code at the point before the last tag. With this snippet you can now integrate all available social icons from Divi. Simply replace myspace and MySpace with the desired social network.

4. what if the desired network is not on the list? Here, too, it is kept relatively simple:

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

Here you can store an icon yourself as a reference. The same applies here as before: Simply replace myspace and MySpace with the desired social network.

Dieser Beitrag ist auch verfügbar auf: Deutsch (German)

Was this article helpful?

Related Articles

Submit a Comment

Your email address will not be published. Required fields are marked *

Published on - 20. Aug 2020
Modified on - 1. Apr 2024
Views - 111
Likes - 0

Do you need help?

Kontaktiere uns gerne :-)
Contact Support
Skip to content