Mencegah Page Scroll Saat Klik Tautan More

Cari, kirim ke FB | Tweet | WA | Print!.

Setelah beberapa tahun pindah permanen dari lingkung Blogger ke WordPress, baru sekarang saya sadar bahwa ketika klik tautan more pada halaman muka blog (index) dan archive maka pembaca akan dibawa ke titik dimana penulis meletakkan <!–more–> pada sebuah tulisan.

Lewat Google saya menemukan WordPress Codex tentang cara mencegah page scroll saat klik tautan more pada WordPress. Memilih kata kunci menentukan cepat atau repotnya saat mencari informasi yang dibutuhkan. Untuk kali ini hanya cukup sekali saya mengetik kata kunci.

Secara default, WordPress memang akan secara otomatis scroll halaman ke titik peletakan <!–more–> pada tulisan itu, yang tampaknya dimaksudkan agar pembaca disajikan dengan lanjutan cerita. Sedangkan tulisan yang berada sebelum <!–more–> dianggap telah dibaca.

Indikatornya adalah ketika pembaca klik tautan more (di TAP menggunakan […]) maka di ujung alamat halaman yang dibuka itu akan terbaca seperti ini “http://www.thearoengbinangproject.com/asynchronous-google-adsense-custom-search/#more-1377”. Ada tambahan #more-xxxx setelah tautan, dan jika diperhatikan maka paragraf sebelumnya <!–more–> akan tersembunyi di atas.

Meskipun #more-xxxx itu tidak akan muncul ketika pembaca share halaman lewat jejaring sosial seperti Twitter, namun ada alasan lain mengapa memilih untuk menyembunyikannya. Pertama, belum tentu orang telah membaca paragraf awal. Jika pun sudah, tak ada salahnya membaca ulang agar mengalir ketika membaca seluruh artikel

Alasan kedua adalah jika memiliki pesan yang perlu disampaikan kepada pembaca, dan pesan itu ada di bagian atas halaman, kotak Adsense misalnya, atau pesan lainnya.

Cara mencegah page scroll saat klik tautan more cukup sederhana: copy dan paste script berikut ini di function.php Anda, dan tak ada lagi page scroll saat klik tautan more.

function remove_more_link_scroll( $link ) {
	$link = preg_replace( '|#more-[0-9]+|', '', $link );
	return $link;
}
add_filter( 'the_content_more_link', 'remove_more_link_scroll' );

Saya sudah mencoba dan kini menggunakannya di seluruh blog The Aroengbinang Project, dan script itu bekerja dengan baik, sebagaimana diharapkan.

Selamat mencoba, dan jangan lupa berbagi jika anda rasa tulisan ini bermanfaat juga buat orang lain.



Kirim ke FB | Tweet | WA | Email | Print!

Home » Blog » WordPress » Mencegah Page Scroll Saat Klik Tautan More
Tag:

Oleh Bambang Aroengbinang. Lahir di Desa Mersi, Purwokerto, Jawa Tengah, sekarang tinggal di Jakarta. Blogger dan pejalan musiman yang senang berkunjung ke situs, makam, dan tempat bersejarah. Menyukai pemandangan daratan subur dan pegunungan hijau ketimbang laut. Kirim pesan ke BA lewat email, atau lewat WA jika ingin menjadi penulis di Aroengbinang. Diperbaiki 23 Maret 2017.

Lalu «
Baru » »