Lanjutan dari seri Tutorial Cara Membuat Theme Wordpress Sendiri. Untuk memastikan tidak ada miskonsepsi, kami rekomendasikan anda membaca seri post ini dari awal :

Ok. untuk materi persiapannya kami kira cukup dengan 3 post diatas. sekarang kita masuk ke langkah – langkah membuat theme. Pada post kali ini kita akan membuat file dasar Theme Wordpress : index.php & style.css.

Perlu anda ketahui, tidak ada aturan baku langkah per langkah membuat theme wordpress. Selama theme tersebut bekerja, lakukan. jadi langkah yang kami buat disini adalah langkah “versi kami”, berdasarkan apa yang sudah kami lakukan :)

Sekarang, seperti yang sudah kami katakan pada langkah #0 : anda membutuhkan Engine Wordpress yang terinstall pada komputer lokal anda. sekarang, nyalakan XAMPP Control Panel, nyalakan server apache dan Database Mysql.

Buat direktori dengan nama latihantheme pada direktori themes wp-content anda. Jika anda menginstall sesuai petunjuk kami pada partisi C, lokasinya direktorinya berarti ada di : C:\xampp\wordpress\wp-content\themes\ . buat direktori latihantheme disini

lalu buka wordpress lokal anda : Buka browser anda, jika anda mengikuti panduan instalasi wordpress pada halaman lokal ini, maka ketik url address ini : http://localhost/wordpress/

Lalu, buka aplikasi Notepad++ anda.

Membuat File style.css

Ketik / Copy Paste script ini pada notepadd ++ anda :

/*

Theme Name: Theme Latihan
Theme URL: http://www.bloggingly.com
Description: Theme untuk latihan
Version: 0.1
Author: Nama Saya
Author URL: http://namabloganda.com
Tags: red, fixed width, two columns, widget ready

Theme ini di desain oleh <a href=”http://namabloganda.com”>Nama Anda</a>

*/

Save dengan nama style.css di direktori latihantheme ( C:\xampp\wordpress\wp-content\themes\latihantheme )

Membuat File index.php

Buka file baru pada notepad ++ anda.
Ketik / Copy Paste script ini pada notepadd ++ anda :

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
</head>

<body>
</body>
</html>

Save dengan nama index.php di direktori latihantheme ( C:\xampp\wordpress\wp-content\themes\latihantheme )

Memahami apa yang baru saja kita lakukan :

Sekarang masuk ke dashboard wordpress lokal anda. masuk ke bagian Design > Themes, Anda akan mendapati ada kolom baru untuk Theme Latihan :

  • Data yang anda ketik setelah Theme Name : menjadi nama theme anda
  • Data yang anda ketik setelah Theme URL : menjadi link nama theme anda
  • Data yang anda ketik setelah Description : muncul menjadi deskripsi theme anda
  • Data yang anda ketik setelah Tags : muncul menjadi tag untuk theme anda
  • Version. Author, Autor URL dan data Theme ini di desain oleh <a href=”http://namabloganda.com”>Nama Anda</a> tidak muncul di dashboard admin anda, namun anda tetap harus menuliskannya, karena data ini akan berguna ketika anda mensubmit theme ke direktori theme wordpress, atau ketika desain orang ingin melihat siapa pembuat theme melalui file style.css ini.

Yup, cukup untuk pembahasan post ini. Yang kami bahas pada post kali ini memang hanya pembuatan file dasar theme wordpress saja : index.php dan style.css

Ada pertanyaan? atau Ada langkah yang kurang jelas? Atau mungkin ada yang terlewat? izinkan kami mengetahuinya. silahkan sampaikan pandangan anda melalui kolom komentar  :)

Enjoy! :D

Anda merasa post di blog ini bermanfaat untuk anda?

Dapatkan update harian bloggingly GRATIS di RSS Reader anda! Subscribe sekarang RSS FEED BLOGGINGLY !

Apa itu RSS? Kenali RSS di halaman ini

Tentang Penulis

Fikri Blogger yang memiliki minat yang tinggi tentang blogging. Seorang melankolis-koleris, perfeksionis, narsis, puitis, romantis *halah*, kreatif, imajinatif dan doyan mikir. Untuk mengenal lebih dekat tentang Fikri, kunjungi halaman "about" blog pribadinya disini.

Tulisan terkait yang akan anda sukai :

4 Komentar Untuk Tulisan Ini

  1. Moslem says:

    makasi tuto nya cz

  2. firman says:

    aslm, salam kenal
    pertama saya dah istal XAMPP dan angine wordpress, tapi bukan pada C:\xampp\wordpress\wp-content\themes\ . buat direktori latihantheme, nelainkan di C:\xampp\htdocs\wordpress\wp-content\themes\ pada desaign themenya cuman muncul layar theme blank, itu gmn ?

  3. F says:

    di halaman Designnya belum ada screenshotnya? Ooh, itu karena belum file image screenshotnya. :)

  4. zackline says:

    nah ini dia gw cari.,…,.,.,…

    than’s om ane mo coba2


Trackbacks/Pingbacks

Berikan Komentar Anda

XHTML: Anda bisa menggunakan tag-tag ini: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Dapatkan Update Bloggingly, GRATIS, melalui:

RSS Feed Bloggingly, atau

Berlangganan via email:

Ketikkan alamat email anda disini dan klik subscribe. Setelah itu, setiap kali bloggingly menerbitkan tulisan, anda akan mendapatkan tulisannya di inbox email anda.

Apa itu RSS? Cari tahu disini.

Menjadi fans bloggingly di facebook

Blog Review Buku
Bandungkeun
Kontes NavinoT 2009
  • Behind Bloggingly

    Fikri Rasyid. Seorang melankolis-koleris, perfeksionis, narsis, kritis, puitis, romantis *halah*, kreatif, dan imajinatif sejati. Sudah ngeblog sejak oktober 2007. Untuk mengenalnya lebih dekat, silahkan kunjungi halaman about di blog pribadinya.
  • Dipublikasikan menggunakan Wordpress, didesain oleh Fikri yang berbahagia.