thx ya mas zalukhu…Membuat sendiri wordpress themes tentunya sangat menyenangkan tetapi juga bisa bikin pusing bagi sebagian orang. Memang sih membuat theme wordpress bukan hal yang gampang karena selain membutuhkan sedikit pengetahuan bahasa php dan css juga kita harus pintar hitung-hitungan panjang dan lebar berapa pixel komponen-komponen yang ada di dalam themes. Imajinasi dan desian juga dibutuhkan karena itu tidak sedikit para pembuat themes menuangkan idenya pada sebuah gambar desain terlebih dahulu kemudian baru dituangkan dalam bentuk script php dan css. Pada dasarnya semua themes wordpress dibuat dengan memodifikasi theme default dan theme classic yang sudah ada pada saat penginstallan wordpress. Setelah minggu lalu saya berbagi Cara Meningkatkan Ranking Alexa, kali ini saya akan mencoba berbagi bagaimana memodifikasi sebuah themes wordpress dengan harapan kita bisa memiliki blog dengan theme yang kita inginkan, yang akan saya bagi dalam beberapa postingan. Pada postingan ini saya akan mencoba berbagi hal-hal mendasar yang harus diketahui apabila kita hendak memodifikasi sebuah themes.
Sebuah themes wordpress pada umumnya memiliki 3 bagian utama yaitu: script php, script css dan images, namun beberapa themes memiliki tambahan berupa javascript. Script CSS merupakan pengendali tampilan sebuah website yang termasuk wordpress themes. Pada themes wordpress script css dikumpulkan dalam sebuah file yang bernama STYLE.css disinilah terdapat pengaturan layout dan desain themes. Style.css inilah yang HARUS dimodifikasi jika kita ingin memodifikasi sebuah themes.
Bagian selanjutnya adalah Script PHP yang merupakan bagian utama dari sebuah themes. Jumlah file php dalam sebuah themes wordpress berbeda-beda, berikut jenis-jenis file php yang PENTING dalam sebuah themes.
- 404.php : File ini berfungsi untuk menampilkan pesan kesalahan error pada blog wordpress.
- Archive.php : File ini berfungsi untuk menampilkan artikel-artikel berdasarkan pada pencarian kata kunci, kategori dan waktu postingan.
- Archieves.php : File ini menampilkan kumpulan artikel-artikel berdasarkan kategori dan bulan postingan.
- Comments.php : File ini berisikan tentang pengaturan bagian komentar pada setiap postingan.
- Footer.php : File ini merupakan pengaturan bagian bawah / footer sebuah themes. Pada umumnya berisikan info blog dan identitas pembuat themes.
- Functions.php : File yang berisikan fungsi-fungsi dalam themes, di sini juga terdapat pengaturan apakan themes menggunakan widget dan jumlah sidebar.
- Header.php : File berisikan pengaturan header / bagian atas sebuah themes. Pada umumnya berisikan Judul blog dan deskripsi.
- Index.php : File yang berisikan tampilan awal blog.
- Page.php : File yang menampilkan blog per halaman.
- Searchform.php : File yang berisikan fungsi pencarian dalam blog.
- Sidebar.php : FIle yang bagian samping sebuah blog. Sidebar ini pada umumnya berisikan widget dan menu tambahan lainnya yang di letakkan pada sisi kanan dan atau kiri sebuah blog.
- Single.php : File inilah yang akan muncul jika kita membuka sebuah postingan.
Selain file-file php di atas, kita juga bisa menambahkan beberapa file php tambahan sesuai dengan kebutuhan. Misalnya saja pada kasus Sidebar.Php kita bisa membaginya menjadi 3 file yakni Sidebar.php , Sidebarkiri.php dan sidebarkanan.php semuanya tergantung kebutuhan asalkan file Sidebar.php TETAP ada.
Pada umumnya script php yang sering dimodifikasi adalah : Header.php, index.php, sidebar.php, footer.php. Selanjutnya, saya akan berbagi bagaimana memodifikasi Tampilan melalui Style.css.
Sebelum melanjut pada bagian kedua, ada baiknya jika kembali membaca topik yang ini serta yang ini, karena akan berguna pada praktek yang akan dibahas pada bagian kedua pembahasan Membuat Wordpress Sendiri.
Tulisan ini saya tulis berdasarkan apa yang telah saya lakukan dan bukan berdasarkan ebook atau buku apapun yang saat ini banyak dijual di toko maupun di internet. Karena pada dasarnya saya ingin berbagi apa yang saya pelajari secara gratis kepada sahabat-sahabat yang benar-benar mau belajar dan berbagi bersama-sama dengan saya, maka saya mohon artikel ini tidak di komersilkan. Jika ingin saling berbagi maka silahkan melink dengan artikel ini.. hehehe Jika sahabat-sahabat ada yang mau keluarin uang untuk membeli ebook atau buku tentang membuat atau memodifikasi themes ya silahkan saja..
Saya akan sangat berterima kasih jika teman-teman memasang link di blogroll atau dimana pun di blog masing-masing dengan deskripsi:
Text : Tutorial membuat Wordpress Themes
URL : http://www.zalukhu.com/tips-dan-trik/membuat-theme-wordpress-sendiri-bagian-1
Title : Tutorial membuat Wordpress Themes
Popularity: 10% [?]
Jul 10, 2008 at 12:02:03
baca teliti nih soal lagi menuju ke arah wp jadi musti banyak belajar
Jul 10, 2008 at 13:22:16
keduax…
Postingan selanjutnya sangat ditunggu ya bro…
Jul 10, 2008 at 14:37:09
pengen belajar buat WP sendiri nech… tapi ga isa2.
Jul 10, 2008 at 14:56:08
masih lom mudenggg…..
Jul 10, 2008 at 15:10:40
waduhhh.., garuk garuk kepala saya…
Jul 10, 2008 at 15:26:49
Ditunggu bagian 2-nya…3,4,5, dst.
Jul 10, 2008 at 20:15:40
Sudah ada tutorialnya toh, jadi tinggal belajar ajah izin copas neh bang…
Jul 10, 2008 at 20:43:04
hmmm….wordpress yah???kagak mudeng cara kerja wordpress saya….hehehe
eh yang di foto postingan saya kan kita berdua bersama teman-teman…hehehe
kabur yux….
Jul 10, 2008 at 20:44:05
@Tony : yu sama2 belajar..
@The Gands : hehe tq
@Malapu : sesuatu itu ada proses kan bro jadi mari belajar bareng2 hehe
@bocahiseng : mudeng opo toh?
@Juned : awas katombe hehe
@Ratna : amiennnn…. ntar kalo mampir lg ajak suaminya ya mba
@PutraEka : weks Copas hehe boleh aja asal jgn dirubah dan kasih sumbernya ya kan lumayan buat backlink hihihi
@Rudyahud : Hah ???!!! Buuuukaaaannnnn….
Jul 10, 2008 at 20:59:19
pas bener kemaren pernah lihat di toko buku, cara membuat theme wordpress.. untung belon beli, ternyata bisa dapet di sini gratis!
Jul 10, 2008 at 21:25:59
mantaaapz, kapan² kalo ga sibuk bikin theme-nya ah
Jul 10, 2008 at 21:58:25
mimpi akan segra terwujud…Theme WP
Jul 10, 2008 at 22:44:31
Saya gak ngerti!!!! Tapi sekarang sudah tidak tergoda make WP lagi, soalnya Blogger juga makin yahud koq.
Jul 10, 2008 at 23:10:31
khu, aku nggak punya akun di wp nih…but your tips is intersting for them!
Jul 11, 2008 at 00:30:24
hmmm kalo buatnya gmn bos ?? masak dengan edit2 dari wp admin kita bisa jadi theme baru ??
Jul 11, 2008 at 01:13:50
wah asyiknya
boleh langsung dipraktekin nih
trm kasih ya atas info nya
sangat bermanfaat
*nanti sy report, berhasil atau tidak neh*
Jul 11, 2008 at 01:21:34
ntar kalo dah tamat dibuatin ebook ya
Jul 11, 2008 at 01:45:23
wah brooo bagian 2 nya mana tar klo dah pandai mo jual tmess aaah
oya buat teman-teman aku
ada themes premiuum tapi gratiis nih
mo coba dizini
http://tanpatinta.com/free-adspace-bannner-and-free-premium-theme-wordpress
Jul 11, 2008 at 08:38:55
sudah makin jatuh cinta ni sama WP, namun membuat themes masih angan2 karena memang unskill
semoga mas augus kapan2 bisa mengajari cara memodifikasi theme yang udah jadi menjadi theme yang sedikit berbeda
Jul 11, 2008 at 08:53:49
Kapan ya saya bisa semaster mas zalukhu?
Jul 11, 2008 at 09:13:27
mampir lagi ah….niat mau posting malah pemadaman dari PLN..batal deh T_T
Jul 11, 2008 at 09:34:20
wah bagus banget mas….jadi karya anak bangsa bisa terkenal . Indo punya 10 rg kayak mas , bis2 disegani seluruh dunia
Maju terus mas..dan berkarya
Jul 11, 2008 at 09:57:16
Mohon maaf karena buru-buru ada kerjaan, belum sempat upload gambar jadi bagian kedua mungkin baru saya publish malam ini. Yang pasti pada bagian kedua saya akan mengungkapkan sebuah MITOS yang selama ini salah dipersepsikan orang mengenai sebuah themes. Oh yah saya ga janjikan dalam waktu cepat bisa membuat themes sendiri lho.. mungkin butuh waktu asal sabar ya.. yang penting saya akan berusaha menyampaikan setahap demi setahap agar mudah dijalankan. Sekali lagi maaf karena baru bisa publish bagian kedua ntar malam..
Kyaaa dah mau jam 10 ada kerjaan masang VSAT nih hiksss cape
Jul 11, 2008 at 13:44:32
lanjuuttttt………..
Jul 11, 2008 at 16:00:44
cepet ya…
awas klo lama *kaboooorrr*
Jul 11, 2008 at 19:05:34
wow..satu lagi ilmu yg di dapet,,,
Jul 12, 2008 at 22:43:55
makasih tutorialnya Om..
minta izin Save As ya Om..
mau baca-baca lagi dirumah
Jul 14, 2008 at 10:48:17
eh komentar aye jd ga ada gimana mas?
Jul 30, 2008 at 02:39:50
I learned a lot by reading articles on your blog today.
Aug 3, 2008 at 18:06:13
Mau tanya pak, saya pake theme prosense. sidebar blog saya bermasalah, jadi posisinya bukan di samping tapi di paling bawah. Tapi kalau pakai themes default wordpress ga ada masalah*tapi saya ga suka*. Kira-kira ada masalah apa ya? File apa yang harus diedit?. Terimakasih.
Aug 3, 2008 at 19:07:38
@Izandi : Ada 3 kemungkinan Pak. Pertama, isi contesnt lebih lebar (width) daripada ukuran content yang dideklarasikan pada css.
Kemungkinan kedua, sama seperti yang pertama cuma dalam hal ini mengenai sidebar.
Dan yang ketiga width total yang dideklarasikan pada css lebih kecil daripada jumlah width content dan sidebar.
File yang di edit ya Style.css nya.
Aug 4, 2008 at 03:48:49
That was a well written article, very interesting,thank you for a good read.
Aug 13, 2008 at 17:05:06
kopi ah, buat panduan
Aug 17, 2008 at 16:25:52
makasih ya tutorialnya…, emang lagi butuh yang kayak gini