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,

Saat ini, saya-pun sedang ‘berjuang’ melakukan 2 (dua) hal yang saya tuliskan pada judul di atas, yaitu pengaturan tempo dan konsistensi dalam menulis di weblog ini. Dua hal tersebut saya anggap penting dalam membangun personal branding melalui weblog. Sejauh mana kedua hal tersebut?, berikut ulasannya :

Pertama : Atur Tempo
Yang saya maksudkan di sini adalah, bahwa dalam melakukan aktifitas blogging (khususnya bagi yang bertujuan untuk membangun personal branding), maka kita perlu mengatur tempo dalam melakukan posting di weblog kita tersebut, sehingga akan menimbulkan efek positif bagi weblog kita -pembaca akan menunggu waktu tersebut.

Terkadang mood blogging suka datang tiba-tiba dan tidak bisa dipaksakan, kadang banyak yang ingin ditulis, tapi terkadang sebaliknya -tidak ada ide sedikit pun. Nah, untuk menyiasatinya kita lakukan penjadwalan publishing, jika memang sedang ada banyak ide, ya.. bersabarlah untuk tidak dulu langsung dipublish, biarkan saja dahulu tulisan itu menunggu di keranjang draft weblog kita, biarkan tulisan itu jadi “pahlawan” ketika kita kehabisan ide untuk menulis.

“World is flat”, demikian Thomas L. Friedman mengungkapkan keajaiban internet dalam menghubungkan manusia dari berbagai belahan dunia, sehingga apabila sekali kita “mengecewakan” pembaca atau calon pembaca weblog kita, maka weblog kita-pun akan semakin sepi pembaca. “Mengingkari” janji kepada pembaca weblog kita (tentang kapan kita posting), hal itu akan berdampak cukup besar dalam menurunkan popularitas kita di hadapan pembaca.

Kedua : Konsistensi
Konsistensi yang saya maksud di sini adalah konsistensi tema tulisan dalam weblog kita, ya.. harus konsisten!. Jika kita menentukan weblog kita sebagai diary online, maka isilah dengan kegiatan sehari-hari kita dengan detail dan penuh emosi; jika kita menginginkan weblog kita sebagai weblog programming, maka curahkan semua kemampuan programming kita pada weblog tersebut; dan seterusnya. Sehingga weblog kita secara bertahap akan memiliki pembaca yang fanatik dan segmented.

Mari kita lihat fenomena, si Kambing Jantan-nya Raditya Dika atau weblog mas Romi Satria Wahono. Kedua blog tersebut (salah satunya) mengandalkan konsistensi tulisan. Raditya dengan diary onlinenya dan mas Romi dengan tulisan ilimiahnya, keduanya telah mendapatkan begitu banyak pembaca setia yang fanatik dan segmented.

Nah, bagaimana dengan weblog anda? sudahkan temponya teratur dan isinya konsisten?. Kalau saya belum!, dan sedang menuju kesana.

Sumber Gambar “piano” : http://akuseniman.files.wordpress.com/

Hormat Saya,

“Just googling my name. Its all about me ”

Jawaban saya sebetulnya simpel dan emang saya tidak banyak macem-macemin webblog saya ini, cuma sedikit melakukan trik saja. Mau tahu trik-trik dahsyat dan spektakuler apa saja yang saya lakukan selama ini?, berikut ulasannya.

Pertama,
Membuat url webblog saya menjadi lebih bersahabat, maksudnya kebanyakan orang masih tidak memperdulikan url-nya tidak karuan seperti http://tsauri.co.cc/index.php?p=231. Nah, kalau saya menganggap url itu penting, biar ketika orang baru melihat url-nya saja sudah bisa menebak dengan jelas. Contohnya http://tsauri28.myhaley.com/blog/facebook-connector/ , anda bisa menebak kan apa isinya url itu?.

Karena saya saat ini menggunakan WordPress sebagai engine-nya, untuk membuatnya seperti diatas sangat mudah, caranya tinggal masuk ke wp-admin -> setting -> permalinks disana di bagian common settings saya pilih custom structure dan mengisinya dengan /%postname%/, untuk mempelajari lebih lanjut tentang struktur permalinks wordpress silahkan pelajari di sini!.

Nah, dengan langkah diatas (katanya) akan mempermudah search engine seperti google untuk dapat me-crawl website kita adalah dengan menjadikannya relevan dengan suatu topik atau tema tertentu. Tulisan saya tentang google crawling ada di sini!.

Kedua,

Membuat dan menjadikan Title dan Description webblog saya dengan senarsis mungkin . Ya, itulah yang saya lakukan. Titlenya

“Asep Sufyan Tsauri | Founder Myhaley.com, Moslem Technopreneur, Web designer, Freelancer”

terus descriptionnya

“Tulisan-tulisan Asep Sufyan Tsauri tentang teknologi, technopreneurship, ambisi, dan Cita-cita. Penulis sering menggunakan id dengan nama tsauri28, untuk dapat menghubunginya silahkan hubungi melalui email tsauri28@myhaley.com”.

Coba, gak narsis gimana? hehe.. pokoknya yakinkan search engine bahwa webnya Asep Sufyan Tsauri itu ya webblog ini (gitu loh). Nah, bagi yang belum tahu bagaimana memanipulasi title dan description beginilah caranya :

Coba buka file web anda, disana ada tag-tag html bukan?, nah coba sisipkan atau ubah (bagi yang belum ada) dibagian <head></head> dengan <title> title yang anda inginkan </title>, kemudian tambahkan juga <meta name=”description” content=”description yang anda inginkan” />. Juga bisa ditambahkan <meta name=”keyword” content=”<keyword apa saja yang anda inginkan” />.  Catatan : untuk keyword dipisahkan dengan tanda koma (,) Contohnya <meta name="keyword" content="freelancer, webdesign, dll, dst" />.

Nah buat pengguna wordpress ada plugin yang sangat membantu kita dalam memanipulasi title dan meta-meta lainnya namanya “All in One SEO” monggo lihat review-nya di sini!.

Demikian tulisan bagian pertamanya, mudah-mudahan bermanfaat!.

Tambahan :
Tulisan saya tentang google crawling ada di sini!.

Sumber gambar “Meta”  : http://gembong.web.id/images/2008/03/meta-tag.jpg

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,

Custom Fields, merupakan salah satu atribut dari post dalam WordPress (atribut lainnya seperti “Title”, “Post”, “Tags”, “Categories”, dst), berfungsi untuk memberikan keleluasaan kepada pengguna wordpress supaya bisa menambahkan field atau atribut dalam setiap post-nya. Ilustrasinya bisa digambarkan seperti ini :

Selain menampilkan artikel-artikel yang ditulisnya, sang blogger juga ingin menyertakan file agar bisa didownload oleh pembacanya, karena blog yang dia miliki adalah blog jurnal yang banyak dibutuhkan orang. Awalnya, setiap akan menyisipkan file yang siap didownload sang blogger membuatnya secara manual yaitu dengan cara membuat link ke file yang dimaksud dengan menuliskan "<a href="filenya.pdf">Download!</a>".
, awalnya sih ok, tapi selanjutnya itu membuat pekerjaan bertambah ribet, ditambah lagi posisi dan style-nya jadi tidak standar. Maka sang blogger menambahkan satu field dalam setiap postnya yang berisi alamat file yang siap didownload.

Pusing dengan ilustrasinya?, kita praktekkan saja langsung..

Hormat Saya,

Instalasi

1. Download plugin WP-Codeboxnya
2. Ekstrak sehingga menjadi folder bernama WP-CodeBox
3. Upload ke direktori plugin wordpressnya, yaitu wp-content/plugins/WP-CodeBox/
4. Aktifkan plugin WP-Codebox di bagian menu ‘Plugins‘
5. Atur/setting plugin di Option->Wp-CodeBox ‘set default setting’
6. Siap dipakai ! (penggunaan lihat di bawah ini)

Penggunaan

Dasar penggunaanya adalah : `<pre lang="LANGUAGE" line="1" file="download.txt" colla="+">` and `</pre>`.

• ‘lang’, dapat diisi dengan bahasa pemrograman apa yang akan kita tampilkan. contoh lang="java".
• ‘line’, maksudnya kode yang kita tulis dimulai dari baris ke-berapa, contoh kalau kita ingin menampilkan kode kita dimulai dari baris ke-15, maka tulis line="15"
• ‘file’, digunakan jika kita akan membagi kode kita agar bisa didownload oleh pembaca
• 'colla=+/-', adalah pilihan apakan code akan di-collapse atau tidak
• ‘and’, adalah kode yang akan kita tampilkan

Contoh Penggunaan

1
2
3
4
5

    public class Hello {
      public static void main(String[] args) {
        System.out.println("Hello World!");
      }
    }

Hormat Saya,

1. Admin Management Xtended, Plugin ini berguna untuk mempermudah kita dalam mengatur postingan kita. Dengan memanfaatkan Ajax plugin ini dapat menghemat/mengefisienkan waktu anda untuk mengatur post/page.
2. AJAXed WordPress, Plugin ini mengimplementasikan Ajax (inline) ke beberapa fungsi dari wordpress, seperti post, comment dan pagination. Gunanya akan menambah interaktifitas blog kita.
3. Article Templates, adalah plugin untuk membuat template dari article-article kita, sehingga diwaktu yang akan datang jika kita akan menulis suatu article maka kita dapat lebih cepat karena sudah adanya template. (contohnya di bawah tulisan ini ada signature yang merupakan default blog saya )
4. cforms, plugin yang sudah saya bahas disini..
5. Event Calendar, adalah plugin untuk membuat posting perupa deskripsi sebuah event yang akan kita laksanakan
6. Exec-PHP, yaitu plugin agar kita dapat menuliskan kode-kode PHP kedalam postingan kita
7. Flickr Tag Cloud Widget, plugin untuk membuat widget berupa Tag Cloud dari flickr kita
8. Google XML Sitemaps, adalah plugin untuk men-generate sebuah file xml yang merupakan sitemaps dari blog kita, sehingga kita dapat mendaftarkannya ke google webmasters
9. Pods, adalah plugin untuk membuat CMS di dalam WordPress kita, sehingga kita bisa membuat posting yang di dalamnya itu terdapat database khusus lagi
10. Shadowbox JS, plugin untuk mengotomasi agar setiap gambar/image yang kita tempel di postingan kita (asal memakai class="panel_wrapper“) menjadi shadowbox
11. Sociable Zyblog Edition, untuk menyimpan link otomatis ke social networking lainnya, sperti ke facebook, google, dsb.
12. WordPress Gravatars
13. wp-cache
14. WP-o-Matic
15. WP Ajax Edit Comments

Semoga bermanfaat!!.

Image pod source : http://pods.uproot.us/

Hormat Saya,