Indonesian [Bahasa Indonesia] translation by Hadie Danker [you can also view the original English article]
Berdasarkan artikel terbaru dari "PSD to HTML", tutorial ini akan menjelaskan template HTML/CSS dan mengubahnya menjadi theme Wordpress. Ada Begitu banyak yang dapat Anda lakukan saat membuat theme anda sendiri. Jadi, kita akan belajar bagaimana theme yang tersetruktur, pembuata files utama hingga memecah file index.php
Sekilas - Tentang Struktur Sebuah Theme Wordpress
Struktur sebuah theme WordPress sangat sederhana, saya ingin memulai dengan file CSS. Ini rincian segala sesuatu yang digunakan pada theme untuk wordpress. Kemudian ada file index.php
- ini adalah file
template yang bisa anda gunakan untuk meng include template dengan code PHP. Seperti apa yang ada di file header.php
dan footer.php
, juga dapat di gunakan untuk menginclude seluruh file yang ada di situs wordpress. Sekarang kebanyakan sebuah theme tidak hanya menggunakan empat file tersebut karena WordPress memungkinkan anda untuk menggunakan file template tata letak dengan isi yang berbeda. Dan itu di definisikan sebagai layout files, seperti archives.php
dan single.php
. Namun anda juga membuat file
sendiri, misalnya, jika anda menginginkan membuat halaman yang memiliki tata letak yang sama sekali berbeda dengan aslinya.
Karena ini adalah topik yang cukup besar maka kita akan membagi dengan dua seri, bagian ini akan membahas membuat tema sederhana namun berfungsi template standar HTML & CSS, dan bagian kedua akan membahas lebih banyak fitur canggih lainya.
Langkah 1 - style.css
Style sheet adalah file yang mendefinisikan tema untuk Wordpress. Ada
beberapa hal sederhana yang perlu anda lakukan. Yang pertama adalah mengubah nama utama [jika anda memiliki lebih dari satu] file untuk style.css
, berikutnya anda perlu menambahkan komentar di dalam file tersebut.
/* Theme Name: Typography Paramount Theme URI: //www.sixshootermedia.com/ Description: An image-less template focusing on Typography. Author: Sam Parkinson Author URI: //xseria.com Version: 1.0 . General comments/License Statement if any. . */
Kode di atas semua berada di dalam komentar, sehingga tidak akan mempengaruhi style. Sekarang aku mengisinya dengan beberapa detail, ini akan digunakan oleh WordPress untuk menampilkan rincian tema untuk admins. Pastikan anda meletakanya pada bagian paling atas tanpa white-spaces sebelumnya.
Saya sudah merubah nama file style sheet dari template, sekarang bernama 1.css
. Saya juga telah membuat folder baru yang di sebut typography-paramount
yang akan menjadi nama Theme WordPress pada saat saya mengupload nya. Letakan file style.css di dalam folder tersebut, tapi jangan di bawah direktori lain karena tidak akan terbaca oleh Wordpress.
Typography Paramount
- Link Here
- Link Here
- Link Here
- Link Here
- Link Here