Cara Membuat Themes WordPress : Bagian 1
Posted in category: Themes Wordpress byCara terbaik untuk belajar membuat themes wordpress adalah dengan melihat contoh yang diberikan, sekaligus menciptakan tema sesuai dengan kreatifitas yang anda inginkan. Dalam hal ini yang harus di ingat adalah 2 buah themes standar wordpress default dan klasik. Kedua tema ini memberikan anda titik acuan, ketika anda membuat tema cobalah untuk memahami bagian yang ada didalamnya.
Pada postingan saya sebelumnya file dasar pada themes wordpress disana ada bisa melihat fungsi dari file tersebut. Dalam membuat tema saya pakai sekarang ini, saya mencoba memahani kedua themes standar wordpess dan 2 buat themes lainnya di antaranya themes Pro-sense Dosh Dosh dan themes revolution Brian Gardner ditambah dengan ebook wordpress design themes 2008 dan ebook dari cafebisnis.
Sebenarnya saya tidak mengerti CSS dan PHP tapi setelah dipelajari hal ini jadi menarik buat saya. Lalu bagaimana cara membuat themes wordpress. Sebuah pertanyaan yang sangat bagus kawan. Caranya begini, hal pertama yang harus anda siapkan adalah kopi atau teh disamping meja komputer anda, kalau anda seorang perokok jangan lupa dibakar dulu rokoknya ya, hati-hati jengotnya kebakar juga, hehehe…..
Wah kepanjangan ne intronya, Oke dah kalau begitu. Untuk tahap awal kita memcoba membuat themes wordpress kosong dulu. Caranya begini;
Langkah pertama, kita membuat file sytle.css caranya buka notepad++ (jangan buka notepad bisa ntar puyeng). Bentuk file-nya seperti ini:
/* Theme Name: Themes WP Zaiful Anwar Theme URL: http://www.zaifulanwar.com Description: Belajar Membuat Themes WordPress Bagian 2 version: 1.0 BETA Author: Zaiful Anwar Author URI: http://www.zaifulanwar.com */
Copy paste script diatas ke notepad++ dan simpalah file dengan nama sytle.css. Fungsinya hanya untuk diskripsi themes wordpress. Udahan dulu ya untuk CSS-nya ntar kalau kepanjangan saya mahalan pusing jelasinnya.
Langkah kedua, kita membuat file index.php. buka file baru di notepad++ dan salin script dibawah ini:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<?php the_content('Read the rest of this entry »'); ?>
<?php the_time('F j, Y'); ?> by <?php the_author_posts_link(); ?> <?php edit_post_link('(Edit)', '', ''); ?>
<br />Kategori: <?php the_category(', ') ?> | Tags: <?php the_tags('') ?>
<?php endwhile; ?>
<?php else : ?>
<h2>Belum Ada</h2>
<p>Maaf, halaman yang dicari belum ada.</p>
<?php endif; ?>
Jangan ditanya ya script apaan tuh, puyeng untuk menjelaskannya. CopyPaste aja dah dan simpan file dengan nama index.php.
Setelah file sytle.css dan index.php jadi anda sudah bisa install themes wordpress kosong anda bisa melihat hasilnya di hosting local (localhost). Untuk menginstal wordpress di PC anda bisa menggunakan AppServ. Jika hasilnya seperti screenshot dibawah ini berarti tahap awal permbuatan themes sudah benar.
Untuk tahap awal pembuatan themes wordpress sampai disini aja dulu ya ntar kepanjangan. Berikutnya saya akan coba menguraikan cara membuat file header.php dan footer.php.
Sip mas. Saya tunggu kelanjutannya.
.-= Bisnis Online´s last blog ..Pembayaran BlogsVertise Telat =-.
Teruskan mas. Saya pengen belajar buat themes wp nie.
wah keren ni bikin themes,,, boleh dicobaaa
makasih mas inpohnya
.-= ismi´s last blog ..hah????!!!??? =-.
SALUT deh Mas, sangat kreatif dan inovatif bisa mengembangkan sendiri themes blognya.
.-= TuSuda´s last blog ..Sembulan Sinar Purnama di Akhir Bulan April =-.
Tipsnya cucok banget nih bagi yang suka utak-atis themes… Kalao saya sih pengguna saja..
Tapi tidak lupa mencantumkan nam si pembuat themes untuk menghargai karyanya…
Kunjungan balik nih.. Keep blogwalking ya kang…
.-= asepsaiba´s last blog ..Intermezzo si Ujang =-.
Saya tunggu tips/seri selanjutnya mas. Biar makin paham dengan struktur dasar theme wordpress. Maju terus deh mas.
.-= iskandaria´s last blog ..Trik Menghemat Waktu Saat Menyisipkan Link pada Posting WordPress =-.
Asrtisteer payah mas. Saya menggunakan cara manuals aja, dan mempelajari struktur themes standar bawaan wordpress (theme defol dan klasik) turs ditambah deh panduan CB.
Mas anwar saya sekedar saran nih, sebelum memulai style.css sebaiknya mas menggunakan css reset dulu gunanya agar masing2 browser akan sama tampilannya.
.-= satrya´s last blog ..3 Tips Security WordPress dari Matt Cutts =-.
woww… keren banget bang Iful nich…. lanjutkan bang….
mas kalo notepad++ itu kayak gimananya??
.-= Hakim´s last blog ..Hosting Gratis Yang Ciamik =-.
Notepad + + adalah gratis editor kode sumber dan pengganti Notepad yang mendukung beberapa bahasa.
Belum dunk mas danu, inikan baru tahap awal saja.
Walah kalau dituruti belajar templat nggak ada habisnya mas Zaiful.
OOT, kolom isian komentar ini overlap dengan side bar. Kayaknya perlu diedit lagi text area-nya.
Walah, saya gak ngerti PHP, tahunya cuma CSS dan HTML, tiupun cuma sedikit, cukup buat otak-atik/modifikasi template aja. masih belum bisa kalo buat template dari nol sendiri. ^_^
.-= Bung Eko´s last blog ..Film Menculik Miyabi Akhirnya Tayang Juga! =-.
[...] memanggil file header.php dan file footer.php, silahkan bukan file index.php terlebih dahulu, lihat cara membuat themes wordpress bagian [...]
[...] Cara membuat Theme WordPress Bagian 1 [...]
[...] Cara membuat Theme WordPress Bagian 1 [...]
liat-liat dulu..
ternyata susah ya..
themes yang ini simpel dan elegant juga..
Salam kenal
Selamat ya bizniz blogging templatenya. Saya pake artristeer edisi trial … kata itu menjadi hiasan backgraun themes wordpress.
Terima kasih.
[...] 1. Cara Membuat Themes WordPress Bagian 1. [...]
wahh, bisa jadi bahan belajar saya untuk membuat tema sendiri..
selama ini saya sudah berangan-angan untuk membuat tema yang sesuai dengan blog saya..
Thnks artikelnya..
.-= dery´s last blog ..Memberi Efek Transparan pada Gambar dengan CSS =-.
saya coba mas, saya tunggu info selanjutnya. makasi ya
di tunggu y berikutnya,n kalau sudah ada email ke sy oc!!
Kayaknya terlalu sulit deh bagi saya untuk membuat theme wordpress, harus mengerti bahasa php
Nugs´s last [type] ..Chatting Tanpa Harus Menginstal Software
slam kenal bung
boleh tukeran link ga?
bendotsz´s last [type] ..How To Know DoFollow Blog On Google Chrome Without Plugin
baru nemu tutorial ini.. thanks ya… aku lanjutin ke bagian 2
baju muslim´s last [type] ..Baju Muslim Gamis FD 2852
siiip … yuk mari … ikutan belajar yak kang …
Makasih gan sudah mau berbagi ilmu nya, semoga saja ilmunya ditambah ama yg punya ilmu…. thank’s gan.
Mamat citamannia´s last [type] ..iPhone Nano- A New Concept of Apple’s iPhone