Beranda

Rabu, 26 Maret 2014

Mudahnya Membuat Template Wordpress

Membuat template wordpress bagaikan bermain puzzle untuk bisa menghasilkan website yang baik dan bagus.Template ini harus berjalan untuk semua halaman sehingga template bersifat flexible. Pada umumnya website disusun oleh dua pondasi pokok yaitu HTML dan CSS. Kalau diibaratkan pada bangunan toko, HTML adalah struktur bangunan seperti atap, dinding, lanta dan lain-lain yang menghasilkan kekokohan bangunan, sedangkan CSS adalah gaya riasan seperti cat berwarna-warni, lukisan di dinding, lampu hias dan lain-lain yang bersifat menghiasai bangunan toko tersebut, tentu saja dengan tujuan meningkatkan daya tarik pengunjung sebanyak-banyaknya.


Demikian pula pada wordpress, pembuatan template disusun berdasarkan strusktur yang telah baku. Secara sederhana struktur template wordpress terdiri dari tiga blok yakni
  • Header, berisi semua informasi mengenai <meta>, <doctype>,<title> dan sebagian <body> dimana tag body ini yang berisi navigasi menu, logo, nama situs, dan lain-lain yang sifatnya lebih statis dari pada content.

  • Content, berisi semua content yang dapat disajikan seperti artikel untuk post, page, halaman 404, dan lain-lain, semua isi akan berbeda untuk setiap halaman yang tidak berubah hanya stylenya saja.

  • Footer, berisi informasi yang berhubungan dengan hak cipta atau kontak, bisa juga berisi navigasi menu yang disimpan di bagian bawah, dan lain-lain.
File yang harus dibuat setidaknya index.php, header.php dan footer.php yang mana masing-masing memiliki fungsi yang berbeda-beda. File index.php harus berisi loop dan memanggil header dan footer atau file php lainnya yang dibutuhkan
<?php get_header(); ?>
<?php get_footer(); ?>

loop dijalankan antara header dan footer. pada struktur yang lebih rumit lagi antara header dan footer bisa disertakan juga beberapa function lainnya seperti
<?php get_sidebar(); ?>
<?php get_search_form(); ?>

Jika anda selesai membuat template buatan anda sendiri, jangan lupa untuk mengecek jika ada error baik masalah tag penutup atau masalah css. Cara termudahnya coba saja di HTML Validator di http://validator.w3.org/

Tidak ada komentar:

Posting Komentar