Home » Uncategories » Bikin Template WP: Mendesain

Bikin Template WP: Mendesain

Bikin Template WP: Mendesain - Hallo sahabat Belajar Internet Gratis, Pada Artikel yang anda baca kali ini dengan judul Bikin Template WP: Mendesain, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Bikin Template WP: Mendesain
link : Bikin Template WP: Mendesain

Baca juga


Bikin Template WP: Mendesain

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
1. Header Blog
2. Content
3a. Sidebar lebar atas: Cocok untuk adsense atau iklan kotak besar
3b. Sidebar kiri: Kita pakai untuk menampilkan recent post, category, dll
3c. Sidebar kanan: Kita pakai untuk menampilkan banner iklan atau blogroll.
4. Bagian footer untuk menampilkan credit buat kita.
Bagaimana membuatnya?
Tahap awal yang kita lakukan adalah menentukan dulu bagian-bagiannya dalam file index.php. Dengan design seperti itu, maka kode HTML di file index.php akan seperti ini:
view plaincopy to clipboardprint?
  1. <html>  
  2.    <head>  
  3.       <title>Theme Ujicoba</title>  
  4.    </head>  
  5.    <body>  
  6.       <div id="wrap">  
  7.        <div id="header">  
  8.         Lokasi header ada disini  
  9.      </div>  
  10.      <div id="maincontent">  
  11.         <div id="content">  
  12.          Artikel akan muncul disini  
  13.       </div>  
  14.       <div id="sidebar">  
  15.          <div id="lebar">  
  16.             Iklan kotak ada disini  
  17.          </div>  
  18.          <div id="kiri">  
  19.             Menu-menu sidebar kiri ada disini  
  20.          </div>  
  21.          <div id="kanan">  
  22.             Menu-menu sidebar kanan ada disini  
  23.          </div>  
  24.       </div>  
  25.      </div>  
  26.      <div style="clear:both;"></div>  
  27.      <div id="footer">  
  28.         Footer ada disini  
  29.      </div>  
  30.     </div>  
  31.    </body>  
  32. </html>  
Udah mulai puyeng? hehehe.. Mudah-mudahan ndak ya? Saya kasih penjelasan dikit aja biar mudeng. Dalam HTML, semua yang ada diantara tag &lt;body&gt; dan &lt;/body&gt; akan dimunculkan di browser. Jadi sekarang kita fokus dulu pada kode-kode diantara dua tag itu. Oke?
Nah, di deretan kode diatas, saya menempatkan beberapa tag &lt;div&gt;. Tag ini kita pakai untuk menandai suatu wilayah. Nantinya, kita bisa mengatur tinggi, lebar background, warna dan apapun yang ada di wilayah tersebut. Jadi, biar gampang, div dipakai untuk menamai suatu wilayah.
Seperti di kode atas, saya menamakan beberapa wilayah sesuai fungsinya yaitu header, sidebar, content, footer, dll. Nah, sekarang mulai paham?
Oke, itu baru membuat design dan menamai wilayah sesuai design yang kita buat. Sekarang kalau anda nekat mencoba melihat hasil “kerja keras” anda, biasanya masih amat jauh dari design.

Sumber: http://wordpress.or.id/bikin-theme-wp-designing.html


Demikianlah Artikel Bikin Template WP: Mendesain

Sekianlah artikel Bikin Template WP: Mendesain kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Bikin Template WP: Mendesain dengan alamat link https://ilmutentanginternet.blogspot.com/2014/10/bikin-template-wp-mendesain.html

0 Response to "Bikin Template WP: Mendesain"

Posting Komentar

Langganan: Posting Komentar (Atom)