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.
![Cara Mengatasi URL Panjang Tidak Responsive di Post WordPress - (1) naked url yang panjang tampilannya terlihat tidak responsive di WordPress](https://muhammadsholeh.com/wp-content/uploads/2023/11/url-panjang-di-wordpress-tidak-responsive.jpeg)
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;
}
![Cara Mengatasi URL Panjang Tidak Responsive di Post WordPress - (2) Cara Mengatasi URL Panjang Tidak Responsive di Post WordPress](https://muhammadsholeh.com/wp-content/uploads/2023/11/solusi-url-panjang-tidak-responsif-di-wordpress.png)
- Selanjutnya klik tombol Publish.
- Reload halaman yang terdapat naked URL panjangnya.
- Selesai.
![Cara Mengatasi URL Panjang Tidak Responsive di Post WordPress - (3) naked URL panjang tampilannya terlihat sudah responsive di WordPress](https://muhammadsholeh.com/wp-content/uploads/2023/11/url-panjang-di-wordpress-sudah-responsive.jpeg)
Gimana? Gampang kan cara membuat naked URL panjang di WordPress jadi responsive dan otomatis ganti baris? Mudah-mudahan bermanfaat ya..