Siteyi açtığınızda karşınıza bembeyaz bir sayfa, üst üste dizilmiş yazılar ve hiçbir yere oturmamış menüler çıkıyorsa tasarım katmanı yüklenmemiş demektir. İçerik orada duruyor, linkler çalışıyor ama renkler, kutular, yazı tipleri yok. Site 1998’den kalma bir belge gibi görünüyor. Bu çoğu zaman sunucunun çökmesiyle değil, stil dosyalarının tarayıcıya ulaşamamasıyla ilgilidir.
Neden böyle görünüyor
Birkaç farklı sebep aynı belirtiyi üretir. En sık rastlananı önbellek. Bir güncelleme ya da tema değişikliğinden sonra tarayıcınız ya da önbellek eklentiniz eski dosyayı tutmaya devam eder, yeni CSS’i çekmez. İkinci büyük sebep HTTPS geçişi. Siteyi SSL’e taşıdıktan sonra sayfa https ile açılırken bazı stil ve script dosyaları hâlâ http adresinden çağrılıyorsa tarayıcı bunları güvenlik gerekçesiyle bloklar. Buna karışık içerik denir.
CDN kullanıyorsanız dağıtım ağı eski sürümü sunuyor olabilir. Bir eklenti ile tema arasındaki çakışma da dosyaların doğru sıralanmasını bozar. Bazen de tema ya da eklenti güncellemesinden sonra dosya yolu kayar, sunucu o adreste bir şey bulamaz. WordPress’in script ve stilleri tek dosyada birleştirme özelliği (concatenation) de arada hatalı çalışıp tüm paketi kırabilir.
Adım adım ne yapmalı
- Önce tarayıcı konsolunu açın. Sayfada sağ tıklayıp ‘İncele’ deyin, ‘Console’ ve ‘Network’ sekmelerine bakın. Kırmızıyla işaretli 404 veren bir css ya da js dosyası görüyorsanız sorunun kaynağı o dosyadır. Adresine bakın, hangi eklenti ya da temaya ait olduğunu anlarsınız.
- Önbelleği temizleyin. Varsa önbellek eklentinizin panelinden tüm önbelleği boşaltın. Ardından tarayıcınızda Ctrl+F5 ile sayfayı sabit yenileyin ya da gizli sekmede açıp kontrol edin.
- CDN varsa oradan da purge yapın. Cloudflare gibi bir servis kullanıyorsanız panelden önbelleği temizleyin, gerekirse geçici olarak geliştirme moduna alıp sorunun CDN kaynaklı olup olmadığını görün.
- HTTPS’e yeni geçtiyseniz karışık içeriği düzeltin. Site adresinizin hem genel ayarlarda hem içerikte https ile yazıldığından emin olun. Eski http bağlantılarını veritabanında toplu değiştiren bir araç bu işi hızlandırır.
- Eklenti çakışmasını test edin. Tüm eklentileri kapatın, sayfayı kontrol edin. Tasarım geri geldiyse eklentileri tek tek açarak sorunluyu bulun. Tema kaynaklı şüpheniz varsa geçici olarak varsayılan bir temaya geçip bakın.
- Birleştirmeyi kapatın. Sorun hâlâ sürüyorsa wp-config.php dosyasına define(‘CONCATENATE_SCRIPTS’, false); satırını ekleyip dosyaların ayrı ayrı yüklenmesini sağlayın.
Bir not daha
Konsolda gördüğünüz dosya yolunu doğru okumak çoğu zaman tek başına yeter. Dosya /wp-content/plugins/… içindeyse eklenti, /wp-content/themes/… içindeyse tema sorumludur. Adresi tarayıcıya yapıştırıp açmayı deneyin. Dosya gerçekten yoksa 404 görürsünüz, varsa açılır. Bu küçük kontrol saatlerce süren tahmini önler.
Mobilde düzgün, masaüstünde bozuksa
Bazen tasarım bir cihazda doğru, diğerinde dağınık görünür. Bu çoğu zaman önbelleğin cihaza göre farklı davranmasından olur. Sorunun çıktığı cihazda tarayıcı önbelleğini ayrıca temizleyin. Duyarlı tasarım için gereken stil dosyası yüklenmiyorsa küçük ekranda düzen tamamen kayar, o yüzden konsol kontrolünü hem telefonda hem bilgisayarda yapmakta fayda var. Mümkünse siteyi farklı bir ağdan da açın, çünkü bazı ağlar ya da güvenlik yazılımları belirli dosyaları engelleyip aynı belirtiyi üretebilir.
Tekrar yaşamamak için
Güncellemeleri doğrudan yayındaki sitede yapmak yerine önce bir test kopyasında denemek bu tür sürprizleri büyük ölçüde azaltır. Önbellek eklentinizi her büyük değişiklikten sonra temizlemeyi alışkanlık hâline getirin. Tema ya da eklenti güncellerken ekranda değişen bir şey olmuşsa hemen konsola bakın, günler sonra fark etmekten iyidir. HTTPS geçişini de yarım bırakmayın, tüm bağlantıların güvenli adrese döndüğünden emin olun. Kullandığınız eklenti sayısını makul tutmak da çakışma ihtimalini baştan düşürür.
Bu adımları sırayla denediğinizde sorunun kaynağını çoğunlukla ilk birkaç dakikada bulursunuz. Takıldığınız bir yer olursa bulduğunuz hata mesajını not almanız, yardım alırken işinizi epey kolaylaştırır.
Bu işleri kendiniz yapmak yerine profesyonel destek isterseniz, WordPress bakım ve teknik destek hizmetime göz atabilirsiniz.
Bu konunun tüm rehberi: WordPress Hataları ve Çözümleri