Add more social icons to the Divi theme

WebCodingConceptByBarsind e1590147909719
Contents

    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)

    Updated on 1. April 2024
    Was this article helpful?

    Leave a Reply

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