Add social media icons top bar

Couple of things

1 – The soundcloud and mixcloud icons are not in the Kleo Fontello icon set. Fontello does have an icon for soundcloud, but not mix cloud. You can follow these directions to add the soundcloud icon and whatever you want to use for mixcloud (another cloud icon perhaps): https://archived.seventhqueen.com/documentation/kleo#vector-icons

As of Kleo 3.1, Kleo now allows you to make your custom fontello files upgrade safe. The documentation hasnt been update to note this. But instead of saving your fontello files in /kleo/assets, save them to /kleo-child/assets. Note: you must be using the kleo child theme for this to work.

Once you have added the icons, then you can use this code in your child theme’s functions.php file to add links/icons to the top bar. Make sure you change the links to where you want them to go and change the icon name from mixcloud to the name of the icon you’re using instead.

add_action( 'kleo_get_social_profiles', 'kleo_my_extra_social_icons' );
function kleo_my_extra_social_icons( $icons ) {
    $icons .= '<li><a href="http://soundcloud.com" rel="nofollow"><i class="icon icon-soundcloud"></i> <div class="ts-text">Soundcloud</div></a></li>';
    $icons .= '<li><a href="http://mixcloud.com" rel="nofollow"><i class="icon icon-mixcloud"></i> <div class="ts-text">Mixcloud</div></a></li>';

    return $icons;
}

Sweet!

Not sure if you figured it out, but you can import your theme options settings from your kleo parent theme to your child theme so you dont have to re-configure them: http://sharmstr.com/saving-importing-and-exporting-kleo-settings/

While finding the link above, I realized that I actually wrote a blog post on adding the custom social icons. Totally forgot about that. LOL: http://sharmstr.com/social-info-tricks/

You didnt read my post 🙂

But wait! What about widget and menus? Your menus are easily re-added by reassigning them in Appearance > Menus > Locations. For widgets, please refer to this article on WPBeginner: http://www.wpbeginner.com/plugins/how-to-importexport-widget-settings-in-wordpress/