3 Cara Memperbaiki Tampilan Website yang Berantakan setelah Diunggah ke Hosting.

Terkadang, masalah yang sering terjadi ketika meng-upload sebuah website dari localhost ke hosting adalah perubahan tampilan yang berantakan atau kesalahan pada font dan menu.

Hal ini biasanya disebabkan oleh masalah pemetaan file style.css atau kesalahan dalam penulisan path/link file style.css.

Untuk memperbaiki masalah tersebut, berikut adalah langkah-langkah yang dapat diikuti:

1. Jika website dapat diakses secara online namun tampilannya berantakan, buka website tersebut dan tekan tombol CNTR + U pada keyboard atau klik kanan pada website dan pilih “Inspect” atau “Inspect Element”.
2. Setelah muncul jendela Inspect Element, tekan tombol CNTR + F atau cari opsi pencarian di jendela tersebut. Ketik “style.css” dalam kotak pencarian.
3. Cari path atau URL yang mengandung kata “localhost” atau URL yang tampak mencurigakan di awalan style.css.
4. Sebagai contoh:

5. Pastikan penulisan URL atau path tersebut sudah benar dan tidak ada kesalahan ejaan atau tanda baca yang terlewat.

Bagaimana cara mengubah path atau link tersebut? Berikut adalah 3 beberapa metode yang bisa Anda Terapkan:

1. Buka tema Anda melalui cPanel atau FTP. Tema biasanya terletak di /public_html/wp-content/nama-tema-anda/.

Cari file header.php atau index.php, dan buka dengan menggunakan editor kode yang disediakan oleh cPanel atau editor panel lainnya.

Cari link yang masih menggunakan kata “localhost” dan ubah menjadi “www.domainkamu.com”.

2. Gunakan aturan .htaccess. Buka file .htaccess di direktori public_html.

Jika file .htaccess tidak terlihat, Anda mungkin perlu memastikan bahwa opsi “Tampilkan semua file tersembunyi” diaktifkan.

Buka file .htaccess dengan menggunakan editor kode bawaan di panel Anda. Ketikkan perintah berikut:

RewriteCond %{HTTP_HOST} ^localhost$ [NC]
RewriteRule ^(.*)$ http://www.domain.com/$1

Simpan perubahan yang Anda lakukan pada file .htaccess dan coba akses ulang website Anda.

3. Cara ketiga adalah menggunakan plugin pihak ketiga yang bernama “Find and Replace”. Cari dan install plugin “Find and Replace” melalui menu Plugins di WordPress.

Setelah diinstal, buka pengaturan plugin tersebut. Masukkan kata yang ingin Anda ganti di kolom “Replace”, misalnya “localhost“, dan masukkan kata pengganti di kolom “Replace with”, yaitu “www.domain.com“.

Pilih opsi “Replace database” untuk mengganti semua referensi di database Anda yang menggunakan kata “localhost” dengan “www.domain.com“.

Dengan menggunakan salah satu dari metode di atas, Anda dapat mengubah path atau link yang mengandung kata “localhost” menjadi “www.domain.com“.

Pastikan Anda menyimpan semua perubahan yang telah dilakukan dan melakukan pengujian untuk memastikan bahwa perubahan tersebut berhasil dan tampilan website sudah sesuai dengan yang diharapkan.

Untuk beberapa kasus localhost ada beberapa istilah yang dipakai : http//127.0.0.1, Rentan IP http://192.168.1.1 – 192.168.1.254.