Skip to content

Instantly share code, notes, and snippets.

@1naveengiri
Last active April 16, 2018 17:07
Show Gist options
  • Save 1naveengiri/e4432113bfdd4fb2f3f512c1168f3907 to your computer and use it in GitHub Desktop.
Save 1naveengiri/e4432113bfdd4fb2f3f512c1168f3907 to your computer and use it in GitHub Desktop.
Social sharing feature in few lines of code
<?php
/**
* Social share bar
* @param int $post_id post id
* @param string $title post title
* @param string $twitter_via twitter handle
*/
function custom_social_share( $post_id, $title, $twitter_via ){
if( !empty( $post_id ) && !empty( $title ) && !empty( $twitter_via )):
$post_url = get_permalink( $post_id );
?>
<ul class="social-share-icons">
<li class="share-icon"><a class="icon-clickable" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo esc_attr( $post_url ); ?>&title=<?php echo $title; ?>&source=LinkedIn"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/icon-linkedin.svg" height="35" width="35" alt="Linkedin icon" /></a></li> <!-- .share-icon -->
<li class="share-icon"><a class="icon-clickable" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo esc_attr( $post_url ); ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/icon-facebook.svg" height="35" width="35" alt="facebook logo" /></a></li> <!-- .share-icon -->
<li class="share-icon"><a class="icon-clickable" href="http://twitter.com/share?text=<?php echo esc_attr( $title ); ?>&url=<?php echo esc_attr( $post_url ); ?>&via=<?php echo esc_attr( $twitter_via ); ?>" target="_blank" ><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/icon-twitter.svg" height="35" width="35" alt="twitter logo" /></a></li> <!-- .share-icon -->
<li class="share-icon"><a class="icon-clickable" href="mailto:[email protected]?body=<?php echo esc_attr( $post_url ); ?>&Subject==<?php echo esc_attr( $title ); ?>" ><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/icon-envelope.svg" height="35" width="35" alt="Email icon" /></span></li> <!-- .share-icon -->
<li class="share-icon">
<span class="icon-clickable js-share-label copy_link" ><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/icon-link.svg" height="35" width="35" alt="Link icon" /></span>
<input type="text" id="copy_post_href" value="<?php echo esc_attr( $post_url ); ?>" style="width:30px;opacity:0;"></li> <!-- .share-icon -->
</ul> <!-- .social-share-icons -->
<script type='text/javascript'>
jQuery('.social-share-icons .copy_link').click( function(){
var copyText = document.getElementById("copy_post_href");
if( undefined !== copyText ){
copyText.select();
document.execCommand("Copy");
}
return false;
});
</script>
<?php
endif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment