Membuat Theme WordPress Bag-2

Melanjutkan posting tutorial minggu lalu tentang bagaimana membuat theme wordpress. Minggu lalu sudah dibahas tentang hirarki dan arsitektur wordpress serta beberapa setting awal yang harus dilakukan untuk memulai membuat theme wordpress from the scratch!

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,