Codeigniter memilih tidak menggunakan seluruh kemampuan Object Oriented Programming(OOP) dengan alasan performance, namun Yii mematahkan anggapan bahwa OOP pasti akan mengorbankan performance. Memang bila dibandingkan dengan structural programming besar kemungkinan OOP tertinggal, namun dengan kemudahan pengembangan aplikasi menjadi nilai lebih bagi pengembangan dengan OOP. Yii yang namanya terisipirasi dari Wii yaitu game console revolusioner merupakan framework murni OOP dan hanya berjalan di PHP 5.1 keatas.
Berikut merupakan beberapa fitur dari Yii:

1. Menggunakan pola MVC, pola standar pengembangan aplikasi yang memisahkan tampilan, logic program, dan model.
2. Menggunakan database abstraction layer seperti Data Access Objects(DAO) dan Active Record untuk memudahkan interaksi dengan database.
3. Terintegrasi dengan JQuery Javascript Framework. Walaupun menggunakan JQuery sebagai internal javascript library, namun Yii dapat menggunakan library lainnya tanpa terjadi bentrok.
4. Mendukung Internationalization (I18N) and localization (L10N) untuk memudahkan pengembangan aplikasi dalam multi bahasa dan lokalisasi seperti penggunaan waktu dan tanggal.
5. Memiliki layer cache untuk cache data, halaman, sebagian, dan keseluruhan aplikasi sehingga dapat meningkatkan performance dengan beragam pilihan media cache. Penggunaan media cache seperti database, APC, memcache, dan sebagainya dengan mudah diatur tanpa melakukan perubahan besar pada kode.
6. Fitur penanganan error dan logging, sehingga memudahkan pengembang dalam melakukan debugging aplikasi dalam masa pengembangan aplikasi.
7. Penggunaan theme, memudahkan pengembang aplikasi dalam merancang tampilan aplikasi.
8. Console, penggunaan perintah pada console untuk melakukan beragam perintah otomatis seperti meng-generate struktur dasar aplikasi, model, crud, dan sebagainya.
9. Dukungan authentication dan authorization internal sehingga memudahkan pengembangan aplikasi dengan fitur autentikasi.
10. Widget, seperti pada Prado memiliki komponen pada Yii memiliki widget yaitu semacam kontrol yang memiliki fungsi tertentu seperti autocomplete, datapicker, table, dan lain-lain. Menggunakan JQuery sebagai javascript client sidenya.
11. Dukungan form input dan validasi. Memudahkan pengembang untuk bekerja dengan form pada aplikasi dan melakukan validasi input dari form.
12. Modular dan mudah ditambahkan dengan dukungan extensi dan komponen tambahan sehingga beragam fitur tambahan dengan mudah dimasukkan.

Saat ini Yii masih dalam versi 1 alpha. Namun menurut pengembang framework ini sudah cukup stabil untuk digunakan dalam produksi. Namun karena framework ini masih baru sehingga penggunanya juga masih sangat sedikit. Namun melihat fitur, kemampuan dan merupakan turunan dari Prado saya tidak ragu untuk memulai menggunakan framework ini.

Reference

• http://www.pradosoft.com/forum/index.php/topic,11022.0.html
• http://www.yiiframework.com

Full text indexing merupakan feature database yang salah satunya adalah MySQL, database yang banyak digunakan oleh web developer untuk mengembangkan aplikasi webnya. Full text indexing adalah teknik pencatatan atau penyimpanan data di dalam tabel database dimana data disimpan dalam bentuk terstruktur biasanya B-TREE atau struktur data lainnya dimana format penyimpanan ini memudahkan database dalam melakukan penelusuran data.

Contoh paling sederhana adalah dalam pencarian isi blog. Isi blog biasanya disimpan dan di index didalam database sehingga pencarian dapat dilakukan bila kita mencari isi post tertentu. Full text indexing akan melakukan index pada tiap kata yang ada didalam suatu post yang kurang lebih seperti ini:

• kata “adobe” ada pada post dengan id 10,12,20
• kata “photoshop” ada pada post dengan id 10, 13, 16
• kata “firework” ada pada postdengan id 2, 10, 20
• dan seterusnya

Dengan demikin bila kita memasukkan keyword adobe dalam pencarian maka kita dirujuk ke post dengan id 10, 12, dan 20. Namun tentu tekniknya tidak sederhana itu masih ada beberapa teknik lainnya yang bekerja dalam pencarian data. Contoh diatas hanyalah contoh sederhana dalam pencarian dengan bantuan full text indexing.

Full text indexing yang biasanya berguna mengoptimalkan pencarian pada database. Untuk jumlah data dengan skala menengah database dapan melakukan pencarian dengan cepat. Namun masalah akan timbul pada saat data terus bertambah dan jumlahnya mencapai jutaan baris. Masalah yang timbul antara lain

• lambat dalam melakukan insert atau penyimpanan data. Hal ini dikarenakan setiap data baru yang masuk maka database harus melakukan pengaturan index agar indexing berfungsi dengan baik
• memerlukan kapasitas penyimpanan yang besar, data dan index disimpan terpisa dalam database sehingga makin besar data maka index juga akan bertambah besar.
• konsumsi resource berlebihan, dalam penelusuran index akan diload kedalam memory dan menelusuri untuk mencari data yang diinginkan. Makin besar index makin besar pula memory yang dibutuhkan.

Bila demikian bagaimana beberapa website indexer seperti mininova.org yang meng-index torrent tracker yang jumlahnya jutaan data bisa menyajikan hasil pencarian dalam beberapa detik? Rahasianya adalah mereka melakukan external indexing, yaitu melakukan indexing data diluar database. Sehingga pencarian dan penelusuran data dilakukan di luar database sehingga tidak mengurangi performance database. External indexing dibantu dengan aplikasi yang khusus untuk melakukan indexing. Dua diatara aplikasi tersebut yang menjadi favorit adalah:

• Lucene, aplikasi indexing yang  paling terkenal. Dikembangkan dalam platform Java. Performance dan fungsinya sangat baik, namun masalahnya untuk berkolaborasi dengan PHP maka Lucene harus di porting ke PHP. Menurut beberapa sumber performance Lucene asli yang berplatform Java berbeda jauh dengan turunannya pada PHP dimana porting Lucene ke PHP memiliki performance lebih rendah.
• Sphinx, aplikasi indexing yang mendukung integrasi dengan MySQL dan PHP. Dengan demikian kita dengan melakukan indexing data yang ada pada MySQL dan menggunakan hasil indexing pada Sphinx untuk pencarian dengan PHP. Pada dasarnya memang dikembangkan untuk dintegrasikan dengan database.

Saya lebih memilih menggunakn Sphinx karena kemudahannya dalam integrasi dengan MySQL dan PHP. Namun bila anda tertarik dengan Lucene, Zend Framework juga memberikan dukungan kepada Lucene dengan mengembangkan component untuk Zend Framework untuk memudahkan pengembangan aplikasi dengan Lucene.

Konsep dalam melakukan integrasi dengan aplikasi web bisa dilakukan dengan cara sebagai berikut:

• Data disimpan dalam database dan external indexer. Jadi setiap memasukkan databaru dan update harus melakukan pada keduanya, database dan external indexer.
• Untuk setiap pencarian dan penelusuran data yang biasa dilakukan dengan query SQL “SELECT” maka dilakukan pada external indexer bukan pada database.

Dengan konsep diatas diharapkan dapat memberikan performance lebih baik untuk pencarian dan penelusuran data dalam database. Namun cara ini mengorbankan performance dalam penambahan dan perubahan data karena harus melakukannya 2 kali yaitu pada database dan external indexer. Jadi penggunaan external full text indexer sebaiknya hanya digunakan pada aplikasi dengan jumlah data yang sangat besar dan lebih banyak menjalankan fungsi pencarian data dan penelusuran data dibandingkan dengan penambahan dan perubahan data.

Referensi:

• http://jayant7k.blogspot.com/2006/06/benchmarking-results-of-mysql-lucene.html
• http://www.ibm.com/developerworks/library/os-php-sphinxsearch/
• http://www.sphinxsearch.com
• http://lucene.apache.org
• http://dev.mysql.com/doc/refman/5.0/en/fulltext-search.html
• http://framework.zend.com/manual/en/zend.search.lucene.html

1. User memasukkan keyword pada form search di aplikasi
2. Sesuai dengan keyword user maka aplikasi meload halaman results untuk menampilkan hasil pencarian.
3. Pada halaman results aplikasi akan melakukan AJAX callback ke aplikasi untuk memanggil fungsi screen scrapper untuk mengambil data dari torrent site indexer. Dengan AJAX maka aplikasi dapat mensimulasikan multi threading pada aplikasi.
4. Aplikasi akan mengambil data sesuai keyword dari torrent indexer seperti mininova, btjungkie, isohunt, dan lain-lain dengan menggunakan class CURL. CURL adalah class PHP yang berfungsi seperti browser sehingga kita dapat mengambil output HTML dari suatu website.
5. Hasil pengambilan HTML output akan diparser dimana parser harus dibuat masing-masing untuk tiap website yang ingin diambil datanya. Parser menggunakan phpQuery yang merupakan class PHP yang dibangun diatas class DOM untuk mengakses HTML DOM pada hasil HTML output dari website yang diambil datanya.
6. Hasil parser akan menyimpan data di database untuk digabungkan dengan semua hasil parser dari tiap web yang diambil datanya. Selain itu hasil juga akan menjadi cache bila ada user memasukkan keyword yang sama dalam jangka waktu tertentu.
7. Setelah proses parser selesai, aplikasi akan melakukan pencarian ke dalam database yang telah di index dengan full-text indexing sehingga memudahkan pencarian.
8. Hasil pencarian di database ditampilkan kepada user pada halaman results.

Jadi dalam aplikasi ini ada 3 class yang berperan penting yaitu CURL, phpQuery, dan DOM. CURL dan DOM merupakan extension default PHP5 sedangkan phpQuery merupakan class tambahan yang merupakan ported jQuery dari javascript ke PHP untuk manipulasi DOM.
Saya juga sempat melakukan perbandingan performance antara DOM, phpQuery, Simple HTML Parser, dan DOMXPath dan hasilnya adalah phpQuery lebih cepat dari lainnya. Selain lebih mudah melakukan parsing ternyata performancenya juga cukup baik. Hasil penelusuran saya juga menemukan bahwa untuk pengambilan content dari website lain lebih baik menggunakan CURL dari pada fungsi lainnya seperti fsockopen. Hal ini merupakan hasil test dari developer lain, dan saya tidak melakukan test langsung karena beberapa developer juga meng-amini hal ini.

Aplikasi semacam ini bisa digunakan untuk aplikasi lain seperti mengambil data kurs dari website bank, aggregator blog atau website berita, dan juga pembaca rss feed. Semua tergantung kreatifitas anda.

Resource server akan sangat terbebani oleh aplikasi yang kodenya tidak dioptimalisasi. Banyak orang yang mengatakan bahwa penggunaan framework akan membuat kinerja aplikasi akan berkurang dan resource yang digunakan akan sangat besar dibandingkan tanpa framework. Hal ini tidak 100% benar karena menurut saya performance suatu aplikasi tergantung optimalisasi yang dilakukan. Penggunaan framework memang akan lebih membebani server namun dengan optimalisasi aplikasi maka hal ini bukan suatu kendala. Misalnya penggunaan cache, dengan cache maka isu OOP yang dianut framework yang katanya butuh resource lebih besar hanya berlaku  pada saat awal loading. Load berikutnya resource yang digunakan akan sangat berkurang karena penggunaan cache.

Selain teknik optimalisasi cache ada beragam optimalisasi aplikasi yang dapat kita lakukan. Salah satunya optimalisasi kode program. Optimalisasi kode program akan membantu mengurangi beban server dalam eksekusi kode program pada saat menerima request yang berlebihan. Optimalisasi kode program PHP merupakan optimalisasi yang sangat dasar dalam perancangan aplikasi web. Setelah kode aplikasi di optimalisasi maka dapat kita lanjutkan ke optimalisasi database, dan web server. Berikut adalah beberapa panduan untuk mengoptimalkan kode PHP anda:

• Sebisa mungkin deklarasikan method dalam class sebagai statik
• Gunakan echo dibandingkan print untuk mengirimkan output ke browser.
• Gunakan

  echo ‘a’;
  echo ‘b’;
  echo ‘c’;

  Dibandingkan menggunakan

  $string='a'.'b'.'c';
  echo $string;

• Gunakan foreach dibanding menggunakan while untuk penelusuran.
• Unset variable yang telah selesai digunakan terutama variable yang membutuhkan memori besar seperti array.
• Hindari penggunakan magic seperti _get, _set, _autoload
• Penggunaan require_once membutuhkan resource cukup besar, jadi pergunakan seperlunya.
• Gunakan fullpath untuk include atau require karena bila menggunakan variable untuk path misalnya OS Path maka diperlukan waktu tambahan untuk parsing variable.
• Hindari penggunaan regex bila masih bisa menggunakan function string seperti srncasecmp, strpbrk, stripos, dan lain-lain.
• Untuk perbandingan variable, === akan lebih baik dibandingkan hanya ==.
• Tutup koneksi database bila sudah selesai digunakan.
• Hindari ouput error sebisa mungkin dalam aplikasi rilis sebaiknya hanya digunakan dalam debugging aplikasi;
• Jangan menggunakan fungsi dalam statement loop misalnya for ($x=0; $x < count($array); $x)  karena akan memanggil fungsi untuk setiap loop.
• Gunakan kutip untuk mengakses array. row[’id’] is 7  lebih cepat dari $row[id].
• Hindari penggunaan variable global.
• Gunakan single kutip dibanding menggunakan double kutip karena penggunaan double kutip akan mengecek variable di dalam string. Misalnya echo ‘Isi A=’.$a; lebih cepat dibandingkan echo “Isi A=$a”;
• echo $a,$b,$c lebih cepat daripada echo $a.$b.$c
• Sebisa mungkin gunakan html dari pada php untuk ouput. Misalnya

  <?php if($a):?>
  
     <p>A benar</p>
  <?php else:?>
  
     <p>A salah</p>
  <?php endif; ?>

  Lebih baik dibandingkan

  <?php
  if($a)
  	echo '<p> A benar </p>';
  else
  	echo '<p> B salah </p>;
  ?>

• Gunakan pengecekan variable sebelum mengecek tipe variable. Karena pengecekan tipe variable yang tidak ada akan memakan resource lebih banyak.
• ++$i lebih baik daripada $i++
• gunakan lowercase karena true lebih baik dariTRUE false lebih baik dari FALSE dan null lebih baik dari NULL
• $var===null lebih baik daripada  is_null($var)
• Untuk memanggil fungsi dalam class maka sebaiknya gunakan reference operator &

  $a= new ClassA;
  $b=& $a->fungsiA();

  akan lebih baik dibandingkan

  $a= new ClassA;
  $b=$a->fungsiA();

Daftar diatas bukan nilai mutlak dari performance aplikasi anda karena perkembangan PHP memungkinkan optimasi kode program akan lebih baik. Sebaiknya selalu gunakan PHP versi terakhir karena akan selalu ada peningkatan performance. Contohnya PHP5 lebih lebih cepat dibandingkan PHP4. Beberapa panduan diatas hanya sekedar referensi untuk optimalisasi saja, terkadang untuk memudahkan maka kita tidak mengikuti panduan diatas. Hal itu tergantung pilihan dan kebutuhan anda sebagai web developer.

Referensi:

http://reinholdweber.com/?p=3

http://www.phpbench.com/

http://phplens.com/lens/php-book/optimizing-debugging-php.php

http://www.pradosoft.com/wiki/index.php/Coding_Conventions_and_Guidelines

Konsep dari theme WordPress adalah menggunakan template tag. Halaman theme akan digunakan sesuai dengan halaman yang diload. Contohnya pada saat konten posting kita ditampilkan maka yang dipanggil adalah file single.php. Bila yang ditampilkan adalah page maka yang dipanggil adalah page.php. Demikian juga dengan pemanggilan archive, category, dan halaman lainnya.

Agar lebih dapat dimengerti silakan ikut langkah tutorial berikut. Berikut adalah langkah-langkah perancangan dasar theme WordPress:

1. Langkah pertama siapkan template HTML & CSS yang sudah siap pakai. Template ini berupa template lengkap yang merupakan halaman web statis yang akan kita ubah menjadi themes WordPress. Anda sebaiknya merancang template HTML CSS terlebih dahulu sebelum mengubahnya menjadi themes WordPress. Template ini nanti akan kita pilah-pilah menjadi bagian-bagian dari theme WordPress. Berikut adalah kode HTML dari template basic kita:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Untitled Document</title>
   <link href="style.css" rel="stylesheet" type="text/css" />
   </head>
   <body>
   <div id="container">
          <div id="header">
          <ul id="pagelist">
          <li>home</li>
           <li>about</li>
           <li>contact</li>
       </ul>
           <h1>Title Blog</h1>
           <h3>Blog Description</h3>
       </div>
       <div id="content">
          <div id="content-right">
           <h2>Category</h2>
               <ul>
                   <li>internet</li>
                   <li>flash</li>
                   <li>web</li>
                   <li>php</li>
               </ul>
            <h2>Archive</h2>
               <ul>
                   <li>03/2008</li>
                   <li>02/2008</li>
                   <li>01/2008</li>
               </ul>
           </div>
           <div id="content-left">
                 <h2>Posting title</h2>
               <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
               </div>
               <h2>Posting title</h2>
               <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
               </div>
               <h2>Posting title</h2>
               <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
               </div>
           </div>
       </div>
       <div id="footer">
          <p>Basic Template Footer </p>
       </div>
   </div>
   </body>
   </html>

   Dan file style.css yang merupakan file style dari template kita:

   @charset "utf-8";
   body{
          font-family:Arial, Helvetica, sans-serif;
          }
   #container {
          width: 955px;
          margin:0 auto;
   }
   #header{
          height:100px;
          border-bottom:1px dotted #666666;
          }
   #searchform{
          float:right;
   }
   #pagelist{
          margin-top:20px;
          float:right;
          text-align:right;
          list-style:none;
          clear:right;
          text-transform:lowercase;
   }
   #pagelist li{
          float:left;
          text-align:right;
          margin-left:20px;
   }
   #content{
          margin-top:20px;
   }
   #content-left{
          width:582px;
          }
   #content-right{
          background-color:#CCCCCC;
          float:right;
          width:360px;
          }
   #content-right h2{
          margin-left:10px;
          }
   #footer{
          margin-top:20px;
          clear:both;
          text-align:center;
          border-top:1px dotted #666666;
   }

2. Selanjutnya kita akan membagi atau memotong kode HTML penyusun template diatas. Kode HTML kita bagi menjadi 4 bagian menjadi 4 file PHP yaitu:
   • Header.php, file yang akan menyimpan bagian header theme WordPress. Yang perlu dipertimbangkan pada bagian ini adalah header akan selalu di load atau ditampilkan pada tiap halaman WordPress kita. Jadi potong bagian penting yang harus diload tiap kita akan membuka semua halaman blog. Contohnya adalah bagian tag <head> pada file HTML dan sedikit bagian pad tag <body> pada contoh template basic diatas bagian yang dimasukkan adalah pada bagian header. Jadi untuk pemotongan awal inilah isi dari file header.php:

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>Untitled Document</title>
     <link href="style.css" rel="stylesheet" type="text/css" />
     </head>
     
     <body>
     <div id="container">
            <div id="header">
             <h1>Title Blog</h1>
             <h3>Blog Description</h3>
         </div>

   • Index.php, yaitu file utama yang akan diload pada saat pertama kali blog kita dibuka. File ini merupakan halaman depan dari blog WordPress kita karena itu tempatkan bagian body dari HTML template basic kita yang merupakan bagian konten utama dari template kita. Pada contoh template basic yang merupakan konten utama adalah pada bagian konten posting di blok content-left. Dengan demikian isi dari file index.php adalah sebagai berikut:

     <div id="content-left">
                   <h2>Posting title</h2>
                 <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
                 </div>
                 <h2>Posting title</h2>
                 <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
                 </div>
                 <h2>Posting title</h2>
                 <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
                 </div>
             </div>
         </div>

   • Sidebar.php, yaitu bagian sub content dari blog kita. Pada sidebar kita menempatkan beberapa informasi singkat dari blog kita seperti kategori, arsip, daftar link, dan sebagainya. Pada template basic yang dimaksud sidebar adalah pada blok content-right. Karena itu isi dari file sidebar.php adalah:

         <div id="content">
                <div id="content-right">
                 <h2>Category</h2>
                     <ul>
                         <li>internet</li>
                         <li>flash</li>
                         <li>web</li>
                         <li>php</li>
                     </ul>
                  <h2>Archive</h2>
                     <ul>
                         <li>03/2008</li>
                         <li>02/2008</li>
                         <li>01/2008</li>
                     </ul>
                 </div>

   • Footer.php, hampir sama dengan bagian header yaitu bagian penutup blog yang akan selalu diload setiap blog kita diakses. Dengan demikian pada bagian template basic kita yang dimaksud adalah blok footer. Kita bisa menempatkan kode javascript pada bagian ini. Isi dari footer.php akan menjadi sebagai berikut:

         <div id="footer">
                <p>Basic Template Footer </p>
             </div>
         </div>
         </body>
         </html>

3. Setelah selesai membagi template basic kita menjadi sub-sub template maka selanjutnya kita akan mengubah kode-kode HTML biasa dengan menambahkan beberapa kode PHP yang merupakan template tag dari WordPress. Template tag ini berfungsi untuk meload isi sebenarnya blog kita dari engine blog WordPress. Dengan demikian template tag akan menampilkan isi-isi dari blog. Berikut adalah perubahan pada file themes basic WordPress yang telah kita potong-potong sebelumnya:
   • Header.php, pada file ini kita menempatkan template tag yang akan meload beberapa komponen blog seperti blog-title, blog-description, page-menu, dan lain-lain. File ini bisa dipanggil dengan template tag <?php get_header(); ?>.  Berikut isi file header.php yang kita ubah:

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
     
     <head profile="http://gmpg.org/xfn/11">
     <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
     
     <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
     <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
     <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
     <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
     <?php wp_head(); ?>
     </head>
     <body>
     <div id="container">
            <div id="header">
             <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
             <h3><?php bloginfo('description'); ?></h3>
             <div id="searchform">
                   <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
                 <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
                 <input type="submit" id="searchsubmit" value="Search" />
                 </form>
              </div>
     <ul id="pagelist"><li><a href="<?php bloginfo('url'); ?>">home</a></li><?php wp_list_pages('depth=1&title_li='); ?></ul>
         </div>

   • Index.php, pada file ini kita akan meload daftar posting yang kita miliki. Berikut isi dari perubahan pada file index.php:

     <?php get_header(); ?>
     <?php get_sidebar(); ?>
     <div id="content-left">
             <?php if (have_posts()) : ?>
     
                   <?php while (have_posts()) : the_post(); ?>
     
                          <div id="post-<?php the_ID(); ?>">
                                 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                                 <small><?php the_time('F jS, Y') ?>  by <?php the_author() ?> </small>
     
                                 <div>
                                       <?php the_content('Read the rest of this entry »'); ?>
                                 </div>
     
                                 <p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
                          </div>
     
                   <?php endwhile; ?>
     
                   <div class="navigation">
                          <div class="nav-left"><?php next_posts_link('« Older Entries') ?></div>
                          <div class="nav-right"><?php previous_posts_link('Newer Entries »') ?></div>
                   </div>
     
            <?php else : ?>
     
                   <h2>Not Found</h2>
                   <p>Sorry, but you are looking for something that isn't here.</p>
                   <?php include (TEMPLATEPATH . "/searchform.php"); ?>
     
            <?php endif; ?>
             </div>
         </div>
         </div>
     <?php get_footer(); ?>

   • Sidebar.php, pada file ini kita akan meload beberapa widget yang telah kita set pada wordpress administrator. Sidebar yang diload ada 2 macam. Bila sidebar dipanggil oleh hompage atau page biasa maka yang diload adalah sidebar 1, sedangkan bila sidebar dipanggil oleh single post atau halaman yang menampilkan isi posting maka yang dipanggil adalah sidebar 2. File ini dipanggil dengan template tag <?php get_sidebar(); ?> Berikut adalah isi perubahan pada file sidebar.php:

     <div id="content">
         <div id="content-right">
             <?php if ( function_exists('dynamic_sidebar')): ?>
                   <?php if (is_single()): dynamic_sidebar(2) ?>
             <?php else : dynamic_sidebar(1) ?>
             <?php endif; ?>  
            <?php endif; ?>          
     </div>

   • Footer.php, pada file ini tidak terlalu banyak fungsi yang penting. Hanya sedikit informasi mengenai blog ini. File ini dipanggil dengan template tag <?php get_footer(); ?>. Berikut adalah isi dari footer.php:

     <div id="footer">
            <p>
                   <?php bloginfo('name'); ?> is proudly powered by
                   <a href="http://wordpress.org/">WordPress</a>
                   <br /><a href="<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a>
                   and <a href="<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a>.
                   <!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. -->
            </p>
         </div>
     </div>
     <?php wp_footer(); ?>
     </body>
     </html>

4. Setelah mengubah file template basic kita menjadi file theme  WordPress maka kita perlu menambahkan beberapa file theme lagi untuk melengkapi theme kita agar dapat bekerja secara penuh. Berikut ada file-file yang perlu kita buat:
   • Single.php, merupakan file theme turuan dari index.php. Strukturnya hampir sama namun yang membedakan adalah isi yang diload. Anda bisa mengkopi file index.php dan menyimpannya dengan filename single.php dan mengubahnya sedikit.  Pada bagian isi posting dan postmetadata Berikut adalah isi dari file single.php:

     <?php get_header(); ?>
     <?php get_sidebar(); ?>
     <div id="content-left">
                   <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                          <div id="post-<?php the_ID(); ?>">
                 <h2><?php the_title(); ?></h2>
                 <small><?php the_time('F jS, Y') ?>  by <?php the_author() ?> </small>
                 <div>
                     <?php the_content('<p class="serif">Read the rest of this entry »</p>'); ?>
                 <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
                 <?php the_tags( '<p>Tags: ', ', ', '</p>'); ?>
                 </div>
                 <p class="postmetadata alt">
                 <small>
                 This entry was posted on <?php the_time('l, F jS, Y') ?> at <?php the_time() ?>
                 and is filed under <?php the_category(', ') ?>.
                 You can follow any responses to this entry through the <?php comments_rss_link('RSS 2.0'); ?> feed.
                 <?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                     // Both Comments and Pings are open ?>
                     You can <a href="#respond">leave a response</a>, or <a href="<?php trackback_url(); ?>" rel="trackback">trackback</a> from your own site.
                 <?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                     // Only Pings are Open ?>
                     Responses are currently closed, but you can <a href="<?php trackback_url(); ?> " rel="trackback">trackback</a> from your own site.
                 <?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                     // Comments are open, Pings are not ?>
                     You can skip to the end and leave a response. Pinging is currently not allowed.
     
                 <?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                     // Neither Comments, nor Pings are open ?>
                     Both comments and pings are currently closed.
                 <?php } edit_post_link('Edit this entry.','',''); ?>
                 </small>
                 </p>
                          </div>
            <div class="navigation">
             <div class="nav-left"><?php next_posts_link('« Older Entries') ?></div>
             <div class="nav-right"><?php previous_posts_link('Newer Entries »') ?></div>
            </div>
            <?php comments_template(); ?>
            <?php endwhile; else: ?>
                   <p>Sorry, no posts matched your criteria.</p>
     <?php endif; ?>
             </div>
         </div>
     <?php get_footer(); ?>

   • Selain single.php yang memiliki struktur mirip dengan index.php ada juga file yang mirip yaitu page.php. File ini digunakan untuk menampilkan halaman yang dibuat. Contohnya halaman about dan contact. Berikut contoh page.php:

     <?php get_header(); ?>
     <?php get_sidebar(); ?>
     <div id="content-left">
     <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <div id="post-<?php the_ID(); ?>">
                   <h2><?php the_title(); ?></h2>
                   <div>
                   <?php the_content('<p class="serif">Read the rest of this entry »</p>'); ?>
                   <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
                   </div>
            </div>
     <?php endwhile; else: ?>
         <p>Sorry, no posts matched your criteria.</p>
     <?php endif; ?>
         </div>
     </div>
     <?php get_footer(); ?>

   • Untuk menampilkan daftar komentar pada suatu post maka diperlukan file comments.php. File ini dapat dipanggil dengan template tag  <?php comments_template(); ?>

     <?php // Do not delete these lines
            if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
                   die ('Please do not load this page directly. Thanks!');
            if (!empty($post->post_password)) { // if there's a password
                   if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) {  // and it doesn't match the cookie
                          ?>
                          <p class="nocomments">This post is password protected. Enter the password to view comments.</p>
                          <?php
                          return;
                   }
            }
            /* This variable is for alternating comment background */
            $oddcomment = 'class="alt" ';
     ?>
     <?php if ($comments) : ?>
            <h3 id="comments"><?php comments_number('No Responses', 'One Response', '% Responses' );?> to “<?php the_title(); ?>”</h3>
            <ol>
            <?php foreach ($comments as $comment) : ?>
                   <li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
                          <?php comment_author_link() ?> says:
                          <?php if ($comment->comment_approved == '0') : ?>
                          <em>Your comment is awaiting moderation.</em>
                          <?php endif; ?>
                          <br />
                          <small><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('j F Y') ?> at <?php comment_time() ?></a> <?php edit_comment_link('edit','  ',''); ?></small>
                          <?php comment_text() ?>
                   </li>
            <?php  $oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : ''; ?>
            <?php endforeach; /* end for each comment */ ?>
            </ol>
      <?php else : // this is displayed if there are no comments so far ?>
            <?php if ('open' == $post->comment_status) : ?>
                   <!-- If comments are open, but there are no comments. -->
             <?php else : // comments are closed ?>
                   <!-- If comments are closed. -->
                   <p>Comments are closed.</p>
            <?php endif; ?>
     <?php endif; ?>
     <?php if ('open' == $post->comment_status) : ?>
     <h3 id="respond">Leave a Reply</h3>
     <?php if ( get_option('comment_registration') && !$user_ID ) : ?>
     <p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>
     <?php else : ?>
     <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
     <?php if ( $user_ID ) : ?>
     <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Logout »</a></p>
     <?php else : ?>
     <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
     <label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>
     <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
     <label for="email"><small>Mail (will not be published) <?php if ($req) echo "(required)"; ?></small></label></p>
     <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
     <label for="url"><small>Website</small></label></p>
     <?php endif; ?>
     <p><textarea name="comment" id="comment" cols="50%" rows="10" tabindex="4"></textarea></p>
     <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
     <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /></p>
     <?php do_action('comment_form', $post->ID); ?>
     </form>
     <?php endif;?>
     <?php endif;?>

   • Berikutnya adalah file functions.php yang merupakan file untuk menyimpan fungsi-fungsi yang berkaitan dengan theme buatan kita. Pada file ini kita mendeklarasikan widget yang kita inginkan. Pada file ini juga dapat memberi fungsi tambahan untuk administrasi theme dari WordPress administrator:

     <?php
     if ( function_exists('register_sidebar') ){
         register_sidebars(2,array('before_widget' => '<div id="%1$s" class="widget %2$s">',
     'after_widget' => "</div>",
     'before_title' => '<h2>',
     'after_title' => "</h2>"));
            }
     ?>

5. Selesailah theme WordPress kita. Sebenarnya masih ada file file lain yang dibutuhkan untuk menampilkan secara keseluruhan fungsi blog WordPress. Akan tetapi file tersebut tidak bersifat harus ada. Bila file tersebut tidak ada blog kita masih dapat menampilkan konten dengan baik. File-file itu dapat tergantikan oleh file default atau oleh file lainnya. Contohnya adalah archive.php,search.php,category.php, dll. Bila ingin tampilan theme anda dapat lebih spesifik maka anda dapat melengkapi file-file tersebut. Anda tinggal meng-copy semua file tersebut ke dalam 1 folder dan memasukkannya ke folder theme WordPress. Selanjutnya anda dapat mengaktifkan theme buatan anda dari menu Presentation pada WordPress Administrator.

Bila ingin menggunakan theme WordPress yang lebih lengkap maka theme default WordPress 2.3 adalah permulaan yang bagus. Kelengkapan fungsi dan file theme dapat dijadikan referensi untuk pengembangan theme anda sendiri.  Contoh theme wordpress yang kita gunakan diatas merupakan theme yang sangat dasar. Anda dapat memperbaiki theme tersebut dengan memodifikasi theme dan CSS dari theme tersebut. Anda juga dapat menambahkan beberapa gambar agar lebih menarik. Selamat berkreasi.

Referensi

• http://codex.wordpress.org
• http://codex.wordpress.org/Templates
• http://codex.wordpress.org/Theme_Development
• http://codex.wordpress.org/Blog_Design_and_Layout
• http://codex.wordpress.org/Developer_Documentation