rodrigobertin
10/2/2017 - 11:31 AM

Share Wordpress

Share Wordpress

// -------------------------------------------------------------------------------- >
// Share Buttons
var ShareButtons = function () {
  // Share button
  $('.js-share-btn').on('click',function (e) {
    e.preventDefault();
    var $btn      = $(e.currentTarget);
    var tmp_left  = $(window).width() / 2 - $btn.attr('data-popup-width') / 2;
    var tmp_specs = 'height=' + $btn.attr('data-popup-height') + ',width=' + $btn.attr('data-popup-width') + ',scrollTo,resizable=1,scrollbars=1,location=0,top=165,left=' + tmp_left;
    window.open(this.href,'Share',tmp_specs);
  });
};

//Invoke
ShareButtons();
<ul class="social-container">
  <li class="social-twiter">
    <a href="http://twitter.com/share?url=%2F&amp;text=<?php the_title() ?> <?php echo getUrlPost() ?>" 
       class="js-share-btn" 
       data-service="Twitter" 
       data-popup-width="555" 
       data-popup-height="395" 
       target="_blank" >
    </a>
  </li>

  <li class="social-facebook">
    <a href="http://www.facebook.com/sharer/sharer.php?p[url]=<?php echo getUrlPost() ?>" 
       class="js-share-btn" 
       data-service="Facebook" 
       data-popup-width="555" 
       data-popup-height="395" target="_blank">
    </a>
  </li>

  <li class="social-linkedin">
    <a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo getUrlPost() ?>&media=<?php the_title() ?>"
       class="js-share-btn"
       data-service="Linkedin"
       data-popup-width="555"
       data-popup-height="395" target="_blank">
    </a>
  </li>
</ul>
<ul class="social-container">

  <li class="social-twiter">
    <a href="http://twitter.com/share?url=%2F&amp;text={{ the_title() }} {{ getUrlPost() }}" 
       class="js-share-btn" 
       data-service="Twitter" 
       data-popup-width="555" 
       data-popup-height="395" 
       target="_blank" >
    </a>
  </li>

  <li class="social-facebook">
    <a href="http://www.facebook.com/sharer/sharer.php?p[url]={{ getUrlPost() }}" 
       class="js-share-btn" 
       data-service="Facebook" 
       data-popup-width="555" 
       data-popup-height="395" target="_blank">
    </a>
  </li>

  <li class="social-linkedin">
    <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ getUrlPost() }}&media={{ the_title() }}"
       class="js-share-btn"
       data-service="Linkedin"
       data-popup-width="555"
       data-popup-height="395" target="_blank">
    </a>
  </li>

</ul>
<?php
/**
 * Get actual URL post
 */
function getUrlPost() {
	global $wp;
	$current_url = home_url( add_query_arg( array(),$wp->request ) );
	return $current_url;
}