Menyisipkan Atribut Title pada Link Read More WordPress

November 22, 2008 by maseko

sakuiweb-accessibility Gambar di samping menunjukkan hasil validasi maseko.com melalui layanan Sakuiweb beberapa hari yang lalu. Dari situ terlihat, meskipun hasil pengecekan terhadap Web Accessibility Guidelines (WCAG) 2.0 Level 1, 2, dan 3 menunjukkan dapat dilalui, tetapi pada bagian Other Guidelines menunjukkan masih adanya masalah dengan penjelasan bahwa masih ditemukannya tag anchor yang tidak mengandung attribute title. Karena blog ini menggunakan WordPress, saya pun sudah berusaha mencari tahu bagaimana menyisipkan attribute title tersebut dari file theme, tetapi tidak saya temukan.

Secara default ketika menggunakan fungsi the_content() atau misalnya the_content(‘Selengkapnya…’) maka link read more yang ditampilkan tidak mengandung attribute title.

Untuk menyisipkan atribut title, saya mencoba melakukannya dengan mengedit file inti Wordpress post-template.php yang berada pada folder wp-includes. Pertama adalah mencari baris di dalam fungsi get_the_content yang tertulis seperti ini:

$output .= ' <a href="'. get_permalink() . "#more-$id\">$more_link_text</a>";

Kemudian diedit dengan mengubahnya seperti ini:

$output .= ' <a href="'. get_permalink() . "#more-$id\" class=\"more-link\"  title=\"Continue reading ".the_title('','',false)."\">$more_link_text</a>";

Maka hasilnya nampak pada hyperlink Continue reading… seperti pada halaman muka maseko.com. Hasil validasi ulang melalui layanan Sakuiweb pun mengalami kenaikan prosentasenya menjadi 98% dari sebelumnya 96%.

Berhubung editing yang dilakukan langsung pada file core-nya WordPress, maka ketika suatu saat nanti mengupdate WordPress, maka perlu dilakukan editing lagi kecuali WordPress telah mengakomodasi masalah ini.

Category Posted in Web Development, Wordpress

Tulisan lain yang mungkin terkait dengan tulisan di atas:

27 Responses to “Menyisipkan Atribut Title pada Link Read More WordPress”

a2i3s said on November 22, 2008, 2:49 am:

cihuyyy.. PERTAMAXXXX… lagi,

sip mas, kebetulan aq lagi coba mo ngoprek2 WP, hehe…

matur nuwun infonya ya mas!!!

Sukses yaaa…

a2i3s said on November 22, 2008, 3:02 am:

eh mas, mau minta bantuan niy,
ada ngga tutorial WP yang versi Bahasa Indonesia buat kostum domain, cara edit2 nya, dan sebagainya, atau kalau nda ada yang Inggris juga boleh, hehe… *aq belajarnya otodidak, jadi bingung mo belajar dari mana dulu* (doh)

Matur nuwun sebelumnya ya, ^____^

Fangky said on November 22, 2008, 5:35 pm:

Maaf agak OOT, maseko saya mau tanya. Domain saya menggunakan layanan DNS mapping dari everydns.net, untuk A Record udah saya arahkan ke ip addres t4 hosting saya, jad domainsaya.net bisa dibuka. Tp bila di beri www di depannya, jd http://www.domainsaya.net kenapa tdk bisa? Solusinya gimana maseko? Makasih sebelumnya.

patembe said on November 22, 2008, 5:37 pm:

#2
Mas a2i3s mau toturial yang bahasa Indonesia kan? ini banyak pilihannya kok di sini

maseko said on November 23, 2008, 7:11 am:

#2
Seperti patembe bilang (#4), sepertinya sudah banyak yang menulis, meskipun parsial, jadi coba juga melakukan googling dulu. Sumber yang juga perlu tentunya di wordpress.org baik codex maupun forumnya.

#3
Coba dibuat record CNAME www dan arahkan ke atau isi value-nya dengan domainsaya.net. Maka ketika http://www.domainsaya.net diakses, akan diteruskan ke host yang sama dengan domainsaya.net

patembe said on November 23, 2008, 9:02 am:

Maseko,
saya sudah coba menambahkan attribut title sesuai perintah di atas, tapi kok masih tetap Fail, padahal saya sudah mengubah post-template.php ???
mohon petunjuknya ??

maaf OOT sedikit !
kemarin Maseko kok gak kelihatan di PB08, duduk dimana Mas ?
padahal pengen foto bareng ma Maseko.
he..he..he..

maseko said on November 23, 2008, 9:58 am:

#6
Bisa dijelaskan, fail-nya bagaimana, saya lihat sudah berjalan di patembe.com.

Kemaren saya duduk di atas di antara komunitas Anging Mamiri dan Id-Gmail. Kalau hanya berdasar foto beberapa waktu lalu, memang susah mencari saya Saya juga tidak bisa mengikuti acara sampai selesai.

fangky said on November 23, 2008, 10:52 pm:

makasih maseko atas pencerahannya… ternyata cuman gitu doang… hehehe… oon banget aku ya.

eh maseko, tutorialnya kok gak berhasil ya. (tentang postingan yang ini)

Arief Hidayat said on November 24, 2008, 10:40 am:

Mas Eko saya mau nanya :
1. Mengapa ketika saya edit post saya di blog saya editor tidak ada toolbarnya kayak di wordpress, sudah saya utak atik kok belum ketemu ya..
2. Akibatnya posting saya tampil semua, padahal saya inginnya muncul read more atau continue readingnya…mohon bimbingannya mas eko

terima kasih semuanya

#10

maseko said on November 24, 2008, 7:46 pm:

#8
Maksud tidak berhasil bagaimana? Kalau saya lihat tujuan yang dituliskan di sini sudah berjalan di fangky.web.id. Kalau maksudnya adalah mengganti kata yang di klik “Read More..”-nya, editing dilakukan pada file template seperti index.php dan pada bagian the_content() ubah seperti ini
<?php the_content("Continue reading " . the_title('', '', false)); ?>

#9
Maksudnya editor di Blogspot? Sejujurnya saya sudah lama tidak mencoba-coba blog di Blogger. Sepengetahuan saya, toolbar pemmbantu di editor Blogger sudah ada secara defaultnya. Kalau masalah memotong tulisan di blog Blogger, salah satu tulisan ini dapat dibaca
http://www.o-om.com/2007/12/cara-buat-readmore-pada-blogger.html

Mohon maaf kalau saya salah tangkap maksudnya.

#11

Arief Hidayat said on November 25, 2008, 3:08 pm:

Terima kasih mas eko atas info mengenai artikel membuat readmore pada blogger..
mas eko tidak salah tangkap, mungkin saya saja yang berbelit2 bertanyanya?

sekarang blog saya sudah ada pemenggalan postingnya.
sekali lagi makasih mas eko

#12

Arief Hidayat said on November 25, 2008, 6:38 pm:

Mas Eko mau nanya lagi ya…?
di editornya blogspot kok nggak ada buat menyisipkan gambar di postingannya….makasih

#13

maseko said on November 25, 2008, 7:27 pm:

#12
Ada kok, yang logo image. Bisa ditunjukkan/upload screenshot editor blogspot yang dilihat?

#14

dani said on November 26, 2008, 9:09 am:

wah saya lupa dl ngubahnya gemana, maseko..
tp asumsi saya, tiap anchor link yg sama akan menuju halaman yg sama (cmiiw)
mungkin taut brkt cukup membantu (sptnya situs atrc masih srg diedit..kadang down).. http://checker.atrc.utoronto.ca/servlet/Checkacc?file=http%3A%2F%2Fmaseko.com%2F&submit1=Check+It

#15

dani said on November 26, 2008, 9:10 am:

sori td live link..
wah saya lupa dl ngubahnya gemana, maseko..
tp asumsi saya, tiap anchor link yg sama akan menuju halaman yg sama (cmiiw)
mungkin taut brkt cukup membantu (sptnya situs atrc masih srg diedit..kadang down).. checker.atrc.utoronto dot ca/servlet/Checkacc?file=http%3A%2F%2Fmaseko.com%2F&submit1=Check+It

#16

Arif said on November 26, 2008, 2:28 pm:

Saya masih bingung mencari letak post-template.php
apakah di cpanel hoating atau di template yang digunakan, mohon pencerahannya

#17

maseko said on November 26, 2008, 7:32 pm:

#15
Mas Dani, saya sepertinya juga pernah membaca jika penggunaan teks untuk anchor dan linknya sebaiknya konsisten, makanya untuk saya bagian Read More (default WordPress) saya ubah ke Continue reading Judul Tulisan. Meskipun halaman yang dituju sama dengan permalink tulisan tapi ini link yang berbeda, karena ada rujukan tambahan ke bagian #more-xxx

#16
Letaknya ada di folder-nya WordPress yaitu wp-include/post-template.php. Sedangkan jika ingin mengubah teksnya seperti pada komentar saya di atas (#10), pengeditan dilakukan di file theme /wp-content/themes//xxx.php dan edit file .php yang terkait misalnya index.php atau archive.php jika ada.

Untuk mengedit bisa dilakukan di komputer lokal kemudian diupload dengan cara overwrite atau langsung ke file di tempat hosting, misalnya melalui file manager di Cpanel.

#18

dani said on November 26, 2008, 9:58 pm:

yak setuju, Mas Eko salut

#19

Arief Hidayat said on November 27, 2008, 2:40 pm:

Mas Eko mau nanya lagi…
ini adalah screen shoot dari editor blogger saya…
http://www.ziddu.com/download/2770996/blog.JPG.html

kemudian untuk menambah widget baru juga tidak ada…saya udah coba buat blog baru tetap nggak muncul..apanya yang salah..
mohon petunjukknya…matur nuwun

#20

maseko said on November 28, 2008, 5:21 pm:

#19
Coba pastika jika javascript browsernya aktif.

#21

adi said on December 1, 2008, 9:21 pm:

Mas, kalo WCAG 2.0 Level 2 kalo error kenapa ya? apanya yang harus diperbaiki? Terima Kasih

#22

maseko said on December 2, 2008, 12:56 am:

#21
Coba gunakan layanan validasi seperti
http://checker.atrc.utoronto.ca/
Nanti di situ akan diinformasikan apa-apa yang error dan berpotensi menjadi masalah.

#23

Fauzi said on December 3, 2008, 2:01 pm:

Koq ga bisa???
Malah ga buka situsnye
Trus gimana dong???

#24

maseko said on December 3, 2008, 4:23 pm:

#23
Baru saja saya coba buka blog Anda, bisa diakses. Saya belum paham juga tidak bisanya yang mana.

#25

dani said on December 12, 2008, 12:02 pm:

situs atrc utk lamannya bs dibuka tp utk validatornya memang sering trouble katanya
saya kok ya blm inget jg gemana caranya ngasi title itu tp ngga ngubah core tiap upgrade wp..

#26

patembe said on December 28, 2008, 3:26 pm:

#24
Kang, kok blog saya WCAG 2.0 nya Failed. padahal kemarin-kemarin Passed kok! , ada saran gak ?
#25
Situsnya Mas Dani kok gak bisa kebuka?

#27

Donny Kapahang said on December 29, 2008, 2:52 am:

Wah makasih banyak mas, buat infonya. Btw barusan nyobain sakui juga koq blog saya P3Pnya 0 (nol) ya mas? P3P itu sebenernya apa ya mas? Trus gimana cara ngebenerinnya? maaf agak OOT

All fields marked with "*" are required.