WordPress yönetim paneliniz bir anda bozulmuş, menüler alt alta sıralanmış ve yönetim panelinin tasarımı tamamen kaybolmuş olabilir. Bu sorun genellikle WordPress yönetim paneline ait CSS ve JavaScript dosyalarının doğru şekilde yüklenmemesinden kaynaklanır.
Bu rehberde, WordPress admin panelinin bozuk görünmesi ve CSS/JS dosyalarının yüklenmemesi sorununu kısa bir kod yardımıyla nasıl çözeceğinizi adım adım bulabilirsiniz.
Sorunun Belirtileri
Bu problem oluştuğunda WordPress yönetim panelinde şu durumlarla karşılaşılır:
- Yönetim menüsü düz ve biçimsiz görünür.
- Yazılar, bağlantılar ve butonlar alt alta sıralanır.
- WordPress admin panelinin renkleri ve tasarımı kaybolur.
- Dashboard sayfası düzgün yüklenmez.
- Elementor ve diğer eklenti menüleri bozuk görünür.
- Sayfa yenilense bile sorun devam eder.
- WordPress yeniden yüklense bile problem düzelmez.
Bu durum, WordPress’in load-styles.php ve load-scripts.php dosyaları üzerinden yönetim paneli kaynaklarını birleştirerek yüklerken hata yaşamasından kaynaklanabilir.
WordPress Admin Paneli CSS/JS Sorununun Çözümü
İlk olarak hosting panelinizden veya FTP üzerinden sitenizin ana dizinine girin. WordPress’in kurulu olduğu ana dizinde bulunan wp-config.php dosyasını açın.
Dosya içerisinde şu satırı bulun:
/* That's all, stop editing! Happy publishing. */Türkçe WordPress kurulumlarında bu alan farklı bir açıklamayla da görünebilir. Aşağıdaki kodları bu satırın hemen üstüne ekleyin:
define( 'CONCATENATE_SCRIPTS', false );
define( 'SCRIPT_DEBUG', true );Dosyayı kaydettikten sonra WordPress yönetim panelini yenileyin. Tarayıcı önbelleği nedeniyle değişiklik hemen görünmezse Windows’ta Ctrl + F5, Mac bilgisayarlarda Command + Shift + R tuşlarına basarak sayfayı önbelleksiz şekilde yenileyin.
Kodlar Ne İşe Yarıyor?
CONCATENATE_SCRIPTS
define( 'CONCATENATE_SCRIPTS', false );WordPress, yönetim panelindeki CSS ve JavaScript dosyalarını performans amacıyla birleştirerek yükleyebilir. Bazı sunucularda, güvenlik sistemlerinde (ModSecurity gibi), CDN hizmetlerinde veya önbellek eklentilerinde bu birleştirme işlemi sorun oluşturabilir. Bu ayar, WordPress’in JavaScript ve yönetim kaynaklarını tek bir dosya üzerinden birleştirerek yüklemesini devre dışı bırakır.
SCRIPT_DEBUG
define( 'SCRIPT_DEBUG', true );Bu ayar WordPress’in küçültülmüş .min.js ve .min.css dosyaları yerine geliştirme sürümündeki kaynak dosyalarını yüklemesini sağlar. Küçültülmüş dosyaların bozuk olması, önbelleğe takılması veya sunucu tarafından engellenmesi durumunda yönetim panelinin yeniden düzgün yüklenmesine yardımcı olabilir.
Kod Nereye Eklenmeli?
Kodların wp-config.php dosyasındaki düzenlemeyi durdurma satırının üstüne eklenmesi gerekir. Kodları dosyanın en altına veya düzenlemeyi durdurma satırının altına eklemeyin, aksi halde WordPress bu sabitleri tanımaz.
Doğru kullanım örneği:
define( 'CONCATENATE_SCRIPTS', false );
define( 'SCRIPT_DEBUG', true );
/* That's all, stop editing! Happy publishing. */Sorun Neden Oluşur?
WordPress admin panelinin CSS ve JavaScript dosyalarının yüklenmemesinin birden fazla nedeni olabilir:
- LiteSpeed Cache, WP Rocket veya Autoptimize ayarları
- Cloudflare önbelleği veya Rocket Loader özelliği
- Hosting tarafındaki ModSecurity kuralları
- WordPress güncellemesi sırasında eksik kalan dosyalar
- Yanlış dosya ve klasör izinleri (izinler)
- HTTP ve HTTPS adreslerinin karışması (karışık içerik)
- load-styles.php veya load-scripts.php dosyalarının güvenlik duvarı tarafından engellenmesi
- Sunucudaki JavaScript ve CSS birleştirme ayarları
- Tarayıcı önbelleği
- Bozuk veya eski küçültülmüş CSS/JS dosyaları
SCRIPT_DEBUG Sürekli Açık Kalmalı mı?
SCRIPT_DEBUG ayarının açık olması, küçültülmemiş CSS ve JavaScript dosyalarının yüklenmesine neden olur. Bu nedenle sorunun hangi kodla çözüldüğünü kontrol etmek için daha sonra şu şekilde deneyebilirsiniz:
define( 'CONCATENATE_SCRIPTS', false );
define( 'SCRIPT_DEBUG', false );Yönetim paneli düzgün çalışmaya devam ederse SCRIPT_DEBUG değerini false olarak bırakabilirsiniz. Sorun tekrar oluşursa geçici olarak true yapıp kullanmaya devam edebilirsiniz. Çoğu durumda asıl çözüm şu satırdır:
define( 'CONCATENATE_SCRIPTS', false );Özet
WordPress yönetim paneliniz biçimsiz görünüyor, admin panelinin CSS dosyaları yüklenmiyor veya dashboard sayfası düzgün açılmıyorsa wp-config.php dosyasına şu satırları ekleyerek sorunu çözebilirsiniz:
define( 'CONCATENATE_SCRIPTS', false );
define( 'SCRIPT_DEBUG', true );Bu yöntem özellikle WordPress admin panelindeki CSS ve JavaScript dosyalarının birleştirilmesi sırasında oluşan sunucu, önbellek veya optimizasyon sorunlarında etkili bir çözümdür. Kodları eklemeden önce wp-config.php dosyanızın yedeğini almayı unutmayın.
Daha fazla WordPress çözümü ve rehber için blog sayfasını ziyaret edebilirsiniz.