Seperti yang sudah saya katakan lebih dari sekali, saya biasanya melakukan pekerjaan kecil untuk blog yang berjalan di bawah WordPress optimalisasi untuk blog yang berjalan di bawah WordPress. Semua yang saya terapkan biasanya saya uji dan ukur sebelum di sini dan pada akhirnya saya akhirnya mengubah catatan menjadi sebuah postingan sebagai pengingat dan jika itu berguna bagi seseorang. Ini adalah salah satunya.
Salah satu hal yang terkadang benar-benar memperlambat beban adalah tombol berbagi sosial yang timpang di jejaring sosial karena tombol-tombol tersebut dilengkapi dengan artefak visual yang berat, penghitung dan gulir turun-turun, atau mereka memuat permintaan bahkan di tempat di mana tombol-tombol tersebut tidak digunakan atau sekaligus.
Berbagi Sosial Tanpa Naskah adalah plugin ringan dan gratis untuk menambahkan tombol khas ke posting dan / atau halaman Anda yang dikembangkan oleh Robin Cornett yang membuang semua itu.
Ini sangat ringan sehingga hanya menambahkan tautan berbagi menggunakan metode paling dasar yang diizinkan oleh setiap jaringan. Tidak ada javascript, tidak ada animasi, tidak ada penghitung, tidak ada embel-embel. Ini hanya membangun sekumpulan tautan dengan sedikit CSS-nya sendiri. Hasilnya adalah mengurangi permintaan menjadi nol, tidak ada.
Ini memiliki halaman pengaturan, juga sangat sederhana, sehingga Anda dapat menyesuaikan jenis konten mana yang harus memiliki tombol berbagi, tombol mana yang harus ditambahkan, dan apakah akan menggunakan gaya plugin atau tidak. Di luar itu, Anda juga dapat menggunakan filter untuk menambahkan jaringan lain yang menghosting ikon .SVG yang sesuai.
Semua yang dilakukan plugin ini dapat dilakukan dengan tangan dengan mendaftarkan ikon, tetapi karena plugin ini tidak menambahkan permintaan apa pun, bobotnya minimal, dan kodenya bersih, plugin ini adalah salah satu opsi terbaik untuk menghemat sedikit pekerjaan.
Penulisnya menyatakan kompatibilitas penuh dengan WordPress 5.8 dan meskipun belum mengumumkan kompatibilitas dengan WordPress 5.9ini berfungsi dengan sempurna dalam versi baru karena tidak menambahkan sesuatu yang baru.
Pengaturan
Secara default, ketika Anda mengaktifkan plugin, Anda akan menemukan ikon seperti ini:
Atau seperti ini jika Anda memilih "show names".
Dan ini adalah tangkapan layar pengaturan ikon yang bekerja di sini dengan hasil ini:
Tetapi untuk membuat tombol-tombolnya tampak bulat dan untuk menambahkan tombol Menéame (atau jaringan lainnya) cukup tarik filternya untuk mendaftarkan ikon dan sedikit mengutak-atik CSS. Tidak ada yang terlalu rumit.
Langkah-langkah untuk menambahkan tombol baru
1- Cari dan unduh ikon .SVG dari jaringan yang ingin Anda tambahkan, dalam hal ini yang terbaik, meskipun dapat ditingkatkan, yang saya temukan dari Menéame adalah ini.
2. Unggah ikon ke direktori /assets/svg/ dari templat Anda (jika jalur ini tidak ada, Anda harus membuatnya) dan plugin akan mengenalinya dan menggunakannya secara otomatis
3. Daftarkan ikon dengan filter yang sesuai dengan menambahkannya ke plugin fungsi Anda, menggunakan Cuplikan Kode atau menambahkannya dengan tangan ke functions.php dari templat, metodenya terserah Anda.
add_filter( ‘scriptlesssocialsharing_register’, ‘prefix_scriptless_add_meneame_button’ );
/**
* Añade un botón personalizado a Scriptless Social Sharing.
*
* @return void
*/
function prefix_scriptless_add_meneame_button( $buttons ) {
$buttons[‘tumblr’] = array(
‘label’ => __( ‘Menéame’, ‘scriptless-social-sharing’ ),
‘url_base’ => ‘https://www.meneame.net/submit?url=’.get_permalink().’» target=»_blank’,
‘args’ => array(
‘query_args’ => array(
‘name’ => ‘%%title%%’,
‘url’ => ‘%%permalink%%’,
),
‘color’ => ‘#e35614’,
‘svg’ => ‘meneame-square’, //Subir a `assets/svg` de tu plantilla
‘icon’ => ‘f173’, // Para fuentes FontAwesome
),
);
return $buttons;
}Anda perlu memanggil file ikon Anda"loquesea-square.svg" agar filter berfungsi.
Penting juga bagi Anda untuk memperhatikan struktur yang tepat dari tautan berbagi jaringan yang dimaksud karena perlu ditambahkan di 'url_base'. Dalam kasus Menéame adalah https://www.meneame.net/submit?url='.get_permalink().
Terakhir, Anda hanya perlu bermain-main dengan CSS sampai Anda menemukan tampilan dan posisi akhir yang Anda inginkan, untuk contoh yang kami gunakan CSS ini:
/* CSS botones compartir del plugin */
.scriptlesssocialsharing__buttons a.button {
/* CONVERTIR A colores parar linea background*/
background-color: #7F7F7F !important; */
color: #ffffff;
border-radius: 100px;
margin-right: 1px;
margin-left: 1px;
font-size: 13px;
letter-spacing: 2px;
font-weight: 900;
}
.scriptlesssocialsharing__buttons {
justify-content: right;
}
.scriptlesssocialsharing__buttons a.button:hover {
background-color: #ff2121 !important;
color: #ffffff !important;
}Jika semuanya berjalan dengan baik, Anda sekarang akan menemukan ikon yang ditambahkan dalam pengaturan plugin dan Anda akan dapat memesannya, menghapusnya atau mengaturnya ke gaya Anda sendiri seperti ikon default lainnya.
Blok Gutenberg dan kode pendek
Plugin ini juga menambahkan blok (yang dapat Anda nonaktifkan) ke Gutenberg yang memungkinkan Anda menempatkan tombol di antara paragraf atau di bawah elemen konten tertentu.
Anda juga memiliki kode pendek sehingga Anda dapat menempatkannya di mana pun Anda inginkan dan dengan kemungkinan membatasi jaringan yang ditampilkan pada titik tertentu.
Tambahkan [ ]
Generik" kode pendek.
scriptlessUntuk menghapus heading atau menyesuaikannya.
scriptlessUntuk menampilkan hanya tombol-tombol tertentu (dipisahkan dengan koma dan tanpa spasi)
scriptless buttons="email,facebook"Penulis juga menambahkan di situs webnya filter khusus yang diperlukan untuk menambahkan tombol Facebook Messenger.
Ada plugin lain, juga ringan dan dengan fitur yang lebih estetis, tetapi yang satu ini sangat cocok jika Anda sangat menyukai kecepatan pemuatan. Sebagai alternatif berbayar yang ringan dengan beberapa opsi desain yang lebih banyak, Novashare (dari pencipta Perfmatters) juga merupakan opsi yang sangat bagus.
