Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active February 13, 2016 00:44
Show Gist options
  • Save srikat/7857873 to your computer and use it in GitHub Desktop.
Save srikat/7857873 to your computer and use it in GitHub Desktop.
Adding tooltips to Simple Social Icons using Zebra_Tooltips jQuery script. http://sridharkatakam.com/add-tooltips-simple-social-icons/
// Enqueue Zebra ToolTips
add_action( 'wp_enqueue_scripts', 'enqueue_zebra_script' );
function enqueue_zebra_script() {
wp_enqueue_script( 'zebra-tooltips', get_stylesheet_directory_uri() . '/js/zebra_tooltips.js', array( 'jquery' ), '', true );
wp_enqueue_script( 'zebra-tooltips-init', get_stylesheet_directory_uri() . '/js/zebra_tooltips_init.js', array( 'zebra-tooltips' ), '1.0.0', true );
wp_enqueue_style( 'zebra-styles', get_bloginfo('stylesheet_directory').'/css/zebra_tooltips.css', array(), '1.0.0' );
}
jQuery(document).ready(function($) {
$('.simple-social-icons a').attr({
'class': 'tooltip'
});
$('.simple-social-icons .social-email a').attr({
'title': 'Send me a Mail'
});
$('.simple-social-icons .social-facebook a').attr({
'title': 'Catch me on Facebook'
});
$('.simple-social-icons .social-gplus a').attr({
'title': 'Follow my updates on Google+'
});
$('.simple-social-icons .social-linkedin a').attr({
'title': 'Read my work profile'
});
$('.simple-social-icons .social-youtube a').attr({
'title': 'Watch my screencasts'
});
new $.Zebra_Tooltips($('.tooltip'));
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment