• Home
  • About
  • Migrasi Windows-Linux
  • Unofficial Site STMIK Bani Saleh

Tips Wordpress : Menampilkan Page dan Sub Page untuk ...

Earn Money with your Blog

Muhammad Rivai Andargini AKA Masim "Vavai" Sugianto More »

Tips Wordpress : Menampilkan Page dan Sub Page untuk Thread Tutorial July 10. 2007


Salah satu fasilitas yang menarik dari Wordpress adalah Page. Page bisa bertindak sebagai posting biasa namun tidak terikat pada aturan-aturan baku sebuah posting, misalnya, page tidak tergantung pada kapan dia diposting. Page dapat memiliki sub page (anak page) sehingga cocok digunakan sebagai media untuk menulis tutorial yang memiliki sub tutorial.

Contoh yang saya inginkan adalah sebagai berikut :


Yang menjadi masalah, Wordpress tidak menyediakan cara sederhana untuk menampilkan page dan sub page didalam page itu sendiri. Dalam pemahaman saya, jika saya melakukan klik pada suatu page, maka akan tampil deretan sub page yang dimiliki. Sebagian besar tutorial yang ada yang disampaikan oleh komunitas Wordpress adalah menampilkan page dalam bentuk sidebar, padahal bukan itu yang saya maksudkan.

Contoh kasus, saya ingin membuat sederetan tutorial dengan formasi sebagai berikut :

Panduan OpenSUSE --> Induk Page
........Panduan Instalasi --> Sub Page level 1 pertama
..................Mendapatkan CD/DVD OpenSUSE --> Sub Page level 2 pertama
..................Melakukan instalasi OpenSUSE via CD/DVD --> Sub Page level 2 kedua
..................Melakukan instalasi OpenSUSE melalui jaringan --> Sub Page level 2 ketiga
..................dst
........Panduan Setting Server --> Sub Page level 1 kedua
........Panduan Setting Desktop --> Sub Page level 1 ketiga

Semestinya, saya dapat membuat Induk page yang memiliki sub page. Jika seseorang melakukan klik pada induk page, akan tampil sub page yang dimiliki, begitu seterusnya. Ini yang tidak tersedia secara langsung pada Wordpress.

Thomas Arie Setiawan menguraikan deskripsi yang menarik mengenai berbagai variasi menampilkan page pada artikelnya, "List Page in Wordpress". Saya sudah mencobanya pada posting-editor namun tidak bisa berfungsi karena kesemua tips yang ada ditujukan pada file template langsung, bukan pada posting-editor atau page-editor. Mengubah template saya hindari, pertama karena saya kurang paham soal template dan yang kedua, hal ini tidak semudah melakukannya pada page-editor.

Mau melakukan list secara manual ? Wah, sorry deh. Ada 3 alasan untuk tidak melakukannya secara manual. Pertama nggak applicable karena kita terpaksa merubah satu-persatu jika ada perubahan page, yang kedua menghabiskan waktu dan yang ketiga, malu dong sama bidang pekerjaan. Masya kembali ke cara kuno :-D.

Setelah browsing kesana-kemari yang diselingi makan siang yang cukup enak (halah), saya menemukan plugin yang bisa memenuhi 90% keinginan saya. Nama pluginnya : ListSubPages.

Cara mengaktifkannya tidak jauh berbeda dengan cara mengaktifkan plugin yang lain, yaitu :

1. Download pluginnya. Karena ini file text, klik kanan dan save as. Kalau di klik langsung akan menampilkan kode tersebut.
2. Rename dd-list-subpages.txt menjadi dd-list-subpages.php
3. Aktifkan melalui Wp-Admin - Plugins
4. Setting opsi pada Options - DDListSubpages

Untuk menampilkan sederetan sub page yang dimiliki oleh suatu page, kita hanya perlu menambahkan kode <!-- ddlsp --> pada HTML editor (ingat, pada HTML Editor, bukan Visual / TinyMCE-WYSWYG Editor), mirip seperti kita menambahkan opsi "Read More".

Kita bisa juga menuliskan hal sebagai berikut :

"Berikut adalah daftar tutorial yang ada"
<!-- ddlsp -->

Hasilnya akan menampilkan daftar sub page dengan diawali tulisan "Berikut adalah daftar tutorial yang ada". Mudah sekali, bukan.

Jika kita ingin melakukan perubahan langsung pada template, kita bisa menambahkan kode berikut :
<?php echo ddlsp_generate(); ?>. Keuntungannya, kita tidak memerlukan looping untuk menampilkannya sehingga memudahkan kita meletakkannya pada berbagai tempat didalam layout template.

Saya puas 90% karena sebenarnya saya butuh fungsi yang sama yang bisa melewatkan parameter. Misalnya, saya bisa melewatkan parameter page-id sehingga fungsi tersebut hanya akan menampilkan anak dari suatu page yang dikehendaki. Fasilitas iniĀ  sekarang memang sudah ada, namun mesti hand-code melalui pilihan di plugin, jadi kurang leluasa. Mungkin mesti utak-atik sedikit supaya sesuai dengan apa yang saya inginkan. Mestinya sih nggak terlalu sulit.

Mau coba menampilkan sub page secara otomatis ? Gunakan saja DDListSubPage.
Muhammad Rivai Andarginiin Nice Stuff   Tuesday, July 10. 2007 @ 23:18
18 Comments Link to entry

Trackbacks
Trackback specific URI for this entry

No Trackbacks

Comments
Display comments as (Linear | Threaded)

hari ini hunting plug-in WP terus..
kayaknya mulai jatuh hati sama WP :-P
#1 wargimin on 2007-07-11 02:57 (Reply)
Sepanjang bermanfaat, saya akan cari tahu mas. Meski demikian, blog-blog utama saya masih pakai S9y kok, hehehe...
#1.1 Vavai (Homepage) on 2007-07-13 19:05 (Reply)
Mas gmn cara instal plugin nya kok wp-admin aQ ngga ketemu...tlong bantuannya,biasa baru amatiran wordpress....
#1.1.1 Quin on 2009-03-14 05:18 (Reply)
Numpang lewat mas...boleh buat referensi..salam kenal.. (:
#1.2 Barumbung (Homepage) on 2008-12-20 03:59 (Reply)
Bos,trimakasih atas pkugins-nya.Tapi aku kok kesulitan nemuin setingwp-admin/plugins/option.Sori pemula:)
#2 aan (Homepage) on 2007-11-14 07:34 (Reply)
Thx ya....

hansteru.wordpress.com
#3 Hansteru (Homepage) on 2007-11-27 04:46 (Reply)
salam kenal, informasi yang menarik, Trims. :-)
#4 GPSMAP 76CSx (Homepage) on 2007-12-04 12:35 (Reply)
Kalau ingin menampilkan sub pages termasuk kontennya mas? bahkan kalau perlu custom fieldsnya gimana?
#5 Jauhari (Homepage) on 2008-04-07 22:15 (Reply)
Thanks for the tutorial.
#6 Jose Jessica (Homepage) on 2008-05-20 21:41 (Reply)
Bos,trimakasih atas pkugins-nya.Tapi aku kok kesulitan nemuin setingwp-admin/plugins/option.Sori pemula:)
------
keluhanku sama kaya di atas ni..
gmn ya..??
#7 x-emge (Homepage) on 2008-08-27 09:58 (Reply)
Trims buat tutorialnya
#8 antigaptek (Homepage) on 2008-09-16 00:11 (Reply)
tenkyu mas, saya coba dulu
semoga berhasil :-D
#9 harry (Homepage) on 2008-11-29 03:34 (Reply)
Numpang lewat, boleh buat referensii..salam kenal...
#10 Barumbung (Homepage) on 2008-12-20 03:55 (Reply)
Nice tutorial
#11 Hansteru (Homepage) on 2009-01-09 17:23 (Reply)
makasih infonya.. dapat membatu saya.. mungkin akan saya coba..
http://standarpenilaiaan.blogspot.com/
#12 loan (Homepage) on 2009-01-18 09:17 (Reply)
langsung di coba dan menuju lokasi
#13 putrago (Homepage) on 2009-01-27 15:20 (Reply)
http://www.tehbenaluasli.blogspotcom/
#14 lan2 (Homepage) on 2009-01-30 00:16 (Reply)
mantap lah
byme salam kenal
#15 byme (Homepage) on 2009-04-02 01:52 (Reply)

Add Comment

Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA

BBCode format allowed
 
 
 
 

Since 2007-05-10

download web counters

Recent Entries

Tips Wordpress : Sticky Posting
Tuesday, July 10 2007

Alternatif PlanetPlanet ? Gunakan saja Serendipity
Thursday, June 21 2007

Tips Blog : Posting Terjadwal dan Keuntungannya
Friday, June 1 2007

Tips Wordpress : Menghindari Supplemental Result dengan Plugin "Duplicate Content Cure"
Saturday, May 26 2007

Tips Adsense : High Paying Keyword dengan Google Adwords Keyword Tool
Wednesday, May 16 2007

Tips Adsense : Memaksimalkan Pendapatan Adsense
Monday, May 14 2007

Tips Mengisi Blog : Expanding Your Life & Hobby for Good Quality Content
Sunday, May 13 2007

Tips Meningkatkan Alexa Rank untuk Website / Blog
Thursday, May 10 2007

Tips Adsense : Blog Betina untuk Mendatangkan Trafik
Tuesday, May 8 2007

Adsense Tips : Simple Page for Better Performance
Sunday, May 6 2007

Technorati

Blog Vavai

Tips Zimbra : MTA Relay Menggunakan User Authentication pada Zimbra 8
Sunday, March 10. 2013

Rilis Proxmox Virtual Environment (VE) 2.3, 04 Maret 2013
Monday, March 4. 2013

Excellent MX Backup/Anti Spam & Anti Virus Gateway
Sunday, March 3. 2013

Donasi Taman Bacaan Berbonus Modul Panduan Workshop
Sunday, March 3. 2013

Rencana Kegiatan Menggambar & Mewarnai untuk Anak-Anak
Sunday, March 3. 2013

Aplikasi DeltaISO untuk Kemudahan Mendapatkan File ISO Terbaru
Sunday, March 3. 2013

Workshop Replikasi, Cluster, Fail Over & High Availability Server, Selasa 12 Maret 2013
Sunday, March 3. 2013

Begin code

End code

Categories

  • XML Adsense
  • XML Nice Stuff
  • XML Serendipity


All categories

MyBlogLog

Begin code

End code


© Muhammad Rivai Andargini | Copyright 2007 Design by ceejay | Powered by Serendipity | Login