Bikin Tema WP: Layout

Jika kemarin anda sudah belajar menentukan zona-zona di blog termasuk juga membuat desain sementara blog. Saat-nya kita mengatur wilayah tiap zona. Seperti diketahui, kemarin kita cuma memberi nama saja zona-zona yang ada menggunakan tag DIV. Nah, hari ini kita akan menentukan lebar masing-masing zona lengkap dengan tata letaknya sehingga tampilannya nanti akan mendekati design awal kita.

Untuk itu, kita akan buka kembali file index.php dan meminta file tersebut untuk mengakses file style.css yang akan menjadi pemandu dalam tata letak dan tampilan blog nanti. caranya gimana? Perhatikan baris 1 -4 di file index.php yang sudah kita buat kemarin. Disana terlihat kode seperti ini: Continue reading Bikin Tema WP: Layout

Dicari dengan kata kunci:

bikin tema wordpress,membuat theme wp,membuat layout dengan css,membuat template wordpress dengan dreamweaver,tema wp,cara edit template wordpress dengan dreamweaver,fungsi layout,membuat theme wordpress dengan dreamweaver,tema layout,layout tema

Bikin Theme WP: Designing

Nah, akhirnya sekarang kita melangkah pada tingkat yang lebih serius. Di artikel sebelumnya kita sudah bahas tentang index.php dan bagaimana mengimplementasikan halaman HTML ke dalam themes. Nah, sebelum kita mulai memasukkan kode-kode PHP serta fungsi WordPress, kita perlu mendesign theme dulu.

Untuk panduan sederhana kita nanti, kita akan buat sebuah theme seperti ini:

Contoh Design Theme
Continue reading Bikin Theme WP: Designing

Dicari dengan kata kunci:

bikin theme wordpress,bikin theme,bikin tema,membuat template wp sendiri,membuat tema sendiri wordpress,web sederhana dengan php,contoh layout wordpeess,thema wp,buat theme wp,contoh theme wordpress

Membangun WP Theme: index.php

Oke, inilah pertemuan ketiga kita dalam sharing cara membangun theme WordPress sendiri. Ini masih tingkat basic sehingga kita sama sekali belum mengutak-atik design sama sekali.

Setelah sebelumnya kita bahas soal pembuatan folder, dan penamaan theme melalui style.css, kita akan melangkah ke bagian yang lebih rumit sedikit yaitu file index.php. File ini bekerja sebagai pengatur apa saja yang ingin kita tampilkan di blog. Jadi ibaratnya gini, index.php itu mengatur pasukannya, dan style.css mengatur seragamnya. Paham kan?

Semua file theme menggunakan bahasa PHP, dan tentu saja bisa disusupi tag HTML mengingat hasil akhirnya nanti juga berupa HTML setelah diproses di server. Anda bisa pelajari lebih dalam soal PHP di http://www.php.net. Kita akan langsung saja mengisi file index.php yang sudah kita buat kemarin tapi masih kosong. Continue reading Membangun WP Theme: index.php

Dicari dengan kata kunci:

cara membuat index PHP,membuat index php,wp theme,yhs-ddc_bd,apa itu index php,cara membuat file index php,index php adalah,cara buat index php,membuat file index php,membuat theme wp sendiri

Membangun Theme WP: Style.css

Oke, sekarang kita mulai dengan membangun style dulu. Sebenarnya sih cara kerjanya bergantian antara file index.php dan style.css. Tapi karena informasi theme ada di file style.css, maka file inilah yang pertama kali kita buat.

Sebelum bicara terlalu banyak, untuk membuat theme WordPress anda membutuhkan sebuah server lokal (localhost). Anda bisa pakai AppServ, XAMPP atau yang lainnya untuk membangun server lokal di komputer pribadi. Sangat tidak bijaksana kalau anda membangun langsung di hosting. Selain boros bandwidth juga boros waktu. Saya anggap anda sudah tahu soal instalasi WordPress di localhost dan cara mengaktifkan themes. Kalau belum bisa, sebaiknya anda belajar dulu 🙂 Continue reading Membangun Theme WP: Style.css

Dicari dengan kata kunci:

theme wp,style css,cara membuat theme wp,cara membuat style css,Membuat Style css,cara edit theme wp,cara edit css wordpress,css untuk wordpress,Css theme,cara membuat wp theme

Cara Membuat Theme WordPress

Ini akan jadi tulisan bersambung karena saya pikir akan sulit menjelaskan cara membuat theme WordPress hanya dalam satu postingan. Kita akan mencoba membangun sebuah theme sederhana, tanpa gambar sama sekali. Untuk gambar, anda bikin sendiri ya? hehehe…

Sebelum kita memulai ngurusin coding, saya akan coba share dulu struktur berkas themes. Karena anda harus paham soal ini dulu sebelum beranjak mengutak-atik kode nanti. Continue reading Cara Membuat Theme WordPress

Dicari dengan kata kunci:

cara membuat wordpress,cara membuat theme wordpress,membuat theme wordpress,cara mendesain wordpress,cara membuat tema wordpress,membuat tema wordpress,theme wordpress,wordpress theme,membuat theme wordpress sendiri,tema wordpress