Masukkan Email anda untuk berlangganan Devaradise. Gratis!

Tutorial Cara Menambahkan Gambar Pada Widget WordPress

Menambahkan sebuah gambar di wordpress, bahkan sebuah galeri sangatlah mudah. Namun, menambahkannya diluar isi postingan atau halaman cukup rumit untuk seorang pemula. WordPress memang tidak menyediakan fitur untuk menambahkan gambar di widget sidebar maupun footer misalnya. Jika kita ingin menambahkan gambar di widget, kita bisa melakukannya dengan cara manual menggunakan code html atau menggunakan plugin tambahan. Nah, dibawah ini akan saya jelaskan kedua cara tersebut.

1. Menambahkan Gambar Secara Manual Menggunakan Kode HTML pada Widget

Pertama-tama, anda harus upload dulu gambar ke situs wordpress anda. Caranya klik menu Media > Add New di menu sidebar admin, lalu pilih gambar untuk diupload. Setelah gambar terupload, klik link edit seperti ditunjukkan pada gambar di bawah.

upload dan edit gambar

 


Anda akan diarahkan ke halaman edit media, di mana anda akan menemukan url untuk gambar tersebut di samping kanan. Anda harus meng-copy url tersebut.

Edit dan copy image url

 

Setelah itu, klik menu Appearance > Widget di menu sidebar kiri admin wordpress anda untuk menambahkan widget. Tambahkan widget baru dengan widget teks/Text Widget. 

menambahkan widget gambar

 

Di teksarea pada widget di atas, anda dapat menambahkan gambar dengan kode html dengan pola berikut :

<img src="Paste URL yang tadi di copy disini" alt="judul gambar anda"/>

Tag HTML <img/> di gunakan untuk menampilkan gambar pada halaman website. Tag tersebut membutuhkan 2 atribut yaitu src untuk mendefinisikan letak gambar dan atribut alt untuk alternatif teks atau judul untuk gambar. Sehingga hasil akhirnya akan terlihat seperti dibawah :

<img src="http://www.example.com/wp-content/uploads/2014/09/strawberries.jpg" alt="Strawberries" />

Simpan widget anda dan lihatlah hasilnya.

2. Menambahkan Gambar dengan Plugin Image Widget

Jika anda tidak ingin menyentuh kode sama sekali, cara yang lebih mudah untuk menambahkan gambar di widget adalah denga menggunakan plugin Image Widget.

Aktifkan plugin tersebut, lalu klik menu Appearance > Widget untuk menambahkan widget lagi. Kali ini, akan tersedia widget dengan tipe baru yaitu “Image Widget” untuk menambahkan gambar. Buatlah sebuah widget dengan tipe tersebut.

image widget

 

Setelah itu, anda hanya perlu meng-klik tombol “select an image” pada widget tersebut untuk memilih/upload gambar yang ingin ditampilkan.

tambah gambar dengan plugin

 


Setelah terupload, gambar akan secara otomatis tertampil dan akan tampil juga pengaturan seperti title, alternate text dan caption dibawahnya. Anda juga dapat menambahkan tautan/link untuk gambar tersebut dan memilih ukuran gambar dari pilihan ukuran(size) yang tersedia.

pilihan

 

Setelah semua pengaturan selesai, tinggal klik tombol simpan dan gambar anda sudah tampil di sidebar.

Sekian. Semoga bermanfaat,

~Muhammad Syakirurohman~

Diterjemahkan dari www.wpbeginner.com dengan sedikit perubahan.

40 thoughts on “Tutorial Cara Menambahkan Gambar Pada Widget WordPress

Tinggalkan Balasan