M. Kurniawan on October 07 2008 10:07 pm 3

WP Theme Tutorial #6b: Daftar Page-Link

Dari WP Theme Lesson #6b: Page-Link Listing oleh Small Potato diterjemahkan oleh Mochammad Kurniawan.

Sekarang anda sudah terbiasa dengan struktur dari Sidebar, kita lanjutkan bekerja pada Sidebar dengan daftar Page-link. Setelah Sidebar biasa selesai. saya akan menunjukkan bagaimana menjadikan Sidebar anda menjadi widgetize (bisa diwidgetkan).

Tambahkan kode di atas blok Kategori:

<?php wp_list_pages(); ?>

wp list pages

Simpan file anda dan refresh browser anda. Berikut ini tampilannya:

wp listing

Secara default, anda hanya mempunyai satu link Page, yaitu link About. Saya menambahkan halaman baru dan child-page pada blog offline saya. Itu mengapa saya mempunyai Page sebanyak empat level.

Pergi ke View > Page Source untuk melihat perubahan pada wp_list_pages() yang dijalankan oleh kode-kode yang anda tulis. Berikut ini adalah contohnya:

WP list pages default

Pertama, itu membungkus segalanya dengan sebuah list item (LI). Kedua, itu memberikan sebuah daftar yang bernama , Pages. Ketiga, akan menambahkan unordered list (UL) lain, di bawah judul Pages, dengan masing-masing daftar item. Keempat, akan emnampilkan link pada tag <li> dan </li>.

Pada screenshot sebelumnya, perhatikan bahwa judul “Pages” dari daftar tidaklah sama ukurannya dengan judul “Categories” pada daftar link Category.

Bagaimana agar keudanya sama ukurannya? Tambahkan ‘title_li=<h2>Pages</h2>’ pada wp_list_pages().

title li

Save file and refresh browser to see the change.

wp page listing2

title_li iadalah sebuah atribut yang digunakan untuk mengkustom tampilan dari judl daftar link Page.  <h2>Pages</h2> adalah nilai dari atribut title_li.

Kustomisasi lebih jauh:
Pada contoh saya, saya mempunyai empat level dari link Page. Beberapa layout/desain tidak bisa ditangani dengan banyaknya level dari link dengan Sidebar. Untuk membatasi dari level link pada daftar, tambahkan atribut depth pada wp_list_pages() dan ketikkan angka  3.

Add depth

Perhatikan, saya menambahkan depth=3& daripada hanya depth=3. Tanda & dimana untuk memisahkan  atribut depth dan title_li. (Jika anda hanya mempunyai link About, perhatikan tidak ada perbedaan yang menyolok.)

Di bawah ini adalah perbedaan dari daftar saya: (Bandingkan dengan screen-shot sebelumnya.)

WP page listing 3

Ikuti tutorial theme WordPress dari awal

Filed under Tutorial,WordPress Theme,Wordpress

3 Responses to “WP Theme Tutorial #6b: Daftar Page-Link”

  1. [...] #5c Postmetadata #5d Else, Post ID, Link Judul #5e Posts Link Navigasi #6 Sidebar (dan Categories) #6b Daftar Link Page(wp_list_pages) #6c Get Archives dan Tautan #6d Search Form dan Kalender #6e Membuat widget Sidebar #7 Footer #8 [...]

  2. [...] WP Theme Tutorial #6b: Daftar Page-Link : Mochammad Kurniawan 7 Okt 2008 … Dari WP Theme Lesson #6b: Page-Link Listing oleh Small Potato … Dari WP Theme Lesson #6c: Get Archives and Links oleh Small Potato … m-kurniawan.web.id/wp-theme-tutorial-6b-daftar-page-link.htm – Tembolok – Mirip [...]

  3. online says:

    awal yang baik

Leave a Reply

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled