Ini mungkin tampak menjadi tugas yang mudah tetapi menambahkan baik berperilaku tombol berbagi sosial ke situs WordPress bisa merepotkan. Berprilaku maksudnya seperti sederhana, ringan, ramah-sumber daya, cepat – berbagi plugin yang paling sosial di luar sana tidak seperti itu. Mereka cenderung memakan sumber daya, dan mengapa ada orang yang ingin meningkatkan waktu buka Plugin oleh 25-35% hanya untuk menampilkan beberapa ikon di situs mereka?

Dalam tutorial ini, saya akan menunjukkan bagaimana kalian dapat dengan mudah menambahkan tombol berbagi kustom sosial untuk akhir posting di situs WordPress kalian hanya dengan beberapa baris kode.

1. (Buat Tombol Sharing Sosial) :
Saya akan menggunakan Simple Buttons Berbagi Generator, alat web yang berguna dan mudah digunakan untuk menghasilkan ikon berbagi. Keuntungan utama dari aplikasi ini adalah bahwa tombol itu membangkitkan berjalan di frontend, karena itu mereka tidak akan membebani server kalian dan Anda juga dapat menjaga aktivitas pengguna Anda pribadi. Untuk menghasilkan tombol kustom Anda, lalu tekan Mulai. Pilih 1 dari 6 tombol yang berbeda gaya. Klik next dan centang jaringan sosial Anda yang ingin anda tambahkan. Ketika Anda selesai, Anda akan harus mengisi info website Anda.

simple-sharing-button-generator

Di layar (bawah) ini, Anda akan menemukan dua pilihan: ‘Tidak JavaScript’ dan ‘JavaScript’. Centang JavaScript, karena akan memungkinkan browser untuk mendeteksi URL dinamis karena pengunjung Anda akan dapat berbagi setiap posting secara individual bukan hanya URL dari halaman rumah.

your-website-info

Akhirnya kita lihat di live preview, download yang dipilih ikon set, dan ambil kode yang Anda buat.

2. (Buat Tema Anak)
Kalian dapat dengan mudah membuat WP tema anak dengan bantuan tutorial ini, atau Anda dapat mengikuti langkah-langkah dari artikel WP Codex ini. Jika Anda sudah memiliki satu, Anda bisa melompat ke Langkah 3. Tema anak berhubungan dengan tema yang sedang Anda gunakan – dengan cara yang agak mirip seperti seorang anak berhubungan dengan orang tuanya. Itu mewarisi segala sesuatu (gaya dan fungsionalitas) dari tema orangtua tetapi Anda dapat menambahkan fungsi tambahan untuk itu.

3. (Buat Fungsi Khusus yang Menampilkan Ikon)
Saya akan menambahkan fungsi kustom ke file functions.php tema anak. Dengan bantuan fungsi ini Anda akan dapat menambahkan ikon sosial mana pun. Jika tema anak Anda tidak memiliki file functions.php, membuat file teks kosong di folder root anak Anda tema dengan fungsi nama, dan mengubah ekstensi untuk .php.

Masukkan baris kode berikut ke dalam file kosong ini:

1<? Php
Ketika file functions.php Anda sudah diatur menambahkan potongan kode berikut untuk itu:

1
2
3
4
5
6
7
8
/*
 * Adds the custom social sharing icons
 */
function add_social_sharing() { ?>
    <h3>Share this post<h3>
    <!-- Comment: here comes the generated HTML code -->
    <?php
add_action( 'custom_social_share', 'add_social_sharing' );

/ *
* Menambahkan ikon berbagi kebiasaan sosial
* /
Fungsi add_social_sharing () {?>
<H3> Posting <h3>
<! – Komentar: sini datang kode HTML yang dihasilkan ->
<? Php
ADD_ACTIONsebagai ( ‘custom_social_share’, ‘add_social_sharing’);
Akhirnya menghapus garis komentar HTML dari potongan kode di atas dan ganti dengan kode HTML yang Anda buat pada Langkah 1 dengan Tombol Sharing Sosial Generator.

4. (Salin Template Berkas Sesuai dengan Folder tema)
Secara default, posting tunggal diperintah oleh file template yang disebut single.php. Kadang-kadang  dalam tema yang lebih modern – struktur single.php lebih rumit, karena juga beban file template tambahan. Pada langkah ini kita perlu menemukan file template yang sesuai di mana kita dapat menambahkan ikon. Untuk menemukan tempat yang tepat untuk tombol sosial kita perlu mencari file template yang berisi fungsi yang memuat isi dari posting tunggal. Mari kita membuka editor tema di dashboard admin WordPress di bawah Penampilan> Editor. Di sudut kanan atas kalian akan menemukan daftar dropdown di mana Anda dapat memilih tema. Di bawah dropdown Anda dapat melihat semua file template tema anda. Gulir ke bawah sampai Anda menemukan template Single Post (single.php disebut) lalu anda buka. Jika tema teersebut menggunakan fungsi get_template_part () WP dalam file single.php yang berarti menggunakan file template tambahan untuk memuat isi dari single post. Pertama Anda harus mencari tahu mana yang ini. Nama file template tambahan adalah parameter pertama dari get_template_part () fungsi.

lihat seperti ini:

1. get_template_part ( ‘isi’, get_post_format ());
Parameter pertama adalah ‘konten’ yang berarti kita mencari file template disebut content.php. Anda perlu menyalin file ini dari root folder induk tema ke folder root tema anak sehingga untuk memodifikasinya.