Naked URL yang panjang terkadang membuat tampilan post di WordPress menjadi tidak responsive. Saking panjangnya karakter membuat naked URL seolah-olah keluar dari batas layar.
Padahal dari sisi theme sudah responsive. Post yang tidak menggunakan naked URL panjang pun tampilannya juga normal-normal saja.
Lantas apa sebabnya sehingga terjadi seperti itu dan bagaimana cara mengatasinya? Mari kita bahas di artikel ini.
Penyebab
Setelah mencari tahu kesana kemari, yang menyebabkan naked URL panjang tidak responsive dan tidak bisa secara otomatis ganti baris adalah bug dari theme yang kita pakai.
Ketika pakai theme A mungkin tampilannya akan normal saja. Tapi ketika ganti theme B maka naked URL yang panjang itu akan tetap keluar dari batas layar.
Cara Mengatasinya
Jika kalian mengalami hal yang sama, gak usah khawatir. Walaupun itu bug dari theme yang kita gunakan, itu masih bisa kita atasi secara mandiri. Adapun caranya sebagai berikut :
- Login ke wp-admin.
- Klik menu Appearance > Customize > Additional CSS.
- Pada halaman Customizing Additional CSS sematkan kode berikut :
.wp-site-blocks * {
word-break: break-all;
}Jika itu tidak bisa, silakan ganti dengan kode CSS berikut :
p, body {
word-wrap:break-word !important;
}
- Selanjutnya klik tombol Publish.
- Reload halaman yang terdapat naked URL panjangnya.
- Selesai.
Gimana? Gampang kan cara membuat naked URL panjang di WordPress jadi responsive dan otomatis ganti baris? Mudah-mudahan bermanfaat ya..
