Namun kelihatannya ada yang aneh. Ada satu jenis kode yang belum berwarna. Yaitu tag-tag dar wordpress itu sendiri. Seperti "the_post()", "the_time()" , dll.

Masalah pengkodean dari tema wordpress itu sendiri dapat kita peroleh dari website wordpress bagian dokumentasi. Jadi saya rasa itu bukan masalah. Sebelum menuju ke situ, saya harus menata layout atau tampilannya dulu. Yaitu menggunakan HTML dengan style CSS. Dan sebelum menata itu semua, saya harus punya desain bagian-bagiannya dulu.

Langkah pertama saya jalani, yaitu mendesain tampilan tema dengan menggunakan software Adobe Photoshop. Disini agak gayeng juga, karena kreatifitasku di tantang. Sebelum saya mendesain suatu desain, saya butuh inspirasi. Lalu saya coba lihat-lihat direktori tema wordpress yang sudah jadi. Setelah dapat gambaran, segera langsung saya buat.

Setelah kurang lebih 60% berjalan, tiba-tiba aku kehabisan ide! Sudah di paksa-paksakan, tetep g ada ide. Di tambah lagi dengan serangan malas yang menyerang bertubi-tubi. Ya udah, akhirnya nyerah deh sampe di situ. Dan inilah hasilnya:Kurang sidebar sama bagian utama utk post. Mungkin dari temen-temen ada ide?

Pada dasarnya yang membuat warnanya beda adalah style dari CSSnya. Jadi ada 2 jenis style yang bedanya hanya pada warna. Contohnya seperti ini:

Lalu yang kemudian adalah bagaimana caranya agar data yang di tampilkan itu classnya bisa selang seling seperti ini:

Kita akan memanfaatkan looping pada PHP untuk membuat seperti itu. Logikanya seperti ini: Kita deklrasikan bahwa variabel "baris" memiliki nilai "0". Saat "baris" berniali "0", maka kita akan mendeklarasikan bahwa "baris" bernilai "1" di tambah "baris". Maka kini baris akan bernilai "1". Saat baris bernilai "1", dari perhitungan sebelumnya dapat di simpulkan bahwa baris bernilai "0". Begitu seterusnya hingga baris akan bernilai 0, 1, 0, 1, 0, 1, 0, dst.

Coba logika tadi kita aplikasikan pada sebuah daftar hewan menggunakan PHP di bawah ini:

maka hasilnya class-nyaakan akan selang-seling antara 1 dan 0 seperti ini:

Sekarang tinggal bumbu CSSnya di tambahin kan jadi. Jika semuanya di susun maka akan jadi seperti ini:

Jika di akses akan jadi seperti ini:

=ROUNDUP(Bilangan;Angka Pembulat) atau =ROUNDDOWN(Bilangan;Angka Pembulat)

Suatu saat, saya membutuhkan kedua fungsi ini. Tapi bukan di Ms Excel atau yang sejenisnya, yaitu di pemrograman PHP. Saya coba ternyata tidak bisa. Malah jadi error.

Lalu saya cari info di situs resmi PHP dan akhirnya kutemukan juga. Kalau di PHP, fungsi round nyamasih sama, tapi RoundUp dan RoundDown nya ganti, yaitu Ceil & Floor. Entah kenapa kok bisa begitu. Padahal secara harfiyyah mungkin maknanya sangat jauh. Floor artinya lantai, ceil artinya melumur. Kok bisa ya???

Bila yang di minta adalah halaman depan maka akan menampilkan tampilan depan. Jika yang di minta adalah halaman profil, maka yang di tampilkan adalah tulisan profil. Bila yang di minta adalah halaman galeri maka akan menampilkan foto.

Nah, biasanya untuk menangkap perintah halaman yang yang di minta, saya menggunakan script ini:

$_GET['buka']==='depan'

bila di rangkai maka hasilnya adalah seperti ini:

Pada saat pengunjung mengakses file.php?buka=profil maka dia akan dibukakan file profil.php, bila mengakses file.php?buka=galeri maka dia akan dibukakan file galeri.php, dan bila hanya membuka file.php maka akan membuka depan.php.

Rangkaian script diatas jika di lihat sepertinya agak rumit yaa?? Nah sekarang aku punya script satu lagi yang fungsinya sama persis tapi lebih simple. Metode pengambilan datanya mengunakan script:

switch($buka)

Ini dia:

Dulu biasanya aku pake yang atas, tapi sekarang pake yang bawah. Karena lebih simple...

Lalu aku jawab, coba saja di utek-utek temanya. Bagian mana mas? Bagian comments.php.  Sudah mas, sudah saya ganti dan sudah saya delete, tapi tulisannya tetap ada. Masa' sih? Lalu aku coba. Ternyata memang benar, tulisan "Comment are closed" sudah benar-benar bersih dari comments.php tapi masih muncul pada blog.

Lalu gantian tak tanyain, kok tulisannya ndadak di hilangin segalauntuk apa sih? Katanya pada bagian pages memang ngga' mau di kasih comment. Ooo gitu. Kalo gitu kamu edit saja page.php dan hilangkan <?php comments_template(); ?>

Dan ternyata berhasil

Berbeda dengan tag template lainnya, tag template yang satu ini dapat memunculkan tulisan judul dengan sendirinya. Misal tag template wp_get_archives. Jika saya tuliskan baris code <?php wp_get_archives('type=monthly'); ?>, maka akan tampil Arsip bulanan mulai dari saat pertama kali blog tersebut terisi tulisan hingga bulan itu. seperti:

• January 2009
• February 2009
• March 2009

Tapi jika tag template wp_list_categories saya tuisakan dengan baris <?php wp_list_categories('title_li='); ?>, maka disitu akan memuncul title "Categories" seperti di bawah ini:

Dulunya saya bingung, darimana tulisan Categories itu berasal? Setelah cari-cari tau, akhirnya aku temukan jawabannya.

Ternyata setiap tag template pada wordpress itu memiliki aturan atau settings yang bisa di atur-atur. Tak terkecuali tag template wp_list_categories. Dan secara default, tag tersebut memang akan memunculkan judul atau title Categories. Defaultnya seperti ini:

$defaults = array(
'show_option_all' => '',
'orderby' => 'name',
'order' => 'ASC',
'show_last_update' => 0,
'style' => 'list',
'show_count' => 0,
'hide_empty' => 1,
'use_desc_for_title' => 1,
'child_of' => 0,
'feed' => '',
'feed_image' => '',
'exclude' => '',
'hierarchical' => true,
'title_li' => __('Categories'),
'echo' => 1,
'depth' => 0
);
Jadi baris <?php wp_list_categories(); ?> akan sama dengan <?php wp_list_categories('title_li=Categories'); ?>.

Lalu bagaimana untuk menghilangkannya? Mudah saja. Kita tinggal mengaturnya dengan mengatur title_li=.Agar tulisannya hilang, isinya juga kita hilangi juga, dari title_li=Categories menjadi title_li=. Jadi hasil akhirnya <?php wp_list_categories('title_li='); ?>

Dulu konsep saya seperti ini: Yang saya inginkan adalah sebuah website yang saat halaman depan dibukak, maka konten yang diambil adalah seluruh komponon utama dari website. Namun pada saat halaman lainnya di bukak, maka disana hanya konten halaman baru saja yang di ambil. Sehingga komponen-komponen yang tadi sudah di ambil pada saat pertama kali membuka halaman depan tidak usah di ambil lagi, kita hanya mengambil konten yang dimana pada halaman baru tidak ada. Dengan begitu website akan sangat cepat di akses.

Dulu, sebelum aku tahu-menahu tentang ajax, tehnik yang saya gunaan sangat sederhana, yaitu menggunakan iFrame. Dengan mengarahkan target sebuah link ke frame tersebut, maka halaman target akan dibuka pada frame tersebut. Kelemahan dari menggunakan iFrame ini adalah panjang frame yang digunakan tidak bisa menyesuaikan dengan besar halaman yang di ambil, bisa kurang (sehingga mengeluarkan scroll bar) dan bisa lebih. Sesuai dengan sifat iFrame itu sendiri yaitu statis.

Lalu bagaimana membuat sejenis iFrame yang dimana panjangnya bisa menyesuaikan dengan konten yang ada di dalamnya? Maka Ajax menjadi jawabannya. Dengan sedikit di bumbui dengan Javascrip, maka halaman akan terlihat dinamis dan elegan.

Website yang saya maksudkan tadi adalah websitenya yang membuat websitenya Mario Teguh, yaitu Exnal. Website itu dibuat dengan konsep seperti yang saya paparkan sebelumnya. Disana bila kita membuka halaman lainnya, maka halaman baru hanya akan di load kontennya saja, sedangkan komponen lainnya tidak.

$site = 'www.musa.web.id';
$port = '80';
$check = fsockopen( "$site", "$port", $errno, $errstr, 6 );
if ( ! $check ){ echo("Wah, servernya sedang Down!");}
else{ echo "Server OK!";}


Simpan script tersebut dalam sebuah file, server.php misalnya. Buka file tersebut. Selesai, mudah bukan?

Bagaimana mengatasinya? Scriptnya sama seperti yang dulu. Tapi kita butuh penyeleksian artikel yang nantinya akan kita tampilkan. Pertama-tama kita akan memilih field penentu. Dalam kasus ini field penentunya adalah status dan type. Kemudian saat kita SELECT query nya kita arahkan ke dua field tadi (post_type dan post_status). Disini kita hanya akan menambah query WHERE.

yang tadinya $tampil_data = mysql_query(”SELECT * FROM wp_posts ORDER BY id DESC”);

kita ubah menjadi $tampil_datal=mysql_query("SELECT * FROM artikel WHERE post_status='published' &&post_status='post' order by id desc");

Beres dah...