Tips Cara Bikin Theme WordPress
Baiklah sahabat, hari ini kita akan melanjutkan kembali bagaimana caranya bikin theme wordpress. Artikel sebelumnya kita membahas tentang bagaimana membuat file index.php, dan sekarang kita membuat design theme terlebih dahulu. my fesbukhttps://www.facebook.com/syaiful.sukma?ref=tn_tnmn
Sebelum membuat theme, tentunya kita harus punya design-nya dulu ya, kalau tidak kita design dulu, nanti bentuknya jadi membingungkan. Nanti kita akan membuat themes dengan design seperti ini:
Keterangan Gambar:
1. Header Blog
2. Content
3a. Sidebar lebar atas (Cocok untuk adsense dan iklan banner besar)
3b. Sidebar kiri (Sidebar ini kita akan menggunakannya untuk category, recent post dll.)
3c. Sidebar Kanan (Sidebar ini kita manfaatkan untuk menampilkan banner iklan atau blogroll).
4. Footer (disini kita bisa menampilkan credit buat kita sendiri).
Langkah Cara bikin theme WordPress
Tapan awal untuk yang harus kita lakukan adalah menentukan terlebih dahulu bagian-bagian dari file index.php. Mengacu pada gambar design diatas, maka susunan kode HTML yang ada di file Index.php akan nambak seperti dibawah ini:<html>Lumayan puyeng ya dengan kode-kodenya. Tapi jangan khawatir, jika di pelajari dengan perlahan dan sudah terbiasa, maka kita tidak akan merasa puyeng. Ketika awal belajar juga saya merasa puyeng, soalnya kagak ngerti kode-kode itu artinya apa. hehehe_
<head>
<title>Theme Ujicoba</title>
</head>
<body>
<div id=”wrap”>
<div id=”header”>
Lokasi header ada disini
</div>
<div id=”maincontent”>
<div id=”content”>
Artikel akan muncul disini
</div>
<div id=”sidebar”>
<div id=”lebar”>
Iklan kotak ada disini
</div>
<div id=”kiri”>
Menu-menu sidebar kiri ada disini
</div>
<div id=”kanan”>
Menu-menu sidebar kanan ada disini
</div>
</div>
</div>
<div style=”clear:both;”></div>
<div id=”footer”>
Footer ada disini
</div>
</div>
</body>
</html>
Untuk memahaminya, saya ceritakan sedikit mengenai fungsi-fungsi dari tag kode-kode HTML diatas. Di dalam kode Anda melihat tag <body> dan </body>? Nah, semua kode yang ada diantara tag tersebut itu yang nanti akan di munculkan dalam web browser. Fokus kita sekarang yakni pada kode-kode HTML yang ada diantara tag <body> dan </body>.
Anda pasti menemukan tag <div>, tag ini digunakan untuk menandai suatu wilayah. Misalnya header, footer, content, sidebar, dan lain-lain. Disini kita bisa mengatur tinggi, lebar, background dan apapun yang ada di wilayah tersebut.
Nah, penjelasan saya mengenai cara bikin theme wordpress cukup sekian dulu, nanti kita dilanjut lagi. Artikel ini saya sunting dari blognya Mas Lutvi Avandi. Semoga artikel ini bermanfaat bagi para pembaca yang hadir di blog saya.
Tidak ada komentar:
Posting Komentar