Panduan ini akan mengajarkan Anda cara membuat dan menyisipkan link ke dalam sebuah teks di WordPress. Saya akan berikan contoh cara menyisipkan link teks kedalam postingan artikel, page maupun widget.
Link teks biasanya memiliki warna yang berbeda dari teks biasa pada umumnya. Ada yang berwarna biru, merah, dan ada juga yang menggunakan bold, underline dll. Ini tergantung pengaturan theme dan format teks yang Anda gunakan.
Namun, cara membuat link teks di WordPress itu sama saja.
Untuk membuat link teks di dalam post & page, Anda bisa menggunakan fitur insert link dalam editor text formatting (saat ini gutenberg).
Sedangkan untuk membuat custom link text di widget, Anda bisa menggunakan widget text atau HTML custom.
Nah, biar semakin paham, mari kita pelajari satu per satu.
Table of Contents
Cara Membuat Link Teks di Post & Page WordPress
Berikut cara membuat link teks di WordPress yang menggunakan Gutenberg:
- Dalam editor postingan / page WordPress, silahkan Ketik Teks yang akan disisipkan sebuah link. Misalnya “Setting Dasar WordPress“.
Kemudian blok teks tersebut. - Pada Top Toolbar, silahkan klik icon link (seperti rantai).
Kemudian akan muncul Window Insert link. Ada 2 skenario dalam menambahkan link ke dalam teks. - Pertama, jika Anda sudah menyalin URL tujuan, silahkan paste pada kolom “Telusuri atau ketik URL“.
Kemudian klik Kirim untuk menyisipkan link ke dalam teks. - Kedua, jika link tujuan merupakan salah satu post atau page di web / blog Anda, namun Anda belum menyalin link post tersebut. Silahkan ketik sebagian dari judul postingan tersebut. Kemudian akan muncul daftar postingan yang paling relevan.
Silahkan klik postingan yang paling tepat sebagai link tujuan. Sampai tahap ini, link teks udah siap digunakan. - Anda juga bisa membuat open link in new tab. Caranya, silahkan klik kembali teks link tersebut. Kemudian aktifkan “Buka di tab baru” seperti gambar berikut:
Note: Ketika Anda mengaktifkan open link in new tab, maka browser akan membuka link tujuan dalam tab baru (bukan tab saat ini).
Misalnya seperti link ini: wordpress.com. Browser akan membuka URL tujuan di dalam tab baru.
Sedangkan link ini: Pusat Panduan akan terbuka dalam tab browser yang sama.
Hal ini terjadi karena ketika Anda mengaktifkan “Buka di tab baru”, maka WordPress akan menambahkan atribut target="_blank" rel="noreferrer noopener" ke dalam link.
Penting! Opsi nofollow dan sponsored dalam gambar di atas merupakan fitur tambahan dari plugin Yoast SEO. Materi ini bisa Anda pelajari secara bertahap dalam SUB-BAB berikutnya.
Cara Membuat Link Teks Custom di Dalam Widget WordPress
Selain dalam isi postingan atau halaman, Anda juga bisa membuat link teks menggunakan Widget (baik dalam Header, Footer maupun sidebar).
Link custom pada bagian Header dan Footer WordPress biasanya bagian dari sebuah menu.
Jadi, jika Anda ingin membuat link custom didalam menu (header dan footer), silahkan ikuti Panduan Membuat Menu WP.
Sementara dalam panduan ini, Saya akan membahas cara membuat link custom teks menggunakan widget di dalam sidebar WordPress.
Note: Umumnya, widget-widget siap pakai tidak menyediakan kustomisasi alias tidak bisa diubah-ubah sesuai keinginan. Misalnya seperti widget postingan terbaru. Widget ini secara otomatis menampilkan link menuju postingan terbaru saja. Dan Anda tidak bisa mengganti link sesuai keinginan.
Sekarang coba lihat sidebar M Jurnal. Anda akan melihat widget yang berisi custom link, salah satunya widget “Panduan Terpopuler”.
Nah, untuk membuat widget custom link seperti ini, Anda bisa menggunakan widget Text atau HTML Khusus.
Menambahkan link menggunakan Widget Text sama saja dengan membuat link dalam post & page seperti yang sudah Saya jelaskan diatas. Jadi Saya hanya bahas penggunakan widget HTML Khusus.
Agar bisa membuat custom text link dalam Widget WordPress, silahkan buka menu Tampilan > Widget. Cari HTML Khusus dan tambahkan ke dalam sidebar. Kemudian sesuaikan isi widget teks.
Penting! Pastikan Anda sudah memahami bagaimana cara membuat dan mengelola widget di WordPress.
Silahkan tambahkan judul widget pada kolom judul. Kemudian tambahkan kode HTML link ke dalam kolom isi. Anda bisa menggunakan anchor tag: <a>…</a>
Misalnya, Saya ingin menyisipkan link kedalam teks “Beli domain Gratis Hosting“, silahkan ketik teks tersebut. Kemudian, bungkus teks menggunakan anchor tag menjadi <a>Beli Domain Gratis Hosting</a>.
Selanjutnya, tambahkan link tujuan tepat dalam anchor tag pembuka menjadi <a href="https://mjurnal.com/">Beli Domain Gratis Hosting</a>.
Jangan lupa simpan dan publikasikan widget Anda dan lihat hasilnya:
Jika ingin membuat custom link open new tab, silahkan tambahkan atribut target="_blank" dan rel="noreferrer noopener" seperti berikut:
<a href="https://mjurnal.com/" target="_blank" rel="noreferrer noopener">Beli Domain Gratis Hosting</a>.
Ini hanya contoh sederhana dalam membuat custom link di widget WordPress. Jika Anda ingin mengubah desain widget, Saya sarankan pelajari tentang CSS atau gunakan bantuan plugin widget.
Bagaimana, mudah bukan ? Selanjutnya, silahkan tambah skill Anda dalam mengelola web WordPress melalui Pintasan Panduan berikut: