Adhim Go Blog

Membuat Themes Wordpress Sendiri

Sebelum memulai membuat tema wordpress sendiri, ada baiknya kita kaji ulang, tentang file inti yang harus di sertakan sebagai bahan tema, langsung saja, persiapkan web editor / notepad, buka dan simpanlah 8 file php sebagai berikut dalam keadaan kosong : 1. index.php, 2.header.php, 3.sidebar.php, 4. page.php, 5. single.php, 6. comments.php, 7. footer.php, dan 8. style.css, jangan lupa buat folder images / img buat nyimpen gambar styles.css. Langkah kedua yakni mengenal fungsi code php pada wordpress itu sendiri, simak keterangan di bawah ini :

<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>

Berfungsi menampilkan info blog, code php tersebut di letakkan pada bagian meta-tag yang terdapat pada header.php. Jadinya seperti di bawah ini :

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

Fungsi memanggil title ⇒ <title><?php wp_title ();?></title>

Fungsi memanggil styles.css dan rss feed :

<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'); ?>" />

<?php wp_head(); ?>//berfungsi mengakhiri bagian meta-tag


Setelah tag </head> sekarang mari kita tampilkan fungsi berikutnya yakni :

Fungsi memanggil judul blog ⇒ <?php bloginfo('name'); ?>

Fungsi memanggil deskripsi ⇒ <?php bloginfo('description'); ?>

Fungsi memanggil menu ⇒ <?php wp_list_pages(); ?>

Fungsi memanggil kategori ⇒ <?php wp_list_categories ();?>

Simpan semua code php tersebut pada header.php, masalah layout silahkan buat sendiri sesuai dengan selera anda. Sekarang mari kita buka index.php dan kenali fungsi di bawah ini :

<?php get_header(); ?> // berfungsi memanggil header.php
<?php the_title(); ?> // berfungsi memanggil judul postingan
<?php the_author(); ?> // berfungsi menampilkan author
<?php the_time('F jS, Y'); ?> //berfungsi menampilkan tanggal dan waktu
<?php the_content();   ?> // berfungsi menampilkan content
<?php the_tags( '<p>Tags: ', ', ', '</p>'); ?> // berfungsi menampilkan tags
<?php edit_post_link(); ?> // berfungsi menampilkan edit post
<?php get_footer(); ?> // berfungsi memanggil footer.php

Untuk mengetahui fungsi yang lainnya ada baiknya anda kunjungi wordpress.org, atau anda setia menunggu sesi tutorial berikutnya. Sekian dulu yah, capek niiih, mau istirahat dulu.

Comments

Kalo alot ya di godok dulu biar gak alot, kalo ada saran baiknya gimana tutorial yang di harapkan, mampir lagi ya ....!

wah.. thanks alot ilmunya...
hati tambah menggebu - gebu pengen tambah ilmu nge blog nya..