If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.
July 28, 2013 at 5:30 pm #25870
Here is my website : http://www.labasesecrete.fr/blog/
I would like to display social media icons (the Facebook, Twitter and Youtube logos) into my main menu, without having to click on a category title to display them : I want the icons to be displayed right next to my other categories. So, basically, just after “Frises chronologiques” we should see the social media icons, and clicking on them would lead directly to these social pages.
I’ve tried several plugins but none of them offers this kind of display!July 29, 2013 at 4:17 am #128476
You can move the position of the default social icons of the theme. Go Shoutbox > Contact & Stuff panel then fill in the social icon options.
Edit header.php, find this code:
<?php do_action('avia_add_social_icon','header'); ?>
<li class='rss'><a href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>"><?php _e('Subscribe to our RSS Feed', 'avia_framework')?></a></li>
if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>".__('Follow us on Twitter', 'avia_framework')."</a></li>";
if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>".__('Join our Facebook Group', 'avia_framework')."</a></li>";
Cut it then place it below this code:
Add this on your custom.css or Quick CSS
Adjust the right position of the .social_bookmarks selector.
Go to wp-content/themes/shoutbox/images/skin-minimalORskin-dark folder then edit the color of social icons images.
IsmaelJuly 29, 2013 at 10:18 am #128477
Thanks a lot, it works!
There is one problem, though : the social media icons can’t be clicked… yet I’ve followed your instructions step by step.
I would also like to add a Youtube icon/link. Is it possible? I’ve seen Nick’s solution (http://www.kriesi.at/support/topic/youtube-icon#post-117381) but I think it doesn’t apply in my case and theme.
Finally, how can I get rid of the “RSS feed” icon?July 31, 2013 at 5:55 am #128478
The icons are both clickable when I look at the site now.
To add a youtube icon, you’ll need to add another list item to the code in your footer and header since you have them both. Where the rss line was (i’m guessing you have removed it) you can add in:
<li class='rss noLightbox'><a href="http://your-you-tube-link.com"></a></li>
Then in the theme files you can replace the image that the rss icon would use and it will then be used for the youtube icon. So replace this image with your own youtube icon http://www.labasesecrete.fr/blog/wp-content/themes/shoutbox/images/skin-minimal/rss.png .
DevinJuly 31, 2013 at 11:38 am #128479
They are clickable on the footer but not on the main menu (right below the header, next to the search form).
Thanks for the Youtube help, I’ve managed to put a new logo. Yet the link isn’t clickable on the main menu either, and on the footer it displays a link to “labasesecrete.fr/blog/feed” while I did use your line of code and put my Youtube link… how can I correct this?August 2, 2013 at 12:08 am #128480
You need to also give your social links a z-index:
The footer text I don’t know where it came from but my guess is its part of your copyright text or its added in right around there.August 3, 2013 at 8:49 am #128481
I’ve added the z-index but it doesn’t solve the issue regarding the links : the main menu’s icons are still not clickable and the bottom Youtube one still doesn’t link to the right URL.August 6, 2013 at 1:41 pm #128482
Make sure you’ve refreshed the page 4-5 times to clear any local cache for the icons being select-able. I’m still having no issues there.
For the footer, make sure that you’ve change the code in the footer so that the rss url is not set as a variable but instead set exactly the same way you did in the header.August 7, 2013 at 11:46 am #128483
That’s weird because I did refresh the page several times and cleared the cache… it didn’t change a thing but now it works!
Thanks a lot for your help and patience, everything works now!August 8, 2013 at 4:10 am #128484
The topic ‘Add social media icons into the main menu’ is closed to new replies.