Membuat Social Share Buttons Tanpa Plugin di WordPress

Dengan membangun sosial sharing button atau tombol / link bagi berbagi ke media sosial tanpa plugin, karenanya dapat menghemat space di hosting.

Terlebih, loading laman ringan dikala diakses, karena tak dibebani load resource dari pihak ketiga misalnya Facebook dan Twitter SDK (Sistem aplikasi Development Kit).

Pertama-tama-tama bikin sebuah script sebelum penutup tag HTML </body>.

(function($){
  
  /**
   * jQuery function to prevent default anchor event and take the href * and the title to make a share popup
   *
   * @param  {[object]} e           [Mouse event]
   * @param  {[integer]} intWidth   [Popup width defalut 500]
   * @param  {[integer]} intHeight  [Popup height defalut 400]
   * @param  {[boolean]} blnResize  [Is popup resizeabel default true]
   */
  $.fn.customerPopup = function (e, intWidth, intHeight, blnResize)  '500';
    intHeight = intHeight 
  
  /* ========================================== */
  
  $(document).ready(function ($) {
    $('.btn-social-share').on(click, function(e) {
      $(this).customerPopup(e);
    });
  });
    
}(jQuery));

Javascript dari Patrick Kahl diatas bagi menjadikan link yang mempunyai class .btn-social-share nanti tampil pop-up dikala di klik.

Kemudian sisipkan kode button social sharing berikut di file single.php di themes WordPress kamu, atau dimana saja yang dikehendaki.

Tombol bagi Twitter:

<a class=btn-social-share target=_blank href=https://twitter.com/intent/tweet?hashtags=idnetteramp;original_referer=<?php the_permalink(); ?>amp;related=<?php echo urlencode('idnetter,vps,wordpress'); ?>amp;text=<?php the_title(); ?>amp;url=<?php the_permalink(); ?>>Tweet</a>

Tombol bagi Facebook:

<a class=btn-social-share target=_blank href=https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?> title=Membangun Social Share Buttons Tanpa Plugin di WordPress>Share</a>

Kode diatas, sesuaikan dengan keperluan.

Simpan kemudian tes, seandainya berhasil karenanya dikala visitor sharing, karenanya akan menampilkan pop-up bagi submit post ke media social mereka.

Gampang bukan?. Semoga bermanfaat.

Sumber https://idnetter.com