Anda telah menghabiskan waktu berjam-jam meriset dan menulis artikel yang luar biasa. Tapi, apa gunanya jika tidak ada yang membacanya? Di sinilah kekuatan word-of-mouth digital berperan. Memberikan kemudahan bagi pembaca untuk membagikan konten adalah langkah vital untuk meningkatkan jangkauan.
Tombol social share adalah “megafon digital” yang Anda berikan kepada pembaca, memungkinkan mereka menyiarkan konten Anda ke seluruh jaringan pertemanan mereka—sebuah bentuk marketing gratis yang sangat efektif.
Mari kita bahas tuntas cara membuat tombol social share di WordPress, baik dengan plugin maupun tanpa plugin.
Cara 1: Dengan Plugin (Mudah, Cepat, Kaya Fitur)
Ini adalah rute yang paling direkomendasikan untuk 99% pengguna WordPress.
1. Sassy Social Share: Pilihan Terlengkap & Paling Fleksibel (Gratis!)
Plugin ini sangat populer karena menawarkan fitur yang sangat melimpah dalam versi gratisnya. Anda mendapatkan dukungan untuk lebih dari 100 layanan sosial media (termasuk WhatsApp, Telegram, dan LINE), kustomisasi ikon penuh (bentuk, warna, ukuran), dan kemampuan untuk menampilkan tombol di atas/bawah konten serta sebagai floating bar (bilah melayang) yang selalu terlihat.
ika kecepatan website adalah prioritas utama Anda, plugin ini adalah juaranya. Dibuat dengan filosofi minimalis, ia tidak menggunakan JavaScript sama sekali, yang berarti tidak ada beban tambahan pada waktu muat halaman Anda. Pengaturannya sangat sederhana, fokus pada platform-platform esensial, dan sangat efektif.
Cara 2: Tanpa Plugin (Lanjutan, Ringan, Kontrol Penuh)
Metode ini cocok jika Anda ingin website tetap ramping dan nyaman mengedit kode.
PERINGATAN: Metode ini melibatkan pengeditan file tema. Kesalahan bisa merusak situs Anda. Selalu buat backup lengkap sebelum memulai. Sangat disarankan untuk menggunakan Child Theme atau plugin “Code Snippets” agar perubahan tidak hilang saat tema di-update.
Langkah 1: Tambahkan Kode PHP ke functions.php
Kode ini akan membuat fungsi untuk menghasilkan HTML dari tombol-tombol share secara dinamis di bawah konten postingan.
Buka Tampilan > Penyunting Berkas Tema (Appearance > Theme File Editor).
Dari daftar file di kanan, pilih Functions.php.
Salin dan tempel kode berikut di bagian paling bawah file:
/**
* Menambahkan Tombol Social Share Tanpa Plugin
* Ditempel di functions.php
*/
function wps_social_sharing_buttons( $content ) {
if ( is_single() ) {
$post_url = urlencode( get_permalink() );
$post_title = urlencode( get_the_title() );
$buttons = '<div class="social-share-container">';
$buttons .= '<h4>Bagikan Artikel Ini:</h4>';
$buttons .= '<a class="share-link share-facebook" href="https://www.facebook.com/sharer/sharer.php?u=' . $post_url . '" target="_blank" rel="nofollow">Facebook</a>';
$buttons .= '<a class="share-link share-twitter" href="https://twitter.com/intent/tweet?text=' . $post_title . '&url=' . $post_url . '" target="_blank" rel="nofollow">Twitter</a>';
$buttons .= '<a class="share-link share-linkedin" href="https://www.linkedin.com/sharing/share-offsite/?url=' . $post_url . '" target="_blank" rel="nofollow">LinkedIn</a>';
$buttons .= '<a class="share-link share-whatsapp" href="https://api.whatsapp.com/send?text=' . $post_title . '%20' . $post_url . '" target="_blank" rel="nofollow">WhatsApp</a>';
$buttons .= '</div>';
return $content . $buttons;
}
return $content;
}
add_filter( 'the_content', 'wps_social_sharing_buttons' );
Klik Perbarui Berkas.
Langkah 2: Tambahkan Styling (CSS) agar Tampil Cantik
Sekarang, kita perlu membuat tombol tersebut terlihat bagus.
Buka Tampilan > Sesuaikan (Appearance > Customize).
Klik menu CSS Tambahan (Additional CSS).
Salin dan tempel kode CSS berikut:
/* Styling untuk Tombol Social Share */
.social-share-container {
padding-top: 20px;
margin-top: 30px;
border-top: 1px solid #eee;
}
.social-share-container h4 {
margin-bottom: 15px;
}
.share-link {
display: inline-block;
padding: 8px 15px;
margin: 0 10px 10px 0;
border-radius: 4px;
color: #fff !important;
text-decoration: none;
font-weight: bold;
font-size: 14px;
transition: opacity 0.3s ease;
}
.share-link:hover {
opacity: 0.8;
}
.share-facebook { background-color: #3b5998; }
.share-twitter { background-color: #1da1f2; }
.share-linkedin { background-color: #0077b5; }
.share-whatsapp { background-color: #25d366; }
Klik Terbitkan (Publish). Sekarang tombol share Anda sudah aktif dan terlihat profesional!
Kesimpulan: Pilih Jalur Anda
Pilih JALUR PLUGIN jika: Anda pemula, ingin fitur yang kaya (seperti floating bar & share counts), dan tidak mau menyentuh kode. Sassy Social Share adalah pilihan gratis terbaik.
Pilih JALUR MANUAL jika: Anda nyaman dengan kode, ingin solusi yang 100% ringan, dan menginginkan kontrol penuh atas tampilan dan fungsionalitas.
Apapun metodenya, memudahkan pembaca untuk berbagi adalah keharusan. Biarkan audiens Anda menjadi duta terbaik bagi konten hebat yang Anda buat.
Etgar Kurniawan
Etgar Kurniawan adalah penulis konten teknologi di Teknovatif.com, yang antusias membahas perkembangan dompet digital, aplikasi, dan layanan teknologi di Indonesia.