Anda disini: M Jurnal » WordPress » Cara Membuat Link Gambar yang Bisa di Klik di WordPress

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

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

  1. Pada Editor Teks Gutenberg WordPress, tambahkan blok gambar seperti berikut:
    Tambahkan blok gambar menggunakan editor gutenberg WordPress
  2. Klik Pilih Gambar dan tentukan sumber gambar. Misalnya Pustaka Media.
    Tentukan sumber gambar WordPress yang sudah ada atau upload baru
  3. Muncul Window “Pilih atau Unggah Media”. Silahkan klik gambar yang diinginkan kemudian klik Pilih.
    Pilih image di Media library
  4. Klik gambar, kemudian klik icon Insert Link (seperti rantai) dalam top toolbar. Akan muncul 3 pilihan untuk menentukan link tujuan seperti berikut:
    Cara membuat link gambar yang bisa di klik di post, page dan widget WordPress
    • 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:
    Cara membuat open link in new tab dan current tab di WordPress
    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.

Pusat Panduan Woocommerce M Jurnal - Tutorial Lengkap

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 ?

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:

diskon-hosting

Contoh tautan bergambar M Jurnal

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.

Tahap-tahap membuat link dalam gambar di widget WordPress

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:

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: Membuat link dari sebuah teks dalam post, page dan widget.
  10. Link Gambar: (Anda Disini).
  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.