Cara Membuat Pratinjau Tautan Visual di WordPress

Memperkaya halaman dan posting WordPress Anda dengan konten seperti sumber daya yang bermanfaat, produk terkait, CTA promosi, atau karya kurasi yang menghibur dapat membantu Anda atau merek Anda menawarkan nilai lebih kepada audiens Anda. Namun, tautan biasa tidak akan selalu memotongnya – kecuali jika teks jangkar dan sentimen di sekitarnya cukup menarik, tautan tersebut mungkin akan langsung tergores. Dengan membuat tautan visual untuk situs web Anda, seperti tautan yang disempurnakan yang Anda lihat di Facebook, Anda dapat menambahkan konten interaktif yang menarik yang akan diperhatikan oleh pengunjung Anda. Plugin Pratinjau Tautan Visual untuk WordPress adalah cara sederhana untuk menambahkan lebih banyak panache ke tautan Anda.

Berikut adalah beberapa cara Anda dapat menggunakan plugin ini:

• Tambahkan CTA ke tautan afiliasi.
• Cadangkan klaim, fakta, dan statistik.
• Kurasi konten dari situs lain.
• Sertakan sumber daya yang bermanfaat bagi pembaca untuk mempelajari lebih lanjut.
• Promosikan produk toko e-niaga Anda.

Selain itu, dalam bentuknya yang paling sederhana, plugin Pratinjau Tautan Visual adalah cara yang lebih menarik untuk menautkan ke pos terkait dan membuat orang tetap berada di situs Anda lebih lama.

Plugin ini memungkinkan Anda membuat pratinjau visual untuk tautan internal atau eksternal apa pun, dan Anda juga dapat membuat template khusus dengan gaya yang cocok dengan merek atau situs Anda. Kemudian, tempatkan kotak pratinjau yang disederhanakan di mana saja di pos atau halaman Anda. Mari kita bahas cara menambahkan kotak pratinjau ke WordPress di Gutenberg dan editor klasik.

Menemukan dan Menginstal Plugin Pratinjau Tautan Visual

Anda mungkin sudah tahu bagaimana melakukan ini, tetapi untuk berjaga-jaga, berikut ini adalah panduan super cepat tentang cara menginstal plugin WordPress baru:

• Masuk ke dasbor WordPress Anda.
• Pilih Plugin dari sidebar kiri.
• Pilih Tambah Baru di sub-menu yang akan muncul di bawah Plugin.
• Ketik "Pratinjau Tautan Visual" ke dalam bilah pencarian di kanan atas halaman.
• Klik Instal Sekarang di kanan atas kotak pratinjau plugin.
• Setelah terinstal, klik Aktifkan.

Setelah Anda mengaktifkan plugin, Anda akan diarahkan ke halaman plugin Anda, dan Anda akan melihat pemberitahuan ini di bagian atas. (Dokumentasi Memulai membawa Anda ke halaman ini.)

Memulai Pengaturan dan Penyesuaian

Setelah plugin diaktifkan, gulir ke bawah daftar plugin Anda untuk menemukannya. Di bawah nama plugin, klik tautan Pengaturan – Anda akan diarahkan ke halaman ini:

Secara default, sakelar Gunakan Gaya Kustom akan dimatikan. Jika Anda mengaktifkannya, banyak opsi muncul.

Ada penyesuaian untuk hal-hal berikut:

• Lebar wadah, warna latar belakang, dan bantalan.
• Jari-jari batas, lebar, gaya (padat, putus-putus, putus-putus, dll.) dan warna.
• Posisi gambar (kiri, kanan, atas atau bawah), ukuran dan radius batas.
• Ukuran dan warna untuk font judul dan ringkasan.

Sebagian besar cukup jelas, tetapi ada beberapa hal yang perlu diketahui tentang ukuran gambar. Anda dapat mengatur ukuran thumbnail atau ukuran khusus. Untuk thumbnail, ukuran standarnya adalah “thumbnail”, “medium”, dan “large”, jadi Anda cukup mengetik apa pun yang Anda inginkan di bidang. Atau, Anda dapat mengatur ukuran khusus dalam format ini: lebarxtinggi (150×150, misalnya).

Untuk saat ini, saya akan membiarkan semuanya apa adanya untuk melihat seperti apa kotak tautan default. Kemudian, saya akan kembali untuk membuat tweak.

Menggunakan Plugin dengan Editor Blok Gutenberg

Saya masuk ke draf posting blog dan menambahkan blok di bawah paragraf. Anda akan menemukan blok Pratinjau Tautan Visual di bawah Widget, atau Anda dapat mencarinya di bagian atas pemilih blok.

Seperti inilah tampilan blok Pratinjau Tautan Visual:

Saat Anda mengklik kotak Select a Post or Page, Anda tidak akan melihat dropdown konten Anda; Anda harus mencari apa yang Anda inginkan. Anda juga dapat menambahkan tautan ke URL eksternal (saya akan membahasnya sebentar lagi).

Saya memilih posting blog yang diterbitkan. Beginilah tampilannya tanpa saya membuat penyesuaian apa pun pada gaya:

Pengaturan Blok Pratinjau Tautan Visual di Gutenberg

Jika Anda mengeklik tumpukan tiga titik di bagian atas blok, Anda akan melihat menu tarik-turun. Pilih Tampilkan Pengaturan Blok untuk memunculkan bilah sisi kanan dengan opsi. Dari sini, Anda dapat membuat beberapa perubahan:

Ubah tautannya. Perhatikan bahwa jika Anda mengklik Ubah Tautan, tautan yang Anda miliki akan segera dihapus, jadi pastikan Anda tidak mengkliknya secara tidak sengaja.

Mengubah atau menghapus gambar tampilan. Jika Anda menghapus gambar tampilan, ini adalah tampilan Tautan Visual:

Jika Anda tidak menyukai tampilannya tanpa gambar, Anda dapat mengeklik Pilih Gambar untuk menambahkannya kembali. Namun, Anda harus melalui Pustaka Media atau mengunggah gambar – Anda tidak akan memiliki opsi otomatis -menambahkan gambar unggulan lagi, seperti saat Anda pertama kali menambahkan tautan.

Anda tentu saja dapat menemukan gambar unggulan di Perpustakaan Media Anda, tetapi mungkin terkubur. Anda juga bisa menambahkan kembali tautan sehingga otomatis menambahkan konten asli.

Aktifkan dan nonaktifkan pengaturan tautan. Anda dapat memilih untuk membuka tautan di tab baru, dan Anda juga dapat mengubah tautan menjadi tautan nofollow.

Menambahkan Tautan Eksternal dengan Gutenberg

Kali ini, saya menambahkan tautan eksternal. Saya telah menyalin dan menempelkannya ke bidang yang benar:

Saat Anda mengklik Gunakan URL ini, hal yang sama terjadi seperti saat Anda menambahkan tautan internal. Gambar, judul, dan kutipan akan terisi secara otomatis, dan Anda dapat membuat perubahan di bilah sisi kanan. Anda juga dapat mengklik Simpan Gambar Secara Lokal di bagian Konten, dan gambar tampilan yang diambil plugin dari sumber URL akan ditambahkan ke Perpustakaan Media WordPress Anda.

Menyimpan Blok yang Dapat Digunakan Kembali

Jika Anda memiliki halaman, posting blog, atau tautan eksternal yang akan sering Anda gunakan, Anda dapat membuatnya sekali, lalu menyimpannya sebagai blok yang dapat digunakan kembali untuk menambahkannya dengan mudah di masa mendatang. Ini hanya berfungsi di editor Gutenberg, FYI.

Ketika Anda selesai membuat blok Anda, klik ikon tiga titik di bagian atas, yang sama dengan yang Anda gunakan untuk mengakses bilah sisi opsi. Kemudian, pilih Tambahkan ke Blok yang Dapat Digunakan Kembali. Anda dapat memberi judul blok, dan itu akan ada di perpustakaan blok Anda untuk digunakan di masa mendatang.

Menggunakan Plugin dengan Editor Klasik

Menggunakan editor klasik, buka posting atau halaman Anda dan pergi ke tempat Anda ingin menambahkan tautan visual. Klik tombol Pratinjau Tautan Visual di bagian atas halaman:

Kotak ini akan muncul:

Dari tarik-turun Jenis, Anda dapat memilih untuk menambahkan tautan Anda sendiri atau tautan eksternal. Pertama, saya akan menambahkan tautan saya sendiri. Setelah Anda memilih konten untuk ditautkan, bidang akan terisi secara otomatis, sama seperti dengan Gutenberg. Di sinilah Anda akan membuat perubahan apa pun. Anda dapat menghapus gambar dan memilih untuk menambahkan yang baru, mengubah judul dan memperbarui ringkasan dari jendela ini. Anda juga dapat menggunakan pengaturan default plugin atau template khusus Anda di sini, seperti halnya dengan Gutenberg.

Menambahkan Tautan Eksternal dengan Editor Klasik

Kali ini, saya akan menambahkan link eksternal. Ini adalah bidang untuk tautan eksternal:

Saat Anda menambahkan URL, bidang akan diperbarui secara otomatis – sama seperti tautan internal. Anda kemudian dapat membuat perubahan apa pun yang Anda inginkan sebelum memasukkannya ke halaman atau posting Anda. Anda juga memiliki opsi Simpan Gambar Secara Lokal di editor klasik.

Menyesuaikan Template dan Kotak Pratinjau Tautan Visual

Bilah pengaturan blok itu juga menyertakan bagian Gaya di bagian bawah tempat Anda dapat memilih antara Gunakan Default dari templat Pengaturan atau templat Sederhana. Ini membingungkan, karena mereka sebenarnya adalah hal yang sama. Saya akan menjelaskan lebih dalam sedikit. Pertama, mari masuk ke cara menyesuaikan kotak pratinjau tautan.

Dari bagian Gaya itu, klik tautan Ubah Gaya Template. Halaman baru akan terbuka di mana Anda dapat membuat template khusus (Anda juga bisa sampai di sini melalui pengaturan plugin). Sekali lagi, penyesuaiannya sederhana, jelas, dan lugas, jadi Anda akan memiliki waktu yang mudah untuk menemukan jalan keluar Anda. Inilah tampilan template setelah saya bermain-main dengan beberapa penyesuaian:

Tidak hebat. Sebagian masalahnya adalah teks pratinjau terlalu panjang. Kembali ke posting atau halaman Anda, jika Anda mengklik blok, editor akan muncul di sidebar kanan. Anda kemudian dapat pergi ke bagian Konten dan klik ke bidang judul dan kutipan untuk membuat perubahan.

Alih-alih menggunakan thumbnail, saya kembali ke halaman kustomisasi template dan memasukkan ukuran kustom untuk gambar, yang mengubahnya menjadi persegi (dan, untungnya, dipotong dengan sempurna). Saya bermain dengan judul dan salinan kutipan lagi sehingga ukurannya lebih baik di blok dan di sebelah gambar. Ini lebih baik:

Anda dapat menghabiskan banyak waktu untuk mencari tahu penyesuaian yang tepat, dan Anda harus melakukannya, terutama karena Anda hanya dapat membuat satu template khusus.

Pratinjau Kustomisasi Template Anda

Anda tidak dapat melihat pratinjau langsung saat menyesuaikan template. Anda harus membuka posting atau halaman Anda di jendela baru, membuat perubahan pada halaman kustomisasi template dan kemudian klik kembali ke posting atau halaman tersebut. Beralih bolak-balik antara dua pilihan Template dropdown (ingat, mereka sebenarnya tidak berbeda satu sama lain) – ini menyegarkan kotak sehingga Anda dapat melihat perubahan terbaru Anda.

Cara Mendapatkan Kembali Gaya Default

Katakanlah Anda membuat banyak perubahan, dan kemudian Anda menyadari bahwa Anda lebih suka gaya default. Jika Anda membiarkan sakelar Gunakan Gaya Kustom dihidupkan di pengaturan template, pengaturan khusus Anda akan diterapkan ketika Anda kembali ke halaman atau posting Anda, apakah Anda memilih Gunakan Default dari Pengaturan atau Sederhana dari dropdown Template (seperti yang saya katakan, membingungkan).

Jika Anda ingin kembali ke default plugin, Anda dapat pergi ke halaman pengaturan template dan matikan tombol Use Custom Styling. Semua penyesuaian Anda akan ada di sana jika Anda ingin mengaktifkannya kembali pada akhirnya, tetapi ini akan memungkinkan Anda menggunakan default plugin jika Anda lebih suka tampilannya.

Kekurangan Plugin Pratinjau Tautan Visual

Plugin Visual Link Preview adalah plugin sederhana dan lugas yang melakukan apa yang dikatakannya, dan sangat mudah dipelajari untuk digunakan. Namun, karena sangat mendasar, itu juga kurang di beberapa area yang bisa menggunakan perbaikan.

Tidak ada menu tarik-turun dengan semua konten Anda. Saya ingin opsi ini daripada harus mengingat nama posting blog atau halaman untuk ditambahkan sebagai tautan.

Anda tidak dapat melihat pratinjau langsung dari template yang disesuaikan. Cukup kikuk untuk bolak-balik antara posting dan halaman pengaturan template setiap kali Anda ingin melihat apakah itu jumlah padding yang sempurna atau jenis perbatasan apa yang digunakan.

Anda hanya dapat membuat satu template khusus. Ini adalah kelemahan terbesar dari plugin. Anda tidak dapat membuat beberapa template dan kemudian memilih salah satu yang Anda gunakan untuk mencocokkan halaman, posting blog, atau jenis tautan tertentu. Anda juga tidak dapat mengatur beberapa kotak pratinjau untuk menggunakan template khusus Anda dan yang lainnya untuk menggunakan default plugin – salah satunya.

Membungkus

Secara keseluruhan, meskipun ada kekurangannya, saya menyukai plugin Visual Link Preview. Sangat mudah untuk mengatur dan menggunakan, tidak peduli editor mana yang Anda sukai – Gutenberg atau klasik. Dan ini jelas merupakan cara yang lebih estetis dan menarik untuk menambahkan tautan, yang dapat berjalan jauh jika Anda terlibat dengan pemasaran afiliasi atau ingin menautkan ke halaman arahan Anda. Saat ini, karena Anda tidak dapat membuat lebih dari satu template, yang terbaik adalah situs web dengan tampilan standar di semua posting dan halaman. Jadi, jika Anda memiliki sejumlah halaman arahan yang berbeda dalam berbagai gaya, Anda akan kesulitan membuat satu templat kotak pratinjau yang sesuai di mana pun ditempatkan. Namun, jika tidak, ini adalah plugin ringan yang melakukan tugasnya dengan baik.

Anda mungkin juga menyukai artikel ini dengan lima hal keren yang dapat Anda lakukan di Divi dengan tautan jangkar.