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… ![]()
wah, membantu sekali postingannya.
mau tanya, bisa tidak kalau pada setiap posting kata “read more” nya berbeda2.
misal pada postingan pertama, pake “bersambung”, trus postingan kedua pake “liat cerita serunya disini”, dst…
bisa, silahkan lihat update di atas…
kalo di blogspot gimana bang… bingung neh… terpaksa deh blogku tak oprek abis… and bikin link-link sendiri…
o iya boss kalo ente pake windows dan lisensinya belum genuine lihat/baca artikel ini boss
salam kenal
mampir yuk
pertanyaan sama, kalo di blogspot gmana caranya ya ?
Thanks atas postingannya yang sangat membantu.
Pak, kalau deretan dibawah tab visual dan code “link, b-quote, del.. more” tidak muncul di halaman new posting bagaimana merubahnya?
Mungkin kemarin saya salah setting, shg bagian tsb tidak muncul di halaman “write new”. Thanks
to triyani:
sepertinya itu hanya sedikit error di browser kamu, coba gunakan mozilla firefox yang paling update…
eh tapi kalo tab visual memang tidak ada tombol-tombol ‘link’, ‘b-quote’ dan yang lain, karena untuk tab visual tombol-tombol tersebut berupa gambar, bukan tulisan, tombol yang berupa tulisan terdapat di tab code
terima kasih pak Daniel atas respons-nya.
barusan saya langsung download mozilla firefox dan re-install.. tapi munculnya tetap sama
entah satu baris di bawah tab ‘visual’ ato ‘code’ itu ilang kemana hiks…
. mungkin ada salah setting, tp ga tau salahnya dimana 
Terima kasih tips nya appara…!
terus terang blog appara ini bagus…!
bisa dong ajari appara mu ini supaya bisa meng-edit blog ku (habeahan.wordpress.com)
mauliate bah…
Blog yang cantik Pak.
Trims atas artikelnya. sangat membantu untuk saya yang pemula
terima kasih postnya mas
eh kl misal kita pake hostingan gratis dr wp sendiri, ga bisa ya di rubah kyk gt?
Thanks, penjelasannya sangat membantu
Salam kenal…
wah makasi ngebantu banget ni
pak, jika tidak bisa bagaimana? saya sudah mencoba, tapi tidak ada halaman yang terpotong, mohon bantuannya ya….
Terima kasih mas, pencerahannya…
mau nambahin aja nih… kalau mau pengen jalan pintasnya, bisa dengan menekan tombol alt dan huruf “T” bersamaan…
Ma kasih petunjuknya sangat membantu. Kalau boleh saya memberi masukan tambahan untuk masalah afif yang halamannya tak mau terpotong. Pastikan bahwa Anda tidak memberi tanda spasi antar teks dengan tag more. Kemudian, paragraf tak akan terpotong jika cuma satu posting yang ada di halaman tersebut. Jadi minimal harus dua postingan barulah tag more bisa bekerja. Mohon betulkan jika saya salah. Thanks.
klo lebih dari satu artikel bikin read more gimana caranya mas?
klo satu artikel dah bisa..nuwun
klo lebih dari satu artikel bikin read morenya gimana yang…
mas masuk ke folder ini gimana ? cari /home/usernamekamu/public_html/wp-content
untuk menganti read morenya
apakah harus punya hosting sendiri atao yang lainnya.
thanks
Mau komentar lagi nih…
Sebaiknya bedakan dulu apakah Anda memakai blog wordpress (www.nama_anda.wordpress.com) dengan apakah Anda memakai wordpress engine (www.nama_anda.com). Jika Anda memakai blog wordpress maka Anda tidak akan bisa menemukan home/public_html/wp-content. Karena untuk mengakses ini Anda harus memakai hosting sendiri dan wordpress engine (http://wordpress.org). Ini menjawab pertanyaan mas sigit kenapa tidak bisa menemukan wp-content. Thanks, semoga membantu.
Jawaban buat Arlin…
Yang dimaksud dua artikel atau lebih di sini yang bisa dipotong dengan tag more adalah, apabila postingan tersebut terdapat hanya di halaman pertama (home) saja. Apabila Anda membuat halaman baru maka artikel yang Anda buat di halaman tersebut tidak bisa dipotong dengan tag more. Begitu aja. Sory mas Admin, jadi ngegantiin fungsinya nih. he he he…
Thanks mas sudah saya coba sendiri berhasil.
saya coba-coba bagian saya ubah menjadi dan bisa tampil. memang harus sering mencoba.
@rafkirasyid:
seeep, memang inilah yang kita semua butuhkan, saling berbagi dan saling belajar
Keren abis deh penjelasannya.. membantu sekali.. kalau gak di domain sendiri (misal : aa.wordpress.com) gimana boss bikin “read this entry” berubah jadi “selanjutnya”. bisa gak ya?
thx
Buat seegatez, kalau anda tidak memakai hosting sendiri melainkan hostingnya wordpress, Anda bisa merubah kata ‘read this entry’ sesuka Anda sesuai dengan penjelasan mas admin pada bagian ‘update’ di atas.
Tapi Anda mesti pastikan dulu bahwa Anda memilih ‘code’ bukannya ‘visual’ pada text editor artikel Anda. Jadi ketika Anda mengklik pemenggal paragraf yang muncul adalah . Anda tinggal menambahkan kata yang Anda inginkan setelah kata more tersebut. Misal . Maka paragraf Anda akan terpenggal dan kata yang muncul bukannya ‘read this entry’ melainkan ’selanjutnya’. Tapi ingat, kata ‘more’nya jangan dihapus ya. Semoga bermanfaat. Thanks mas Admin.
Buat seegatez, kalau anda tidak memakai hosting sendiri melainkan hostingnya wordpress, Anda bisa merubah kata ‘read this entry’ sesuka Anda sesuai dengan penjelasan mas admin pada bagian ‘update’ di atas.
Tapi Anda mesti pastikan dulu bahwa Anda memilih ‘code’ bukannya ‘visual’ pada text editor artikel Anda. Jadi ketika Anda mengklik pemenggal paragraf yang muncul adalah (). Anda tinggal menambahkan kata yang Anda inginkan setelah kata more tersebut. Misal (). Maka paragraf Anda akan terpenggal dan kata yang muncul bukannya ‘read this entry’ melainkan ’selanjutnya’. Tapi ingat, kata ‘more’nya jangan dihapus ya. Semoga bermanfaat. Thanks mas Admin.
@rafkirasyid:
thanks juga ya atas penjelasannya
Sory sampelnya nggak bisa muncul.

Pokoknya liat aja contoh yang dikasih mas admin di atas pada bagian update: Untuk membuat read more yang berbeda-beda . . ..
Ya lumayan mass aku dah bisa, tambah dikit momoriku dikepala.
mantap bossss,
nice for beginner
Makasi artikelnya , sangat membantu saya
cuapeee.. bisa bantu gaaa
saia kok masih blm bisa ganti nama gt ya??


pake wp 2.5 sama aja kah?
makasih banget kawan…
/
kini read more di blog ku yang mulai ku pelajari dah jadi
koq ga bisa?????