WordPress 101 Widget

Masuklah ke dasbor, di sebelah kiri bawah ada menu [Tampilan] . Ketemu? Klik [Widget]. (Baca, ‘wid-jet‘.) Apa saja yang terdapat di sana? Sekarang lihat di sebelah kanan; di sana ada [Wide Sidebar]. Ini adalah ruang tempat kita menaruh widget.

Sekarang coba seret widget [Arsip] di kiri, ke ruang ini. Ada tanda ‘panah’ yang bisa diklik. Lihat isinya. Kutak-katik apa saja yang ada di dalamnya, lalu lihat tampilannya di blog kita. ‘Eureka’! (Horee.. aku tahu sekarang.)

Mau coba yang lain ‘ah. Yang tadi batal; membatalkannya klik ‘Hapus’, atau seret saja widget [Arsip] keluar ruangan. Gampang sekali.

Apa ‘widget’? Jawaban populer, widget adalah “papan pengumuman” yang ditempatkan di blog atau situs kita. Hanya itu.

Isi ‘widget’? Apa yang ingin diumumkan? Apa saja bisa. Isi pengumuman seperti [Arsip] tadi dikendalikan WordPress. Kita terima jadi. Enaknya…

Sebagian lagi kita yang mengendalikan. Coba cari mana saja yang sudah diatur WordPress, mana yang belum dan perlu kita atur.

Memindah urutan widget. Widget terpasang di ruang [Wide Sidebar] dapat dipindah-pindah urutannya. Klik dan seret widget ke tempat mana saja yang kita mau. Bisa?

Itulah widget. Selesai.

Nanti, jangan cepat puas dulu. Kita lanjutkan dengan satu eksperimen kecil yang sedikit lebih susah. Kita pakai widget [Teks]. Seretlah ke ruang kanan.

Eksperimen widget. Klik, isinya polos, masih kosong. Ruang dapat kita isi dengan teks, atau bergabung dengan HTML. Belum belajar HTML tidak apa-apa.

Ketikkan judul misalnya, “Eksperimen Widget”.

Kita akan isi ruang tulis dengan teks; blok seluruh teks warna biru berikut, lalu kopas (copy-paste) ke widget:

(1) Ini contoh teks saja. Kalau kita rajin menyuguhi visitor dengan posting berkelas, mereka akan rajin berkunjung.
(2) Ini contoh teks kombinasi dengan HTML. Aku belajar widget dari blog <a href=”https://rioseto.wordpress.com/” target=”_blank”><strong>rioseto’s blog</strong></a>. Coba klik linknya.
(3) Teks kombinasi dengan gambar? Ini dia, <img src=”https://rioseto.files.wordpress.com/2010/11/wp-logo-120px.jpg”></img>. Coba klink linknya. Tidak ‘hidup’.
(4) Sekarang coba klik gambarnya. <a href=”https://rioseto.wordpress.com/” target=”_blank”><img src=”https://rioseto.files.wordpress.com/2010/11/wp-logo-120px.jpg”></img></a>. Hidup. Gambar bisa diperankan jadi semacam tombol yang melink ke situs tertentu. Bagus tombolnya?
 
Catatan: kalau gambar tidak muncul, periksa kembali tanda “kutip” di bagian HTML WordPress suka menambah sendiri… . Buang kelebihannya. Jadi!

Sekarang benar-benar selesai. Lebih terbayang sekarang cara membuat widget [Tulisan Tercecer], [Informasi], [Quotes of the Day], [Blog Teman] seperti di blog ini.

Jangan pernah bosan berlatih… sukses! 😀

Tagged with: , , , , , , , , , ,
Ditulis dalam Tak Berkategori

Silakan komentar, 'like' juga oke

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Translate • Terjemahkan
Foto Minggu Ini
Boneka Jepang Geisha

Belajar memotret boneka dengan lampu kilat

%d blogger menyukai ini: