Anda disini: M Jurnal » WordPress » Cara Membuat Link Teks di WordPress Terbaru 2021

Cara Membuat Link Teks di WordPress Terbaru 2021

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.

Berikut cara membuat link teks di WordPress yang menggunakan Gutenberg:

  1. Dalam editor postingan / page WordPress, silahkan Ketik Teks yang akan disisipkan sebuah link. Misalnya “Setting Dasar WordPress“.
    dalam editor post & page WP, ketik teks
    Kemudian blok teks tersebut.
  2. Pada Top Toolbar, silahkan klik icon link (seperti rantai).
    Klik Icon insert link pada top toolbar
    Kemudian akan muncul Window Insert link. Ada 2 skenario dalam menambahkan link ke dalam teks.
  3. Pertama, jika Anda sudah menyalin URL tujuan, silahkan paste pada kolom “Telusuri atau ketik URL“.
    Paste URL tujuan
    Kemudian klik Kirim untuk menyisipkan link ke dalam teks.
  4. 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.
    Cari dan pilih link post tujuan
    Silahkan klik postingan yang paling tepat sebagai link tujuan. Sampai tahap ini, link teks udah siap digunakan.
  5. 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:
    Cara membuat link open in new tab di WordPress

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.

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.

diskon-hosting

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”.

Cara membuat custom link teks di Widget WordPress

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>

Menggunakan tag anchor <a href>...</a> untuk membuat custom link di widget WordPress

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:

Contoh custom link widget di WordPress

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:

Pintasan Panduan Belajar Menggunakan WordPress

SUB-BAB Sebelumnya: Optimasi Permalink.

  1. Cara Menggunakan WordPress: Cara menggunakan semua fitur dan menu yang ada dalam dashboard Admin WordPress.
  2. Post vs Page: Di WordPress, Post dan Page (halaman) itu jenis konten yang berbeda. Jadi jangan sampai salah. Pahami perbedaan dan kegunaannya.
  3. Membuat Post: Cara membuat postingan di website WordPress terbaru (gutenberg).
  4. Membuat Page: Cara membuat halaman (page) baru di WordPress.
  5. Categories: Mengenal dan cara membuat kategori dan sub kategori WordPress.
  6. Tag: Mengenal manfaat tag dan cara membuat tag di WordPress.
  7. Menambahkan Gambar: Cara upload dan mengelola gambar di WordPress (tahap demi tahap lengkap).
  8. Menambahkan Video: Cara menambahkan video di dalam post dan page WordPress, Embed Video YouTube dan Hubungan Video dengan SEO website.
  9. Link Teks: (Anda Disini).
  10. Link Gambar: Membuat link dari sebuah gambar.
  11. Download Link: Cara membuat link download file di WordPress + Alternatif terbaik untuk fitur yang lebih kompleks.
  12. Link Satu Halaman: Membuat link 1 halaman (link ke bagian tertentu dalam halaman yang sama).

SUB-BAB Berikutnya: Mengganti Theme.

Komentar Paling Lambat di Balas Pukul 23:59.