This post covers the topic – how to add more social media icons to Divi footer.
If you are a fan of Divi and hate the limitation of having lesser social media icons in the footer then you don’t have to face it anymore. I’m going to walk through the way on how to add more social media icons to divi footer and a control option for this in Divi Theme Panel.
As Divi comes with the settings of four default social media icons i.e. Facebook, Twitter, Google+, RSS and most of the time we have to add extra social media icons to the footer such as Instagram, YouTube etc. then there will be no option left for us than to hard-code.
Hard-coding is not a good approach as it lacks the dynamicity and in this case if client’s want to change social media icons in future then he has to hire a developer for such a small little thing as he might not be a developer and in a theme like Divi which is very user friendly one shouldn’t have to hire a developer to change only social media icons.
In Divi theme options panel, there are four default social media icon buttons and four text fields correspondence to them to add links. In order to add more social media icon buttons you have to write a few lines of code but before going further make sure you are writing in your child theme.
Here I am showing you to add LinkedIn icon in the Divi theme options.
In the first step of your query on how to add more social media icons to Divi footer you need to create a file named ‘panel_options.php’ and in that file write a few lines of code.
In the above code, I have added the LinkedIn icon enable button below the Google+ button and the text field correspondence to it written below the Google+ text field.
Now after that add these into your child theme ‘functions.php’
This will make the previous code work and add the LinkedIn icon enable button to the theme options.
Now in the final step, you need to create an “includes” folder in your child theme and copy “social_icons.php” file from the “includes” folder in the parent theme to your child theme “includes” folder.
Now append this code in your child theme’s social_icons.php file.
Now after enabling the LinkedIn icon from the theme options you can see your icon in the footer.
This is all on how to add more social media icons to Divi footer and in theme options. You can add more icons if you want including YouTube, Dribbble etc without caring about the CSS, Divi will take care of it.
You don’t have to worry about these social media icons CSS
Still need help in getting this done? Check out our Custom Divi Work page.