Temukan Rahasia 4 langkah yang akan membuat anda BISA membuat WEB berbasis HTML, PHP & MySQL

Tutorial desain theme WordPress: Perintah PHP di WordPress – Bagian 1




Mau Cari Informasi tentang Teknologi/Game? Cari Artikel Disini!


Terbit 27.08.2008. Edisi Aug 2008. Sudah ada 21 Komentar.
DHINATACOM

Pada artikel seri tutorial desain WordPress bagian 1, kita telah membahas berbagai file yang Anda butuhkan untuk membuat sebuah theme yang lengkap. Nah, artikel kali ini akan melanjutkan pembahasan mengenai isi dari file-file tersebut. WordPress memiliki banyak perintah-perintah dasar yang ditulis dalam bahasa PHP. Tugas Anda saat mendesain theme adalah meletakkan perintah-perintah dasar tersebut pada letak dan file yang tepat.

Agar lebih mudah memahami, kita akan coba 'bedah' masing-masing isi dari file theme WordPress. Tidak semua file dibedah, cukup yang berbeda aja. Kalau yang mirip-mirip bisa Anda pelajari sendiri secara otodidak. Berikut adalah berbagai macam perintah, definisi, dan letak file dimana perintah tersebut ada.

Membentuk Homepage Blog (index.php)

Skrip dasar dari index sebuah blog adalah seperti berikut ini.

PHP:
  1. <?php get_header(); ?>
  2. <?php if (have_posts()) : ?>
  3. <?php while (have_posts()) : the_post(); ?>
  4. <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a><br />
  5. Posted in <?php the_category(","); ?>
  6. <?php the_time(__('F jS, Y')) ?> by <?php the_author() ?>
  7. <?php the_content(__('Read the rest of this entry »')); ?>
  8. <?php endwhile; ?>
  9. <?php next_posts_link(__('« Older Entries')) ?>
  10. <?php previous_posts_link(__('Newer Entries »')) ?>
  11. <?php else : ?>
  12. <?php endif; ?>
  13. <?php get_sidebar(); ?>
  14. <?php get_footer(); ?>

LETAK SKRIP: index.php. Bisa juga digunakan pada file archive.php, page.php, search.php, dan single.php

DEFINISI:

<?php get_header(); ?>
Menyertakan isi dari file header.php pada homepage

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
/* skrip dipotong */
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>

Perintah if untuk memeriksa apakah posting yang diminta ada atau tidak. Pada halaman index, archive, dan search, perintah while berfungsi untuk mengulang perintah yang ada didalamnya (letak perintahnya ditandai oleh teks /* skrip dipotong */). Makanya meskipun perintah untuk menampilkan posting cuma ditulis sekali, tapi satu halaman bisa menampilkan lebih dari 1 posting sekaligus.

<?php get_sidebar(); ?>
Menyertakan isi dari file sidebar.php pada homepage.

<?php get_footer(); ?>
Menyertakan isi dari file footer.php pada homepage.

Penjelasan dari skrip yang dipotong juga dijelaskan diartikel ini pada bagian "Menampilkan Posting dan Informasinya".

Berbagai Perintah Pada Bagian Header (header.php)

Contih berbagai skrip PHP yang ada pada bagian header (file header.php).

PHP:
  1. <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
  2. <head profile="http://gmpg.org/xfn/11">
  3. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  4. <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
  5. </meta><meta name="generator" content="WordPress <?php bloginfo('version'); ?>"/>
  6. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  7. </link><link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url'); ?>" />
  8. </link><link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  9. <?php wp_head(); ?>
  10. </link></meta></head>
  11. <body>
  12. <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  13. <?php bloginfo('description'); ?>

LETAK SKRIP: hanya ada pada file header.php.

DEFINISI:

<?php language_attributes(); ?>
Menampilkan keterangan bahasa yang digunakan pada blog.

<?php bloginfo('html_type'); ?>
Menampilkan informasi muatan HTML.

<?php bloginfo('charset'); ?>

Menampilkan informasi standarisasi penulisan karakter yang digunakan.

<?php bloginfo('name'); ?><?php wp_title(); ?>
Menampilkan nama blog serta Judul blog. Keterangannya bisa diatur melalui halaman Admin.

<?php bloginfo('version'); ?>
Menampilkan versi dari engine WordPress yang digunakan. Misal 2.5.1.

<?php bloginfo('stylesheet_url'); ?>
Berfungsi sebagai tautan (link) dinamis yang mengarah ke folder theme yang sedang digunakan. Misal sebuah blog yang menggunakan theme bernama Love2, maka perintah PHP diatas akan secara otomatis membentuk link ke arah file style.css dari theme tersebut (Contoh: http://namablog.com/wp-content/themes/love2/style.css)

<?php echo get_option('home'); ?>
Berfungsi sebagai link yang mengarah langsung kehalaman depan (homepage).

<?php bloginfo('description'); ?>
Menampilkan deskripsi dari blog. Keterangan deskripsi bisa diatur melalui halaman Admin.

<?php bloginfo('pingback_url'); ?>.
Menampilkan target PING dari blog WordPress. URL akan mengarah ke sebuah file bernama xmlrpc.php.

Menampilkan Posting dan Informasinya

PHP:
  1. <?php if (have_posts()) : ?>
  2. <?php while (have_posts()) : the_post(); ?>
  3. <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a><br />
  4. Posted in <?php the_category(","); ?>
  5. <?php the_time(__('F jS, Y')) ?> by <?php the_author() ?>
  6. <?php the_content(__('Read the rest of this entry »')); ?>
  7. <?php endwhile; ?>
  8. <?php next_posts_link(__('« Older Entries')) ?>
  9. <?php previous_posts_link(__('Newer Entries »')) ?>
  10. <?php else : ?>
  11. <?php endif; ?>

LETAK SKRIP: index.php, archive.php, page.php, search.php, dan single.php

DEFINISI:

<?php the_permalink(); ?>
Permanent link dari sebuah posting (Contoh: http://dhinata.com/trend-menulis-untuk-blog-orang-lain.html).

<?php the_title(); ?>
Menampilkan judul dari sebuah artikel.

<?php the_category(","); ?>
Menampilkan kategori dari artikel yang ditampilkan.

<?php the_time(__('F jS, Y')) ?>
Menampilkan waktu publish artikel. Pada skrip diatas urutan penulisannya adalah Bulan-Tanggal-Tahun.

<?php the_author() ?>
Menampilkan nama author/user yang menulis artikel.

<?php next_posts_link(__('« Older Entries')) ?>
Menampilkan link untuk menuju posting berikutnya.

<?php previous_posts_link(__('Newer Entries »')) ?>
Menampilkan link untuk menuju posting sebelumnya.

Ok, karena sudah cukup panjang maka artikel sipotong menjadi 2 bagian. Besok kita bahas berbagai perintah WordPress untuk functions.php, sidebar.php, dan footer.php. Kalau ada yang salah tolong dikoreksi ya, coz saya memang bukan web programmer kok hehehe...

Oya, kalau ada yang kurang tolong ditambah ya.. ngacir

Jangan lupa berlangganan dan komentarnya ya! ayuk

Baca Juga:







Powered by FeedBlitz

komentar pembaca DHINATACOM

ditunggu Sidebar lessons. Sering berkutat di sidebar om dhinata... ayuk

 

Kayaknya masih banyak fungsi yang belom ada...
Fungsi buat apa ayo? sinchan
Belum dijelasin tuh...

Yah...gak keluar...
Maksudnya fungsi ...

Ehh...gak keluar lagi...
padahal udah pake tag code... gatau
maksudnya fungsi yang ada di file "header.php" baris ke-9... konslet

(Comments wont nest below this level)
 
 
 

Terkadang... kalau WP ganti versi ada fungsi yang berubah. Sedikit saran, jangan lupa ngoprek codex wordpress untuk fungsi-fungsi terbaru. Sukses!

 

ini dia artikel yang saya tunggu2, thanks ya, nice post

 
 
 

sip, belajar wordpress nggak susah lagi sinchan

wordpress memang lebih gampang kok mas dibanding blogger, menurut saya sih.. hehe

 
 

malu nocomment oy boleh nanya ga nweh cara buat hompage pribadi cz aqu masih awam nweh....????!!!!

maksudnya website/blog?

kalau mau yang cepat dan mudah pakai blog aja, kita hanya perlu belajar desainnya aja.. itu kalau mau cepet hehehe

 
 

tutorial keren bro....... tambah lagi donk... misal design menggunak photoshop gitu.. :D

usul yg bagus mas tedy, tapi sayang saya gak begitu mahir photoshop konslet

 
 

[...] kalo mau belajar bikin templates Wordpress sendiri bisa belajar dari blognya dhinata.com juga disini dan disana lengkap tengan [...]

 
 

thanks ya bwt sharingnya. pengen punya template ndiri nih nggaya tapi kelihatannya ruwet yah gatau

 

thanks bwt sharingnya. jd pingin buwat nih nggaya he he he nggaya :D

 

Bermanfaat banget nih artikel,
Ayo pada ke blog ini, belajar bareng-2.
Keep blogging bro, salam kenal

 

tank's ya mas infonya,,berharga banget buat saya,,kebetulan muter-muter cari artikelnya baru di blog anda saya dapet..hehee...salam kenal mampir di blog sederhana saya http://ahligiza.blogspot.com ,,kalau boleh tukeran link ya mas,,,terimakasih,, yess sinchan

 
 
Nama (harus diisi)
E-mail (harus diisi - tidak akan ditampilkan)
Alamat Website/Blog Anda. (tidak wajib diisi)

Komentar Anda (smaller size | larger size)
yess . tipi . tendang . sombong . sinchan . sial . senam . nyerah . ngiler . nggaya . nangis . musik . males . love . konslet . kembar . gatau . damn . bye . ayuk . ngacir . nocomment . malu . mimpi . licik . ide . capedeh . cendol . batamerah . salaman . recseller . cekemail . maho . marah . najis . takut . ngacir2 . sundul . janganribut . capedeh2 . nosara . kacau .
Petunjuk komentar:
1. Tolong tulis komentar yang berhubungan dengan topik artikel. Jangan mengirim SPAM!
2. Tag standar HTML yang diperbolehkan:
    <a href> <blockquote> <code> <strike> <strong>
3. Komentar yang tidak berhubungan atau SPAM akan dihapus.
4. Klik gambar emoticon diatas untuk menampilkannya pada komentar Anda.

Catatan: Beberapa emoticon yang ditampilkan merupakan hak cipta dari Kaskus - The Largest Indonesian Community.