How to Add Another Social Icon to Divi
So let’s say I want to add an Instagram icon. We will have to do this by touching some of the theme’s code. Open the file social-icons.php located in the “includes” directory of the Divi’s files.
To add an Instagram icon, you will need to add the following code to this file before the closing </ul> tag:
<li class=”et-social-icon et-social-instagram”>
<a href=”https://instagram.com/youraccount/” class=”icon”>
<span><?php esc_html_e( ‘Instagram’, ‘Divi’ ); ?></span>
Don’t forget to replace the “youraccount” code in the Instagram URL with your Instagram page.
If you want the Instagram icon to appear e.g. between the Google+ and RSS icon, place this code below the Google+ code and above the RSS code. The RSS code starts with <?php if ( ‘on’ === et_get_option( ‘divi_show_rss_icon’, ‘on’ ) ) : ?>
Also, I recommend you to use a child theme and create the “includes” directory in it and place the social-icons.php file into it. This way the Instagram (or the other icon(s) that you have added) will not disappear when you update Divi to a newer version. If you don’t know how to create a child theme, check this my post on it here. It is really easy.
And if you want to add social sharing buttons or links to your WordPress website, you can check my other tutorial on how to do it. It can be done with the Monarch plugin (that is included within the Elegant Themes suite).
PS: You might also like to read my other article in which I explain how to add social icons to your Divi menu.
PS2: For more Divi quick tutorials like this one delivered into your inbox, you can subscribe to my newsletter.
WordPress expert. Divi user since 2014. I blog about WordPress and Divi, my favorite WordPress theme. When I’m not working with WordPress or writing an article for this blog, I’m probably learning Italian. You can read more about me here.