How to Add Another Social Icon to Divi

by Last Updated: Sep 9, 2019Blog, WordPress Tips

Have you ever wanted to add an Instagram, Pinterest, LinkedIn or YouTube button to your Divi website? By default, there are just Facebook, Twitter, Google+ and RSS icons in the footer (or in the secondary menu bar if you chose this option in the Customizer). In this tutorial article I will explain you in short how you can add another icon.

 

Social Networks 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>
</a>
</li>

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

5 Free WordPress Plugins You Should Use

Banner Blue Biz Child Theme
Share This