Buat design wordpress sendiri?

12 Februari 2008 / 1 komentar / Wordpress Design
lam knal,
gw dah kenal sedikit banyaknya PHP & mysql, tp wordpress bru knal installnya doank….pengen bgt punya blog tapi dengan design yang gw mau…dari mana nya harus memulai nya untuk ngedit design wordpress sendiri?
thanx
ffelino, ffelino@plasa.com


Pertama kali saya memulai bermain-main dengan template wordpress sekitar tahun 2003. Saat itu saya juga ga terlalu tahu, tapi dengan trial dan error akhirnya mulai bisa. Langkah-langkah untuk mempelajari template wordpress adalah sebagai berikut:

  1. Install wordpress dulu
  2. Masuk ke template, coba utak-atik template itu. Di dalam template wordpress terdapat fungsi-fungsi tertentu untuk memanggil bagian dari template. Fungsi ini disebut sebagai template tag.

    Misalnya fungsi wp_list_cats('arguments'); untuk menampikan daftar kategori.

    Karena fungsi-fungsi template telah disediakan atau tinggal pakai saja, programming di template wordpress tidak terlalu dominan. Kamu bisa baca lebih lanjut tentang template tag dan apa saja macamnya disini.

  3. Coba bandingkan antara template tag yang kamu pakai dengan kode html yang dihasilkan.
    Contohnya, untuk tag wp_list_cats('') akan menghasilkan kode HTML :

    <ul>
    <li class="cat-item cat-item-5"><a href="http://www.sketsa.web.id/category/blogging-asik-dapat-duit"  title="Lihat seluruh tulisan dalam Blogging Asik Dapat Duit">Blogging Asik Dapat Duit</a>
    <li class="cat-item cat-item-18"><a href="http://www.sketsa.web.id/category/blogging-asik-dapat-duit/chitika"  title="Lihat seluruh tulisan dalam Chitika">Chitika</a>
    </li>
    <li class="cat-item cat-item-17"><a href="http://www.sketsa.web.id/category/blogging-asik-dapat-duit/design-mall"  title="Lihat seluruh tulisan dalam Design Mall">Design Mall</a>
    </li>
    <li class="cat-item cat-item-6"><a href="http://www.sketsa.web.id/category/blogging-asik-dapat-duit/google-adsense"  title="Lihat seluruh tulisan dalam Google Adsense">Google Adsense</a>
    </li>
    </ul>

    Kode ini bersifat standard, atau selalu sama. Sehingga saat nanti mendesain, kode HTML yang kamu buat harus sama dengan kode HTML yang dihasilkan oleh wordpress.

  4. Setelah tahu kode HTML-nya, kamu dapat mulai bermain dengan CSS.
  5. Jika dirasa sudah mampu memahami template wordpress, kamu dapat beranjak ke desain yang sesungguhnya :). Yaitu desain layout dengan Photoshop, kemudian diubah ke HTML + CSS lalu diubah ke template wordpress.
    Untuk pedoman membuat layout yang sesuai dengan wordpress, bisa kamu baca disini.

Sekian tutorial dari saya, semoga bisa memberi sedikit pencerahan tentang cara membuat design wordpress sendiri.

Satu komentar tentang Buat design wordpress sendiri?

  • LONNIE 5 Juli 2010 20:52

    < blockquote >< a href=”http://pillspot.org/”>Pillspot.org. Canadian Health&Care.Special Internet Prices.No prescription online pharmacy.Best quality drugs. Low price pills. Buy drugs online< /a >…

    Buy:Viagra Super Force.Viagra.Cialis Professional.Levitra.Viagra Professional.Cialis Super Active+.Tramadol.Maxaman.Soma.Propecia.Viagra Soft Tabs.VPXL.Cialis.Super Active ED Pack.Zithromax.Cialis Soft Tabs.Viagra Super Active+….

Mau Berkomentar ? Silahkan ...

Kamu harus logged in untuk mengirim komentar.