WordPress Cara Menambahkan Widget ke Themes

Dalam wordpress themes terkadang harus ada tambahan atau perubahan, salah satunya adalah menambahkan widget. Bagaimana caranya?
544  
       

Bekerja menggunakan wordpress tentu saja tidak lepas dari themes. Dalam themes terkadang harus ada tambahan atau perubahan, salah satunya adalah menambahkan widget. Di postingan kali ini, akan dipaparkan tentang bagaimana menambahkan atau memanggil widget. Mari kita lihat selengkapnya

Pengertian Widget WordPress

Widget adalah sebuah kotak yang berisi kode-kode, gambar, tulisan di mana anda dapat memindahkan ke dalam sidebar di manapun anda mau. Tidak hanya di sidebar, widget juga bisa ditempatkan dilokasi lainnya. Untuk itulah tulisan ini dibuat.

Fungsi Lain Widget

Widget dapat digunakan untuk mempercantik atau menambahkan informasi tambahan supaya pengguna dapat memiliki pengalaman yang “khas” didalam sebuah situs. Contoh dari widget ini misalkan widget komentar terakhir. Dimana widget ini akan menampilkan komentar-komentar yang baru saja ditambahkan.

Dimana letak Widget?Cara menggunakan

Seret widget ke kolom sisi (sidebar) dari kotak utama widget dan pindahkan, atur peletakkannya sesuai keinginan anda sampai diperoleh layout yang dikehendaki.

Cara membuka

Ketika anda menyeret sebuah widget ke dalam kolom sisi (sidebar) jika widget dapat diubah anda akan melihat ikon kecil kemudian.

Jenis Widget

Ada 2 tipe widget – ada yang dapat diubah dan ada yang tidak dapat diubah (widget standar).

Widget-widget Standar

Semua ini akan tampil sama di setiap blog berbasis wordpress. Anda hanya dapat memiliki sebuah dari tiap widget ini. Anda tidak dapat mengubah tampilan dan kerjanya.

Akismet

Menunjukaan jumlah komentar spam yang berhasil ditangkap oleh Akismet

Archives (Arsip)

Tulisan yang pernah dibuat

Blog stats (Statistik Blog)

Angka yang menunjukkan jumlah pengunjung

Calendar (Kalender)

Menampilkan tanggal saat ini, termasuk tanggal saat kita melakukan pengiriman tulisan

Widget yang dapat diubah

Dengan widget ini anda dapat meletakkan beberapa informasi yang anda miliki atau dari layanan informasi lain.

del.icio.us

Jika anda memiliki layanan dari del.icio.us widget akan serasa sempurna. (maaf kurang ngerti apa maksudnya)

Flickr

Letakkan gambar yang anda miliki dalam blog anda.

Text (Teks)

Kata-kata dan atau gambar yang ingin anda tampilkan.
Tambahan. Setelah melakukan perubahan widget dalam kolom sisi jangan lupa selalu KLIK tombol Simpan Perubahan yang ada di bagian sudut kanan itu. Mohon koreksi jika ada terjemahan yang kurang tepat.

Bermain dengan widget Text

Widget teks dapat berisikan html lho, silakan dicoba sendiri dengan menambahkan kode seperti ini:

<h1>Selamat Datang</h1>
<p>Ini adalah blog sang pengembara!</p>

Coba kopi paste kode tersebut, kemudian tambahkan pada widget teks anda, kemudian klik simpan. Lalu lihat di halaman detail artikel, apakah sudah muncul?

Bagaimana cara menambah lokasi widget?

Pertama-tama kita harus mengerti terlebih dahulu, soal tema yang anda gunakan di wordpress. Kemudian jika sudah mengerti strukturnya dan sudah memutuskan lokasi yang tepat untuk widgetnya edit dan tambahkan kode ini.

Buka file functions.php di folder tema dan coba tambahkan kode ini.

<?php
/**
 * Register our sidebars and widgetized areas.
 *
 */
function nyingspot_widgets_init() {

	register_sidebar( array(
		'name'          => 'Widget kepala',
		'id'            => 'wdiget_kepala_1',
		'before_widget' => '<div>',
		'after_widget'  => '</div>',
		'before_title'  => '<h2 class="rounded">',
		'after_title'   => '</h2>',
	) );

}
add_action( 'widgets_init', 'nyingspot_widgets_init' );
?>

Kopi paste kode tersebut, kemudian tambahkan dan klik simpan.

Coba masuk ke menu appereance / tampilan -> widgets kemudian lihat sudah bertambah bukan?

Bagaimana cara memanggil widget tersebut?

Untuk memanggil widget tersebut dapat dilakukan dengan cara mudah. Dalam kasus ini kita akan coba menambahkan widget di bagian paling atas halaman. Edit file yang ada teks Kemudian tambahkan kodenya setelah body tersebut.

<?php dynamic_sidebar( 'kepala-widget' ); ?>

Kemudian save, coba lihat apakah widget nya sudah bertambah?

Demikian. Semoga membantu.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>