Cara Membuat Link Gambar yang Bisa di Klik di WordPress

Di dalam WordPress, Anda bisa menyisipkan link yang bisa diklik pada gambar dan membuat browser untuk membuka link tujuan di dalam tab yang sama maupun tab yang berbeda. Konsepnya sama seperti membuat link teks. Hanya saja link tujuan menggunakan gambar sebagai media.

Namun, gambar juga memiliki sedikit perbedaan dibandingkan teks yaitu: Gambar memiliki URL tersendiri (URL berkas). Jadi ketika gambar di upload ke dalam Media Library WordPress, maka gambar tersebut akan memiliki URL khusus untuk bisa diakses.

Misalnya, coba buka URL berikut: https://mjurnal.com/wp-content/uploads/2021/08/cara-menambahkan-video-di-wordpress-min.png. URL tersebut akan membuka salah satu gambar yang ada di M Jurnal.

Selain menggunakan link berkas ke dalam gambar WordPress, Anda juga bisa menggunakan link custom (tentukan sendiri). Fitur ini sudah ada secara default dalam editor gutenberg. Jadi tidak perlu install plugin tambahan.

Nah dalam Panduan ini, mari kita pelajari cara membuat dan menyisipkan link ke dalam gambar WordPress (open in current new tab).

Cara Membuat Link Gambar dalam Post & Page WordPress

Berikut cara membuat link gambar yang bisa di klik dalam Post & Page WordPress:

1. Pada Editor Teks Gutenberg WordPress, tambahkan blok gambar seperti berikut:
   
2. Klik Pilih Gambar dan tentukan sumber gambar. Misalnya Pustaka Media.
   
3. Muncul Window “Pilih atau Unggah Media”. Silahkan klik gambar yang diinginkan kemudian klik Pilih.
   
4. Klik gambar, kemudian klik icon Insert Link (seperti rantai) dalam top toolbar. Akan muncul 3 pilihan untuk menentukan link tujuan seperti berikut:
   
   • Form Input URL / Judul: Paste link tujuan pada form ini atau ketik judul post / page yang ada di website Anda untuk menautkan gambar ke konten Anda.
   • Berkas Media: Pilih jika Anda ingin menautkan gambar ke URL berkas itu sendiri.
   • Laman Lampiran: Pilih jika Anda ingin menautkan gambar ke URL laman lampiran dari berkas tersebut.
5. Buat Link Open in New Tab atau Current Tab dengan cara klik icon panah ke bawah seperti berikut:
   
   Aktifkan Buka di Tab Baru jika Anda ingin URL tujuan terbuka pada Tab Browse baru – non-aktifkan jika ingin dalam tab yang sama.

Gimana hasilnya ? Coba klik gambar dibawah, maka akan membuka halaman Pusat Panduan WooCommerce dalam tab baru.

Selain membuat link gambar open in new tab, pengguna yang lebih mahir juga bisa menambahkan Link Rel dan CSS Class. Namun pengguna baru belum saatnya untuk menggunakan fitur ini.

Penting! URL Laman Lampiran gambar tidak bagus dari sudut Pandang SEO (bisa menyebabkan duplicate content dan low value content). Praktik terbaik dalam SEO adalah membuat redirect URL laman lampiran ke URL berkas. Anda bisa menggunakan bantuan Plugin Yoast SEO.

Bagaimana, mudah bukan ?

Cara Membuat Link Gambar di Header, Footer dan Sidebar WordPress

Dalam contoh lain, Anda juga bisa menambahkan link gambar ke bagian Header, Footer maupun Sidebar menggunakan Widget Text atau HTML Khusus.

Biasanya Header Website berisi gambar berupa logo yang tertaut dengan homepage. Sedangkan Footer biasanya berisi gambar / icon social media.

Selain itu, Anda juga bisa menambahkan gambar-gambar lain sesuai kebutuhan.

Misalnya, seperti sidebar M Jurnal. Saya menggunakan widget text untuk membuat link gambar yang menuju ke halaman forum M Jurnal seperti berikut:

Penting! Dalam Panduan Membuat Link Teks (Lihat Pintasan Panduan), Saya sudah membahas cara membuat custom link teks di sidebar menggunakan widget HTML Khusus. Nah, dalam panduan ini, Kita akan menggunakan widget text.

Untuk membuat link gambar menggunakan menggunakan widget, silahkan ikuti tahap-tahap berikut:

1. Buka Menu Tampilan > Widget dalam dashboard Admin WordPress.
2. Tambahkan Widget Text ke dalam sidebar.
3. Masukkan Judul Widget pada kolom Judul.
4. Untuk menambahkan gambar, silahkan klik tambah media. Kemudian pilih gambar.
5. Klik gambar, kemudian klik icon Insert Link.
6. Masukkan Link tujuan dalam Form Insert Link dan tekan Enter. Prosesnya sama saja dengan tahap membuat link gambar dalam post & page diatas. Jangan lupa simpan perubahan.

Oh ya, Saya menggunakan link berkas media dan open in current tab pada gambar diatas. Coba saja klik dan itu akan membuka URL berkas dalam tab yang sama.

Bagaimana, mudah bukan ? Saya rasa ga sulit memahami materi membuat link gambar di WordPress ini.

Tapi masih ada yang lebih menarik… Yaitu Download Link, Link satu halaman dll. Silahkan gunakan Pintasan Panduan berikut: