Kip's Bandung

19
Apr

Cara Membuat Halaman Daftar Isi atau Index

Published By:   Related entries: Blogging   Tags: , , ,

Daftar isi atau index berfungsi untuk menampilkan link-link postingan blog yang pernah kita buat. Hal tersebut bisa ditampilkan berdasarkan waktu atau kategori. Daftar isi atau indek itu berfungsi menampilkan seluruh postingan-postingan dari blog atau situs yang dibuat, jadi cukup penting keberadaanya. Dengan adanya daftar isi atau index dapat memudahkan pengunjung (visitor) yang ingin menjelajahi lebih jauh isi dari sebuah situs atau blog.

Bagi pengguna WordPress, ada beberapa macam cara untuk membuat halaman khusus daftar isi, diantaranya dengan menggunakan plugin Clean Archives Reloaded yang berfungsi untuk menampilkan semua isi postingan berdasarkan waktu publikasi dengan menggunakan javascript. Plugin Dagon Design Sitemap Generator yang berfungsi menampilkan semua postingan berdasarkan kategori atau waktu, serta menampilkan halaman-halaman statis lainnya. Salah satu kelebihan yang dimiliki plugin ini adalah daftar isi bisa dibagi menjadi beberapa halaman sebanyak yang kita inginkan. Sangat berguna bagi blog yang sudah mempunyai banyak artikel tentunya. Selain itu ada juga plugin yang dapat digunakan untuk menampilkan daftar konten blog dengan menggunakan plugin Exec-PHP. Silakan download plugin Exec-PHP disini atau dari sini, dan petunjuk pemasangannya dapat dipelajari disini .

Cara lain yang bisa dilakukan untuk membuat daftar isi yaitu dengan menggunakan fungsi PHP. Dan cara inilah yang saya coba dan saya gunakan untuk membuat index blog ini . Dengan cara ini kode yang dibuat tanpa melibatkan elemen CSS sama sekali, dapat dibuat dan disesuaikan (diedit) dengan theme yang dipakai. Tentunya setiap blog mempunyai perbedaan tersendiri.

Langkah-langkahnya sebagai berikut:

  • Buatlah sebuah template halaman dengan membuat file php baru (misalnya dengan nama file: daftar_isi.php).
  • File yang dibuat tersebut berisikan kode dibawah ini:

<?php
/*
Template Name: Daftar Isi
*/
?>

  • Setelah itu copy semua isi dari file singel .php atau page.php (untuk blog ini saya mengambil isi dari page.php dengan asumsi lebih simpel tanpa ada kode2 tambahan lainnya) dan paste ke bagian bawah kode template diatas. Sehingga kodenya menjadi seperti:

<?php
/*
Template Name: Daftar Isi
*/
?>

<!– Kode page.php di sini –>

  • Cari kode berikut:

<?php the_content(); ?>

  • Kemudian gantilah kode tersebut dengan kode dibawah ini:

<ul>
<?php $page = (get_query_var(‘paged’)) ?get_query_var(‘paged’):1;query_posts(“cat=-27,-28&paged=$page&posts_per_page=50″); ?>

<?php while (have_posts()) : the_post(); ?> <!– start loop –>

<li>
<?php the_time(‘d/m/y’) ?>
:
<a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
</li>

<?php endwhile; ?> <!– end of loop –>
</ul>

  • Sebagai pelengkap tambahkah kode navigasi dibawahnya, yaitu:

<div id=”navigation”> <!– element ini tergantung theme yg digunakan –><?php if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } else { ?> <div class=”right”><?php next_posts_link(‘Next Page &raquo;’) ?></div><div class=”left”><?php previous_posts_link(‘&laquo; Previous Page’) ?></div><?php } ?></div> <!– element ditutup –>

  • Save file tersebut, dan upload ke direktori themes yang kita gunakan.
  • Selanjutnya buatlah sebuah halaman kosong dan beri nama sesuai keinginan (misalnya: Index).
  • Perhatikan option template dalam attributes halaman baru tersebut, setting atau rubah isian Default Template dengan pilihan nama file template php yang dibuat diawal (misalnya template name yang tadi dibuat: daftar isi )
  • Lalu publish (terbitkan) halaman baru tersebut.

Sebagai tambahan, disarankan untuk menginstall plugin wp-pagenavi, karena fungsi PHP untuk navigasi diatas sudah terintegrasi dengan plugin wp-pagenavi . Sebagai contoh hasilnya silahkan lihat daftar isi situs ini.

Related Post :

25 Responses to “Cara Membuat Halaman Daftar Isi atau Index”
kips Said:

Belum ngutak-ngatik blogspot :-D

[Reply]


irwan Said:

tambahan lagi…
mas ada referensi ngga.. buku atw apalah yg menjelaskan tata cara membuat weblog dari nol sampai jadi seperti punya mas yg sekarang ini.

[Reply]

dwi opus Reply:

Kalau mau ada di situs file hosting seperti 4shared, rapidlibrary. Kata kuncinya web. php, dll yang punya hubungan ke web. Cari yang formatnya pdf. Misal : web pdf, php pdf

[Reply]


haris Said:

kalo pake di blogspot gmn ya? sama gak?

[Reply]


heheh
kalau di blogspot
tinggal pasang scriptnya ajah banyak kok
langsung jadi
:D

[Reply]


z4nx Said:

udah daftar $ 10 nya gan ? mudah2an bukan scam ya..
ilmunya menarik, sayang ku pake opmin, jadi kurang maksimal..
thanks ilmunya …
sukses !

[Reply]


achie boerhan Said:

thanks ,infonya bagus. och iya……….daftar isinya otomatis atau nggak (setiap mosting di otak-atik lagi codenya).

[Reply]


Aris Said:

makasih om berhasil Ajip dah ni postingan

[Reply]


Langsung nyoba mas. Makasih.

[Reply]


Uka Said:

Thanks gan, nanti saya akan praktekkan…

[Reply]


gofur Said:

gua nyari nyari plugins ampe pusing boos,buat ngelist artikel,,eh nemu di sini..makasih dah boos..

[Reply]


KBM Said:

thank infonya gan

[Reply]


willya Said:

makasih infonya gan :) sangat bermanfaat sekali nih

[Reply]


tmm999 Said:

mkasih infonya,,,

[Reply]


esha Said:

sip…sip…sip
Buat yang senang berbagi cerita dan berita dari sisi jurnalistik
Gabung di Citizen Journalism EKSPOSRAKYAT. Anda bisa direkrut menjadi seorang jurnalis jika layak dan berminat.

[Reply]


mcfly01 Said:

terima kasih infonya , saya coba dulu di blog aku

[Reply]


ARtikel yang bermanfaat Gan

[Reply]


apeace Said:

adoh…adoh…
makin pening liat kode2 tu…
hmmm…
tapi supaya bisa…harus tetap semangat..
thank’s ya bro…!

:)

[Reply]


mas, fungsi plugin exec php untuk apa sih sebenarnya? kalau dibandingkan dengan dd sitemap bagus yang mana?

[Reply]


fakhri Said:

file php tuh maksudnya apa bro

[Reply]


jasa seo Said:

Saya suka blog ini. Banyak artikel yang sangat berguna. Terima kasih.

[Reply]


Terima kasih untuk berbagi informasi yang berharga ini.

[Reply]


Ok makasi untuk bantuannya

[Reply]


Leave a Reply

0+8=


Free Translation Widget

Kumpulan Pribahasa (Babasan-Paribasa) Sunda

Cara Membuat Halaman Daftar Isi atau Index
[spoilergroup] [spoiler intro="A"] Adab lanyap Jiga nu handap asor, daek ngahprmat ka ba...

Ngaguar Basa tur Budaya Sunda

Cara Membuat Halaman Daftar Isi atau Index
Lain pedah sugih ku elmu jembar ku pangabisa, lain pedah oge jegud pangaweruh tur jembar k...

Berbalas Pantun

Cara Membuat Halaman Daftar Isi atau Index
Ibarat makan sudah menjadi kebutuhan baku sehari-hari, beberapa jam disetiap harinya past...

Links

Subscribe Us