Heru Kurniawan WebLog

Membuat Menu Category Berdasar Abjad dengan PHP

Jam lima sore lagi asik – asik kongkow bareng temans di godiva sambil berinternet ria tiba – tiba ada PM dari temenku. Kebetulan dia lagi ngebangun sebuah blog untuk tempat download MP3, lalu dia minta dibuatin menu pilihan category berdasar abjad di CMS wordpress, seperti gambar -gambar dibawah ini.

Sempet bingung juga karna aku tidak terlalu familiar dengan WordPress. Karna merasa tertantang akhirnya aku coba buat, karna WordPresskan dibuatnya menggunakan PHP jadi yah masih ngerti – ngerti dikitlah .

Solusi yang aku tawarkan adalah membuat category Abjad A sampai Z terlebih dahulu. aku ambil contoh misal buat sebuah category “list A” maka URL yang dihasilkan “http://domainkamu/category/list-a/” nah gmana mau nampilin A nya saja?. menggunakan cara HTML manual sih bisa.

contoh

<a href="http://domainkamu/category/list-a/">A</a> |
<a href="http://domainkamu/category/list-b/">B</a> |
<a href="http://domainkamu/category/list-c/">C</a> |
...

Cara diatas emang tidak ada salahnya sih, karnah jauh lebih simple. Tapi Alangkah lebih manis/cakep jika kita gunain PHP untuk mengenerate menu tersebut.

berikut contoh sourcenya

<?
	$huruf = array("A","B","C","D","E","F","G","H","I","J",
				   "K","L","M","N","O","P","Q","R","S","T",
				   "U","V","X","Y","Z");
	$i = 0;
	while($i<26)
	{
		?><a href="http://domainkamu/list-<? echo strtolower($huruf[$i]);?>"><? echo $huruf[$i];?></a> | <?
		$i++;
	}	
?>

silahkan dijalankan di web browser rekan – rekan maka hasilnya akan sama seperti contoh – contoh yang diatas.. simple bukan, ternyata wordpress enak juga ngakalinya

Selanjutnya silahkan disisipkan pada halaman mana menu abjad ini mau ditampilkan. jika rekans ingin nampilin ditiap halaman saran dari saya dibuatkan saja sebuah function. jadinya ditiap halaman tinggal dipanggil aja nama fungsingya selain itu menghemat tenaga apabila functionnya diubah maka yang lain akan berubah tidak perlu merubah satu persatu – satu

selamat mencoba

Posted in: HTML, Pemrograman, PHP, Wordpress

Tags: category abjad, looping, menu abjad, PHP, Wordpress

This entry was posted on Tuesday, July 28th, 2009 at 4:57 am and is filed under HTML, Pemrograman, PHP, Wordpress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.