Social media icons

I’m actually building a child theme for Serene that includes more social links including Instagram. It’s going to be a free theme. I’ll post a link when it gets approved and you can download it and look at my code to add/change the social icons.

hello,
is this child template ready? i’m interested in more social icons too

thanks ??

I was able to edit the theme to use more social icons (instagram & flickr). let me know if you still need help.

yes please, i’m still interested ??

ok! first off make sure to create a backup of your site before you make any changes. You will need to edit the header.php, functions.php and style.css files, so make sure you back those files up before editing them. Here is a download link with the code you need to add to those files: https://dl.dropboxusercontent.com/u/5636531/Add_Serene_Social_Icons.zip

Next you can edit the files through the wordpress theme editor or with your own text editor.

First
open the header.php file and do a search (cmd+f mac, ctrl+f windows) for “facebook”. Now go to the first “<?php endif; ?>” that comes after all of the “facebook” text and hit return/enter at the very start of the “<?php endif; ?>” to create a new line. Make sure you are outside of those brackets. Copy and paste everything from my header file onto that new line and save.

Second
open the functions.php file and do a search for “facebook” again. Hit return before “$wp_customize->add_setting( ‘facebook_url'” to create a new line and paste everything from my function file there and save.

Third
open the style.css file and do a search for “facebook” again. Hit return after the closing bracket ‘}’ to create a new line and paste everything from my style file there and save.

After all that you should be able to add your social links in the wordpress customization section under theme settings. Hope that works for you!

I realized that I forgot to add the instagram and flickr icons. I’ve updated the code the download link should still work.

THANKS! BUT NOW…

Your header file has an extra <?php endif; ?> at the top. Additionally, after adding the new code to the middle of it, it now says:

Parse error: syntax error, unexpected end of file in /home2/joyryde/public_html/YOURWEBSITE.com/wp-content/themes/Serene/header.php on line 139

I was able to delete a bunch of the code in the files (to leave just the services I needed) and got it to work by deleting a lot of it, so I’m all set but others might have trouble.

Will this code eventually be put into an updated theme release so it’s not all custom?

thanks again!!

Glad it worked for you…kind of haha. My guess is that you may have added an extra “<?php endif; ?>”, but I’m not sure about that syntax error. I’d need to see the whole file to know whats going on. But as long as you were able to add the services you needed then you should be good!

As for updating the theme, I wouldn’t know since I’m not the developer haha. I honestly don’t know why it wasn’t released with all of the other icons included since it is really simple to add and is already apart of the icon set that is currently used on the site. I hope it does get updated tho!

Oh wow! I just assumed you were the developer!

Thanks so much for this!! My site is so much more functional now.

Nope haha I’m helping a friend build their site using this theme and she ran into the same problem. Figured since I found a solution that I would share it ??

Well thank you =) And if anyone else here needs any help with it, just reply to me, I’m also happy to help!

I used the download link but the social media icons are still missing. It looks like circles without the picture of the icon.

when you go to the customization page does it give you more options for social media icons? like instagram, tumblr, flickr etc… Or do you still only have the options for the two or three that the theme came with?

I tried it again today and it’s showing the icons. That was weird that it would just show a blank gray circle yesterday. It works now though. Thank you!