Cara membuat Social Button sharing di wordpress terkini
Halo gays, jumpa lagi dengan kami...
Anda sedang kebingungan mencari cara membuat sociak button sharing pada wordpress ???
Sudah mencari dimana-mana tak kunjung jua bertemu ???
Santai saja gays, anda tak perlu galau, sekarang anda sudah menemukan yang dicari-cari...
Dan pada kesempatan ini izinkan kami akan membahas tentang bagaimana cara membuat social button sharing di wordpress
Ternyata cara membuat social buttons sharing di wordpress ada sangat mudah sekali kita cukup menambahkan beberapa script di functions.php dan tanpa menggunakan javascript
Karena script di functions.php langsung menggunakan link javascript yang telah di sediakan oleh masing-masing social buttons seperti facebook, twitter, linkedin, pinterest, google plus dll
OK Langsung saja kita buka file functions.php
kemudian tambahkan function berikut pada file functions.php
function poc_social_sharing_buttons($content) {
if(is_singular() || is_home()){
// Get current page URL
$pocURL = urlencode(get_permalink());
// Get current page title
$pocTitle = str_replace( ' ', '%20', get_the_title());
// Get Post Thumbnail for pinterest
$pocThumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'full' );
// Construct sharing URL without using any script
$twitterURL = 'https://twitter.com/intent/tweet?text='.$pocTitle.'&url='.$pocURL.'&via=poc';
$facebookURL = 'https://www.facebook.com/sharer/sharer.php?u='.$pocURL;
$googleURL = 'https://plus.google.com/share?url='.$pocURL;
$bufferURL = 'https://bufferapp.com/add?url='.$pocURL.'&text='.$pocTitle;
$whatsappURL = 'whatsapp://send?text='.$pocTitle . ' ' . $pocURL;
$linkedInURL = 'https://www.linkedin.com/shareArticle?mini=true&url='.$pocURL.'&title='.$pocTitle;
// Based on popular demand added Pinterest too
$pinterestURL = 'https://pinterest.com/pin/create/button/?url='.$pocURL.'&media='.$pocThumbnail[0].'&description='.$pocTitle;
// Add sharing button at the end of page/page content
$content .= '<!-- poc.com social sharing. Get your copy here: http://poc.me/1VIxAsz -->';
$content .= '<div class="poc-social">';
$content .= '<h5>SHARE ON</h5> <a class="poc-link poc-twitter" href="'. $twitterURL .'" target="_blank">Twitter</a>';
$content .= '<a class="poc-link poc-facebook" href="'.$facebookURL.'" target="_blank">Facebook</a>';
$content .= '<a class="poc-link poc-whatsapp" href="'.$whatsappURL.'" target="_blank">WhatsApp</a>';
$content .= '<a class="poc-link poc-googleplus" href="'.$googleURL.'" target="_blank">Google+</a>';
$content .= '<a class="poc-link poc-buffer" href="'.$bufferURL.'" target="_blank">Buffer</a>';
$content .= '<a class="poc-link poc-linkedin" href="'.$linkedInURL.'" target="_blank">LinkedIn</a>';
$content .= '<a class="poc-link poc-pinterest" href="'.$pinterestURL.'" target="_blank">Pin It</a>';
$content .= '</div>';
return $content;
}else{
// if not a post/page then don't include sharing button
return $content;
}
};
add_filter( 'the_content', 'poc_social_sharing_buttons');
kemudian save functions.php
setelah selese kita tinggal edit file style.css untuk membuat tampilan menjadi lebih menarik
silakan berkreasi dengan file css nya ya
selamat mencoba...
Semoga bermanfaat untuk agan