Membuat Daftar Dropdown Kategori dan Tags

Membuat Daftar Dropdown Kategori dan Tags – Desain WP Theme Lanjutan #wp_advance

Masyhuri Jamil 01/03/2019 3132x 0

30menit.com – Apa sebenarnya fungsi dropdown kategori dan kenapa kita harus menggunakannya?

Untuk membuat dropdown kategori kita akan memanfaatkan fungsi bawaan wordpress yaitu wp_dropdown_categories(). Apa tujuan penggunaan fungsi tersebut? Fungsi tersebut merupakan fasilitas yang di berikan wordpress untuk pengembangan tema atau plugin. Dalam tutorial kali ini fungsi tersebut saya manfaatkan untuk mempermudah pemilihan sebuah kategori. Silakan baca tutorial saya sebelumnya tentang Membuat Halaman “Theme Options” Untuk Kostumisasi Setting Tema – Desain WP Theme Lanjutan #wp_advance. Dalam tutorial tersebut ada setingan pada halaman Theme Options untuk menampilkan beberapa postingan dalam sebuah kategori. Untuk menentukan kategori apa yang ditampilkan, pada tutorial tersebut menggunakan ID kategori untuk mengaturnya. Sedangkan untuk mengetahui ID kategori kita harus masuk ke menu kategori. Tutorial ini bertujuan hanya untuk mempermudah proses pemilihan kategori tersebut.

Fungsi wp_dropdown_categories() nantinya akan menghasilkan tag html <select> yang didalamnya akan ada tag <option> dengan tampilan nama-nama kategori yang dimiliki blog wordpress anda. Tetapi nilai dari tiap value nya kita setting berupa ID dari masing-masing kategori. Sehingga nantinya yang tersimpan ke dalam database pengaturan Theme Options nya tetap berupa ID kategorinya. Untuk bahan percoban dari tutorial ini menggunakan file-file pada tema “BTPM” pada tutorial Belajar Membuat Template WordPress Dengan Framework Bootstrap Versi 4.0.0

Silakan buka file yang memuat fungsi mytheme_admin(). Fungsi tersebut merupakan function untuk tampilan pada Theme Options. Buat sebuah case baru di bawah case ‘text’. Kodenya sebagai berikut :

<?php break;
case 'select-cat': ?>
	<tr>
		<th scope="row">
			<label for="<?php echo $value['id']; ?>"><?php echo $value['name']; ?></label>
		</th>
		<td>
			<?php $arg_cat = array(
				'taxonomy'			=> 'category',
				'name'				=> $value['id'],
				'id'				=> $value['id'],
				'class'				=> 'myselect select-option',
				'selected'			=> get_option( $value['id'] ),
				'orderby'			=> 'name',
				'value_field'		=> 'term_id',
				'show_option_none'	=> 'Select Category',
				'show_count'		=> 1,
				'hide_empty'		=> 1,
				'hierarchical'		=> 1, );
			wp_dropdown_categories($arg_cat); ?>
		</td>
	</tr>

<?php break;

case 'select-cat': ?>

<tr>

</th>

<td>

<?php $arg_cat = array(

'taxonomy' => 'category',

'name' => $value['id'],

'id' => $value['id'],

'class' => 'myselect select-option',

'selected' => get_option( $value['id'] ),

'orderby' => 'name',

'value_field' => 'term_id',

'show_option_none' => 'Select Category',

'show_count' => 1,

'hide_empty' => 1,

'hierarchical' => 1, );

wp_dropdown_categories($arg_cat); ?>

</td>

</tr>

Berikut tampilan perubahan pada Theme Options

Jika sebelumnya kita harus memasukkan angka dari ID kategori, sekarang tinggal memilihnya dari daftar yang sudah ada. Sangat mempermudah sekali. Untuk mempermudah pemahaman tutorial di atas bisa menyimak video berikut :

Jika masih ada yang kurang jelas silakan berdiskusi melalui komentar. Happy Coding.
Lanjut ke Dropdown Tags

Lanjut lembar ke
1
2

Tulisan Terkait

Membuat Daftar Dropdown Kategori dan Tags – Desain WP Theme Lanjutan #wp_advance oleh :

Masyhuri Jamil

Tidak memiliki kompetensi di bidang coding. Tapi selalu semangat terus belajar html, css, php, mysql, java script (jquery). Suka oprek-oprek android juga dan yang pasti suka jalan-jalan (treveling).

Memiliki 149 tulisan

Tambahkan Komentar Anda