Download Video Tutorial Web Bot Development
Salam. Mungkin banyak dari Anda yang web designer, yang sudah sekian lama bergelut di bidang html dan css, ingin sekali tau cara membuat template wordpress sendiri, tanpa mengerti bagaimana caranya, kalaupun tutorialnya ada itu pun dengan segala keterbatasan.
Tutorial kali ini penulis khususkan bagi Anda semua yang baru akan menginjak atau sudah lama di dunia web design, dan ingin tau caranya bagaimana cara membuat template wordpress sendiri.
Di tutorial bagian pertama ini kita akan mempelajari bagaimana dasar-dasar dalam melakukan pembuatan template wordpress. Mengapa wordpress? Banyak sekali alasannya, selain karena wordpress dapat dikostumisasi secara maksimal, web designer pemula pun dengan mudah membuat templatenya.
Meskipun mudah, tapi hal yang paling utama di butuhkan adalah logika. Jadi dari sekarang mainkan logika Anda.
Ada beberapa yang perlu di persiapkan dalam pembuatan template wordpress...
Pastikan Anda sudah menginstall xampp dan wordpress terlebih dahulu, misalkan letaknya ada di :
x:/xampp/htdocs/wplabz
ini adalah letak folder wordpress bagi Anda yang menggunakan xampp , diluar dari xampp silahkan di sesuaikan
Langkah 1
Di haruskan menyediakan satu buat template karya Anda sendiri, lalu tempatkan folder template Anda yang berisi file-file HTML, CSS, gambar-gambar dan lain lain, letakkan di
Struktur filenya kurang lebih seperti ini nantinya :
- Folder images,
- index.html,
- style.css
Jika struktur file template Anda masih belum seperti itu maka silahkan di sesuaikan , jika ada file-file tambahan yang lain biarkan saja. Tapi jelasnya file css untuk template nya bernama style.css jika ada yang meletakkan di dalam folder atau file css nya memiliki nama yang berbeda silahkan di sesuaikan dan di rapikan.
Langkah 2
Yang paling utama dari template wordpress adalah file index.php dan style.css nya. Namun sistem wordpress mendeteksi nama, jenis, deskripsi, dan pembuat template ada dibagian header dari file style.css seperti apakah ??
/* Theme Name: TemplateSayah Theme URI: http://www.ilmuwebsite.com Description: Ini adalah template percobaan gan! Author: Loka Dwiartara Author URI: http://facebook.com/loka.dwiartara Version: 1 */
Silahkan masukkan script tersebut di bagian paling Atas dari file style.css
Kemudian jika bagian template utama nama filenya adalah index.html maka silahkan diganti terlebih dahulu menjadi index.php
Setelah itu silahkan masuk ke dalam admin wordpress dan masuk ke bagian :
Appearance > Themes
http://localhost/wplabz/wp-admin/themes.php
dan lihat hasilnya ...
kita akan lanjut di pertemuan selanjutnya ...
silahkan download file latihannya di sini
http://www.ilmuwebsite.com/wp-content/uploads/2013/11/coolblue-template.rar
Begitulah tutorial bagaimana cara membuat template wordpress sendiri... Silahkan lanjutkan ke tutorial Cara Membuat Template WordPress Bagian 2 – Header
Loka Dwiartara
Ilmuwebsite Staff