Theme ini saya dedikasikan untuk tempat kostan yang saya tempati sewaktu kuliah semester I sampai semester VIII bernama Fortuna.

Untuk dapat mendownload theme ini, silahkan klik di sini!

Versi

Saat ini theme ini baru versi 1.0 (04/08/09)

Fitur-Fitur

Theme ini memiliki beberapa fitur, yaitu :

1. Image Posting. Setiap posting dapat memiliki satu gambar ilustrasi yang di simpan di sebelah kiri posting.
2. Sidebar. Terdapat 2 sidebar yang dapat dikostumasi di menu Appearance -> Widgets.
3. Login Form yang terdapat di halaman depan.
4. Twitter Update yang ditempatkan di halaman depan.

Kompatibelitas

Theme ini sudah kompatibel untuk wordpress versi 2.8.3.

Tools

Theme ini dikembangkan dengan menggunakan beberapa tool, diantaranya :

1. CSS Grid System Framework -> GS 960.
2. Javascript framework -> JQuery.

Silahkan didownload dan saya minta masukannya.

Terima kasih.

Hormat Saya,

Terdapat beberapa fitur baru yang sangat memudahkan user, seperti theme installer dan plugin management update. Berikut ini 10 fitur baru yang di-review oleh nettuts.com (saya terjemahkan seperlunya).

Columns, Drag and Drop Dashboard

WordPress 2.8 memiliki dashboard yang lebih user friendly, dapat diatur apa saja yang ditampilkan dan bagaimana penempatannya. Fungsi drag and drop mengingatkan saya dengan layanan yang lebih dahulu mengusung fungsi ini, yaitu igoogle

Password Reminder

Ketika menginstall wordpress baru kita suka diberi password yang di-generete oleh engine, terkadang kita lupa dan merepotkan seakali. Versi 2.8 memberikan fasilitas pengingat password.

Themes Installer

Dalam versi-versi sebelumnya, wordpress baru hanya memberikan fasilitas install plugin. Dalam versi terbaru ini, telah ditambahkan fasilitas themes installer, jadi sekarang tidak repot lagi harus upload manual themes ke web server

Syntax Highlighter & Function Reference

Berita gembira bagi para developer wordpress, dalam versi 2.8 ini telah ditambahkan syntax highlighter dan function references untuk theme editor dan plugin editor.

Widgets Interface

Kini widget akan lebih mudah diatur, karena wordpress memberikan fasilitas widgets interface sehingga kita bisa melihat simulasi tampilan widget akan seperti apa.

Widget API

Fasilitas ini akan lebih memudahkan kita membuat widget sesuai dengan kebutuhan kita. Dengan adanya API, selain akan lebih memudahkan pembuatan juga akan membuat kode yang kita buat menjadi standar.

Time Zones and DST

WordPress kini mendukung time zone yang tidak terdapat di versi sebelumnya.

Custom Taxonomies

Satu hal lagi yang akan memanjakan para developer wordpress, pada versi ini kita dapat membuat taxonomi sesuai kebutuhan kita. Pada versi sebelumnya kita hanya mengenal 3 (tiga) taxonomi, yaitu category, post_tag dan link_category. Sekarang kita dapat menambahkan taxonomi sesuai kebutuhan kita.

Faster Administration Pages

Salah satu kelemahan wordpress versi sebelumnya adalah masalah performance dan loading times, ketika kita membuka wp-admin untuk membuat tulisan terbaru terasa sangat lambat jika dibandingkan dengan CMS lainnya. Dalam versi terbaru ini, wordpress telah memperbaharui hal tersebut, beberapa script telah dikompresi dan disederhanakan, sehingga masalah diatas diklaim telah teratasi.

Plugin Management Update

Sekarang wordpress menyediakan fasilitas update plugin secara otomatis, sehingga kita tidak repot lagi untuk install ulang secara manual.

Kesimpulan:

WordPress versi 2.8 memiliki banyak fitur baru yang menarik, khususnya untuk para developer. Namun sayang, sampai saat ini masih sedikit plugin yang sudah support versi ini.

Tulisan asli: http://net.tutsplus.com/tutorials/wordpress/10-wordpress-28-features-to-look-out-for/

Hormat Saya,

Sekarang saya ingin berbagi beberapa artikel / tutorial yang saya temukan tentang bagaimana melakukan WordPress Hacking, yang menurut saya menarik dan sangat bermanfaat. Selamat membaca!

BASIC
Di bagian basic ini ada beberapa tutorial yang membantu anda memahami bagaimana struktur WordPress dalam menangani custom themenya.

1. Buliding Custom WordPress Theme
2. WordPress Theme Hack
3. Multiple WordPress Installations Using a Single Database
4. WordPress CSS Guide
5. How to Create A WordPress Theme in 5 Minutes

PLUGINS
Tutorial-tutorial yang berhubungan dengan pembuatan dan modifikasi plugin WordPress.

1. Your First WP Plugin
2. How to Write Simple Plugin

BACK END
Berikut ini beberapa tutorial WordPress dalam memodifikasi back end-nya.

1. Custom Write Panels
2. WordPress as a CMS
3. Exporting WordPress Data

MISC
Tutorial-tutorial tambahan, namun sangat inovatif

1. WordPress SEO
2. Embedding WP into OS Commerce
3. Add a Twitter Field to Your Form

Hormat Saya,

Step 6
Dalam file comments.php ada 2 langkah yang dilakukan, yaitu melakukan looping komentar dan menambahkan form.

Untuk melakukan looping komentar lakukan perintah seperti berikut ini :

1
2
3
4
5
6
7
8
9
10

<?php if ($comments) : ?>
<?php /* Berfungsi untuk Menahan komentar yang harus dimoderasi*/
if ( $comment->comment_approved == '0' ) { ?>
<p class="alert">Thanks for your comment. It is currently in the moderation cue and will be visible for everyone to read as soon as I have verified it</p>
<?php } ?>
    <?php foreach ($comments as $comment) : ?>
       //lakukan looping di sini
    <?php endforeach; /* end for each comment */ ?>
    <?php endif; ?>
<?php endif; ?>

Nah, kemudian untuk menampilkan form agar tampil di bawah looping di atas, tuliskan kode berikut ini :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<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 &raquo;</a></p>
  <?php else : ?>
  <p>
    <input type="text" name="author" id="user-name" value="<?php echo $comment_author; ?>" />
  </p>
  <p>
    <input type="text" name="email" id="user-email" value="<?php echo $comment_author_email; ?>" />
  </p>
  <p>
    <input type="text" name="url" id="user-url" value="<?php echo $comment_author_url; ?>" />
  </p>
  <?php endif; ?>
  <p>
    <textarea name="comment" id="user-comment"></textarea>
  </p>
  <p>
    <input name="submit" type="submit" id="submit" class="button" value="Leave a Comment" />
    <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
  </p>
  <?php do_action('comment_form', $post->ID); ?>
</form>

Step 7

Hormat Saya,

Di bagian kedua ini, saya akan membahas tentang beberapa fungsi yang dapat digunakan khususnya fungsi looping yang terdapat di file index.php, single.php, page.php dan archive.php. Ayoo!!

Step 3
File index.php biasanya dibuat untuk menampilkan index posting yang ada pada blog, untuk melakukan hal tersebut gunakan perintah seperti di bawah ini :

1
2
3
4
5

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
             //lakukan looping disini
        <?php endwhile; ?>
<?php endif; ?>

Kode di atas merupakan operasi looping dasar dalam wordpress. Di dalam "//lakukan looping disini" dapat disimpan beberapa variabel yang berhubungan, seperti menampilkan judul, permalink, isi posting, dsb. Adapun beberapa variabel yang sering ditampilkan di dalam looping ini adalah :

1. <?php the_ID(); ?> untuk menampilkan id post
2. <?php the_permalink() ?> untuk menampilkan permalink
3. <?php the_title(); ?> untuk menampilkan judul
4. <?php comments_popup_link('0', '1', '%'); ?> untuk menampilkan jumlah komentar
5. <?php the_category(', ') ?> untuk menampilkan kategori posting
6. <?php the_tag(', ') ?> untuk menampilkan tag posting
7. <?php the_content(',');  ?> untuk menampilkan content posting

Terakhir kita tinggal memasukkan variabel-variabel diatas ke html yang telah dibuat sebelumnya. Contohnya untuk judul diberi tag <h1> menjadi <h1><?php the_title(); ?></h1>.

1
2
3
4
5
6
7

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
            <h1><?php the_title(); ?></h1>
            <small><?php comments_popup_link('0', '1', '%'); ?></small><br />
            <?php the_content(',');  ?>
        <?php endwhile; ?>
<?php endif; ?>

Step 4
Biasanya ketika link (menggunakan variabel <?php the_permalink(); ?>) yang terdapat di halaman depan (index.php) di-klik, maka akan menuju pada detail posting yang dimaksud. Nah, halaman tersebut diatur di single.php (untuk post) dan page.php (untuk page).

Dalam file singe.php ataupun page.php biasanya ditampilkan detail posting/page serta komentarnya. Nah, untuk menampilkan looping sama seperti di file index.php, yaitu :

1
2
3
4
5

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
             //lakukan looping disini
        <?php endwhile; ?>
<?php endif; ?>

Kemudian lakukan customizing seperti di step 3.

Setelah menampilkan posting lengkap, kita akan menampilkan komentar posting ybs serta form untuk menambahkan komentar baru. Untuk melakukannya kita tinggal meng-include-kan file comments.php diantara looping diatas (sebelum endwhile), yaitu dengan kode . Adapun pembahasan pembuatan file comments.php akan dibahas nanti (sabar ya.. ).

Step 5
Untuk melihat kelompok posting dalam kategori / tag / tanggal tertentu, biasanya diatur melalui file archive.php. Pada dasarnya hampir sama seperti pembahasan di atas (step 3, tentang index.php), namun untuk archive.php biasanya tidak menggunakan variabel <?php the_content(',');?> tetapi menggunakan <?php the_excerpt(); ?>. Contoh :

1
2
3
4
5
6
7

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
            <h1><?php the_title(); ?></h1>
            <small><?php comments_popup_link('0', '1', '%'); ?></small><br />
            <?php the_excpert(',');  ?>
        <?php endwhile; ?>
<?php endif; ?>

Nah segitu dulu untuk tutorial bagian keduanya. Untuk bagian ketiga akan kita bahas beberapa hal menarik untuk membuat theme yang kita buat lain dari yang lain.

See u..

Hormat Saya,

Asumsi awal, kita telah mempunyai 1 (satu) halaman template (.html) yang siap dikonversi menjadi theme wordpress. Nah, sebelum ke teknis bagaimana membuat theme tersebut sebaiknya kita bahas terlebih dahulu tentang struktur direktori dari theme wordpress itu sendiri.

WordPress memiliki struktur direktori theme yang cukup mudah dimengerti, wordpress menyimpan semua file-file theme kedalam satu direktori yang ditempatkan di bagian wp-content -> themes. Jadi jika kita akan membuat satu theme buat satu direktori (contoh : 2133), kemudian simpan di direktori themes.

Sedangkan di dalam direktori theme itu sendiri setidaknya memiliki file-file berikut ini :

1. style.css
   Ini untuk menyimpan style untuk theme kita. Tetapi ada hal yang penting disini, nama file harus tetap style karena engine wordpress hanya membaca nama file tersebut, kemudian di dalam file ini harus disimpan juga informasi tentang theme (akan dibahas selanjutnya).
2. screenshot.png
   Adalah file gambar yang akan dibaca oleh engine WP.
3. index.php
   File yang pertama kali akan di-render, biasanya untuk halaman utama blog.
4. functions.php
   File yang berisi fungsi-fungsi yang ada pada theme kita, seperti fungsi untuk pengaturan widget, panel dan sebagainya.
5. header.php
   File ini menyimpan header theme kita. Yang saya maksud header disini adalah bagian yang sering digunakan kembali dibagian lain (index, single, page, dsb).
6. sidebar.php
   File ini akan ditempatkan sebagai sidebar blog kita. Pengaturan agar terhubung dengan widget terletak di file functions.php, file ini pun adalah bagian yang sering digunakan kembali.
7. footer.php
   File untuk footer blog.
8. single.php
   Adalah file untuk halaman detail sebuah posting.
9. page.php
   Adalah file untuk halaman detail sebuah page.
10. comments.php
    File untuk menyimpan list komentar dan form komentar.

Untuk lebih lengkapnya (tentang struktur theme wp) bisa dibaca di wordpress codex, site architecture dan template hierarchy. Selanjutnya kita langsung lakukan langkah-langkah berikutnya :

Step 1
Buat folder theme yang akan kita buat, salin file html (dan kelengkapannya) ke folder tersebut. Kemudian buat 10 (sepuluh) file yang disebutkan diatas (file kosong pun tidak masalah).

Step 2
File css yang telah dibuat, sesuaikan dengan ketentuan WordPress -rename menjadi style.css. Kemudian di baris paling atas tambahkan komentar berupa informasi theme yang akan dibuat. Contoh :

1
2
3
4
5
6
7
8

/*
Theme Name: t-simple
Description: 2 Column, CSS, xHTML, JQuery.
Version: 0.1
Author: Asep Sufyan Tsauri
Author URI: http://www.tsauri28.myhaley.com/
*/
/* css-nya dilanjut disini */

Komentar ini akan dibaca oleh engine sebagai informasi utama theme.

Step 3

(sementara bersambung dulu ya.. )

Hormat Saya,