Dalam merancang tema sebelumnya anda harus mengerti dasar dari desain teme yang akan anda buat. Secara umum struktur dari setiap template berbeda, tetapi dengan mengetahui struktur dasar template akan memudahkan anda dalam mendesain suatu template, memodifikasinya ataupun membangun kebentuk template yang lain.
Beberapa templates biasanya terdiri dari beberapa bagian diantaranya header, footer dan post section. Tetapi ada beberapa section (berikutnya disebut sebagai blocks atau container). Beberapa bagian tidak akan terlihat dilayar komputer, tetapi perintah html tersebut (tidak tampak) penting dan dibutuhkan dalam mendesain template anda.
Untuk memulainya berikut terdapat pemetaan struktur blog dan containernya :
Mari kita pelajari satu persatu bagian template tersebut :
- Body bagian terluar dari template anda biasanya meliputi seluruh layar komputer
- Outer-wrapper KOntainer ini menutupi seluruh template anda (bagian terluar dari template anda) Outer-wrapper dibangun untuk menempatkan kontainer-kontainer kecil didalamnya biasanya berupa content-wrapper, header, konten dan footer
- Header ini merupakan bagian paling atas dari blog anda (header). Tetapi didalam header akan dijumpai beberapa blocks jugaseperti : blok header title, blok header description, adsense banner, menu bar dan lain-lain. Jadi semua blok itu terkumpul dalam sebuah blok besar yang disebut dengan header atau biasanya disebut dengan header-wrapper
- Content ini merupakan blok yang berada dibawah header disebut dengan content-wrapper dan ini adalah bagian yang terpenting dalam desain templates karena dibagian ini terdapat posting artikel yang anda tulis beberapa sidebar (widget) mungkin 1, 2 atau 3 sidebar. Bahkan juga merupakan letak komentar ataupun iklan.
- Footer merupakan bagian terbawah dari template anda pada bagian ini anda juga membutuhkan footer-wrapper seperti bagian header untuk menambahkan sub-sub footer didalamnya
- Main merupakan kontainer yang berjalan didalam content-wrapper didalamnya terdapat Posting, Komentar, tanggal dan header lainnya yang dibuat dari add page elemen option.
- SideBar merupakan blok yang berisi widget. About Me, Labels, HTML dan lain-lain. Dalam template blogger standar hanya akan ditemukan 1 sidebar, sehingga terdapat 2 kolom template (main dan sidebar). Tetapi mudah dalam menambahkan sidebar seperti gambar diatas sehingga secara umum terdapat 2 sidebar dan 1 main atau disebut dengan tampilan tema 3 kolom. Setelah anda mengikuti tutorial ini anda akan mengerti betapa mudahnya menambahkan sidebar dan memindahkannya dari kiri ke kanan atau sebaliknya
- Blog Post bagian ini berisi hal yang sangat penting yaitu Judul Posting, Posting, Penulis Posting, Labels dan seabgainya
Berikutny astruktur dari tema jika dilihat secara hierarki dari struktur yang terbesar ke terkecil sebagai berikut :
- Outer-wrapper
- Header-wrapper
- Blog Title
- Blog Description
- Other widgets
- Content-wrapper
- Sidebar-wrapper (1,2,3...)
- Main-wrapper
- Date Header
- Posts
- Post Title
- Post Content (or called Post Body)
- Post Footer (Author, Labels, etc)
- Comments
- Feed Link
- Other widgets (mostly ad units)
- Footer-wrapper
- Footer text (disclaimer, copyrights, etc)
- Other widgets
Setelah anda memahami struktur dasar tema maka akn lebih mudah bagi anda dalam mengkostumisasi tema anda. Mempelajari struktur tema bukanya belajar mengenai HTML dan CSS tetapi lebih ke pengaturan peletakkan kode template jadi bagaimana pengaturan kode templatenya sesuai struktur yang diinginkan. Dengan sedikit pengetahuan pemrograman pun anda bisa menyusun sebuah template. Anda bisa mendesain ulang template anda hanya dengan mengerti beberapa bahasa HTML dan sedikit CSS.
No comments:
Post a Comment