Cara Membuat ‘Read More’ di Setiap Artikel dengan Wordpress
Informasi ini mungkin sudah banyak yang tahu, tapi tidak ada salahnya kalau dibagikan ulang, karena banyak pertanyaan dari para blogger bagaimana cara membuatnya, termasuk blogger muda kita, WILL. ![]()
Sebenarnya caranya gampang banget sih, tinggak klik tombol ‘more’ aja, dan jangan lupa meletakkan cursor mouse di bagian artikel yang akan dipotong.
Oya, untuk wordpress versi 2.2 dan selanjutnya, fitur HTML editor telah disediakan, jadi tersedia 2 tab untuk membuat artikel, yaitu tab Visual dan Code. Tab Visual digunakan untuk langsung melihat hasil posting kita seperti apa nantinya, misalnya kita memberikan tag italic atau huruf miring, atau bold (huruf tebal), atau tampilan gambar yang kita masukkan di artikel kita. Sedangkan tab Code biasanya digunakan oleh pengguna yang mengerti bahasa HTML dan lebih terbiasa mengetikkan langsung tag-tag HTML yang diinginkan.
Kamu bisa lihat tombol ‘more’ untuk kondisi pada tab Code (yang diberi kotak ungu pada gambar pertama). Untuk tampilan dengan tab Visual di wordpress tombolnya akan berbeda, bisa dilihat pada gambar di bawah.
.
Mudah bukan? Jika ingin mengetikkan sendiri juga bisa (khusus untuk tab Code), ketikkan saja tag HTML seperti berikut:
<!--more-->
Jangan lupa, tag HTML di atas harus ditulis tepat di bagian artikel yang akan dipotong.
Nah, itu tadi bagian yang mudah. Sekarang, pertanyaannya adalah bagaimana caranya untuk mengganti kata-kata yang akan muncul setelah kita memotong artikel tadi? Kamu mengerti kan? Yang saya maksud itu kata-kata seperti “Read More” atau “Baca Selengkapnya” atau “Read the Rest of this Entry” atau “Continue Reading” atau kata-kata lain seperti itu.
Jawabannya sedikit tidak mudah. ![]()
Untuk bisa melakukannya kamu harus mengerti dasar-dasar bahasa HTML. Pertama, kamu harus tahu dulu letak folder theme atau template wordpress kamu. Biasanya sih letaknya ada di folder seperti berikut:
/home/usernamekamu/public_html/wp-content/themes/namatemplatekamu
Bukalah folder itu, kemudian cari file index.php, lakukan editing terhadap file index.php (buka dengan text editor pilihan kamu), kemudian cari kata-kata seperti ini di file tersebut:
<?php the_content('Read More') ?>
Kalau sudah ketemu, kamu ubah kata-kata Read More menjadi kata-kata pilihan kamu, misal seperti ini:
<?php the_content('Baca Selengkapnya') ?>
Untuk mengganti kata-kata menjadi gambar tertentu juga bisa dilakukan. Tapi syaratnya kamu harus punya tautan langsung menuju gambar yang akan dipakai atau gambar yang akan dipakai harus sudah ter-upload di internet. Contohnya:
<?php the_content('<img src='/wp-content/themes/default/images/more.gif' alt='' />') ?>
atau
<?php the_content('<img src='http://yourdomain.com/images/more.gif' alt='' />') ?>
Update:
Untuk membuat ‘read more’ yang berbeda-beda di tiap artikel atau posting caranya cukup mudah, tinggal ketikkan kode berikut:
<!--more Bersambung -->
atau
<!--more Lihat cerita serunya di sini -->
Contoh di atas adalah untuk dua artikel yang berbeda, kamu cukup mengganti kata-kata seperti ‘Bersambung’ atau ‘Lihat cerita serunya di sini’ dengan kata-kata kamu sendiri.
Oya, untuk referensi lebih lanjut silahkan baca selengkapnya di situs berikut:
http://codex.wordpress.org/Customizing_the_Read_More
Seep, mudah-mudahan bermanfaat ya… ![]()

