Add social media icons top bar

[b2control]

Hi, we are running a music website and we want to have the social media platform icon and link added for soundcloud and mixcloud. Is there a way to manipulate the images or add this to the template?

Kind regards, Bruce

[sharmstr]

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.

COPY CODE

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;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[b2control]

Thanks it works like a charm :-). I am also using the child theme for the first time.

Thanks for your time.

Regards, Bruce

[sharmstr]

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/

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[b2control]

Nice.

I noticed the import/export function for the theme. I only have to configure the widgets back in the sidebar. Or is there also a nice import/export function for it?

[sharmstr]

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/

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts