WordPress Görsel Editör Beyaz Metin ve Eksik Düğmeler Sorunu

WordPress’te “beyaz metin ve eksik düğmeler sorunu” sık karşılaşılan teknik aksaklıklardan biri. Peki bu sorunun kaynağı nedir ve nasıl işte. Bu yazıda, WordPress görsel editör beyaz metin ve eksik düğmeler hatasının nasıl düzeltileceğini adım adım açıklayacak, aynı zamanda sorunun tekrar ortaya çıkmaması için önleyici tedbirleri ele alacağız.

Öncelikle şunu anlayalım: WordPress görsel editörü (genelde TinyMCE veya yeni Gutenberg Block Editörü olarak bilinir) aslında tarayıcınızda çalışan karmaşık bir JavaScript uygulamasıdır ve aşağıdaki gibi nedenlerle bazen sorunlarla karşılaşabilirsiniz:

• Eklenti Çakışmaları– Özellikle kötü kodlanmış veya güncel olmayan eklentiler, editörün JavaScript dosyalarıyla çakışabilir. Bazen iki eklenti aynı kaynağı kullanmaya çalışır ve kaos başlar.
• Tema Uyumsuzlukları– Özellikle özelleştirilmiş temalar veya nulled (korsan) temalar, WordPress’in varsayılan stilleriyle çelişen CSS kodları içerebilir. Sonuç? Beyaz metin, görünmez düğmeler.
• Önbellek Sorunları– Tarayıcı veya sunucu önbelleği, eski dosyaları yüklemeye devam edebilir. WordPress güncellendikten sonra özellikle sık görülür.
• JavaScript Hataları– Console’da (F12’ye basın) kırmızı hatalar mı var? Bu, bir JavaScript dosyasının düzgün yüklenmediği veya hata verdiği anlamına gelir. Editör bu olmadan çalışamaz.

Hızlı Teşhis: Sorunun Kaynağını Belirleme

Sorunu çözmeden önce neyin yanlış gittiğini anlamalıyız. İşte profesyonel bir tanı süreci:

• Tarayıcı Konsolunu Kontrol Edin– F12’ye basın (Mac’te Cmd+Option+I). Console (Konsol) sekmesine gidin. Kırmızı hatalar varsa, ekran görüntüsü alın. Bu hatalar size hangi dosyanın sorun çıkardığını söyler.
• Farklı Tarayıcıda Deneyin– Chrome’da sorun varken Firefox’ta düzgün çalışıyor mu? O zaman sorun tarayıcıya özgü. Büyük ihtimalle önbellek veya tarayıcı eklentisi suçlu.
• Gizli Modda Test Edin– Tarayıcınızın gizli/özel modunu açın (Ctrl+Shift+N). Sorun devam ediyor mu? O zaman tarayıcı önbelleği veya çerezler değil, sunucu tarafında bir şeyler var demektir.
• Mobil Cihazdan Kontrol Edin– Telefonunuzdan WordPress panelinize girin. Sorun orada da var mı? Bu, sorununun evrensel olduğunu ve site genelinde bir düzeltme gerektirdiğini gösterir.

📌 Sorunun fotoğrafını çekin veya ekran kaydı alın. Eğer bir teknik destek ekibine danışmanız gerekirse, bu görsel kanıtlar çözüm sürecini hızlandırır. “Editör çalışmıyor” demek yerine, “Console’da XYZ.js dosyası 404 hatası veriyor” demek çok daha etkili.

# Önbellek Temizliği Yapın

Yapılması gereken ilk şeylerden biri, tarayıcı önbelleğini ve WP önbelleğini temizlemek olmalı.

• Tarayıcı Önbelleğini Temizleyin:
  • Chrome: Ctrl+Shift+Delete > Son 24 saat > Önbelleğe alınan resimler ve dosyalar > Verileri temizle
  • Firefox: Ctrl+Shift+Delete > Zaman aralığı: Her şey > Önbellek > Şimdi temizle
  • Safari: Geliştir > Önbellekleri Boşalt (Geliştir menüsü görünmüyorsa Tercihler > Gelişmiş’ten etkinleştirin)
• WordPress Önbellek Eklentisini Temizleyin:
  • WP Super Cache, W3 Total Cache, WP Rocket gibi eklentiler kullanıyorsanız, ayarlarından önbelleği tamamen temizleyin. Genelde üst menü çubuğunda bir “Önbelleği Temizle” düğmesi bulunur.
• Sunucu Önbelleğini Temizleyin:
  • Birçok hosting sağlayıcısı sunucu düzeyinde önbellek kullanır. cPanel’inizde veya hosting kontrol panelinizde “Cache” veya “Varnish” araması yapın ve temizleyin.
• CDN Önbelleğini Temizleyin:
  • Cloudflare veya başka bir CDN kullanıyorsanız, oradaki önbelleği de temizlemeyi unutmayın. Cloudflare’de: Caching > Purge Everything.

📌 Önbellek temizledikten sonra mutlaka sayfayı yenileyin (F5) ve hatta zorla yenileyin (Ctrl+F5 veya Cmd+Shift+R). Normal yenileme bazen önbelleğe alınmış kaynakları yeniden yükleyebilir.

# Araç Çubuğu Düğmesine Tıklayın

Bazen çözüm tam da gözümüzün önündedir ama dikkatimizden kaçabilir.

• Yazı editöründe bulunan “Araç çubuğunu göster/gizle” düğmesine tıklamayı atlamış olabilirsiniz. Sorunun çözümü için öncelikle bunu kontrol etmenizde fayda var.

Görsel düzenleyicide eksik düğmeler veya beyaz metin sorunu hala devam mı ediyor? Öyleyse bir diğer çözüm yoluna geçelim.

# Yazı Editörü Ayarını Kontrol Edin

Eğer WordPress yazı editörü sorunu Görsel/Metin butonlarının eksik olmasıysa (görsel ve metin butonlarından biri ya da her ikisi kayıpsa) yazı editörü ayarlarını kontrol etmenizi öneririz.

• Wordpress yönetim paneli sağ üst köşeden kullanıcı adınızın üzerine gidin ve “Profili Güncelle“yi tıklayın.
• “Yazarken görsel metin editörünü kullanma” talimatı işaretliyse bu işareti kaldırıp sayfayı kaydedin.
• Yazı paneline gidip sorunun çözülüp çözülmediğini kontrol edin. Değilse diğer çözüm önerisine geçin.

# Eklentileri Devre Dışı Bırakın

Bazı eklentiler (özellikle editör veya güvenlik odaklı olanlar), JavaScript çakışmalarına neden olabilir. Bu da araç çubuğunun çalışmamasına veya stil hatalarına yol açar. Tüm eklentileri devre dışı bırakıp bunu kontrol edebilirsiniz:

• WordPress paneline giriş yapın.
• Eklentiler > Yüklü Eklentiler bölümüne gidin.
• Tüm eklentileri toplu olarak devre dışı bırakın.
• Editörü tekrar kontrol edin. Sorun çözülmüşse eklentileri tek tek yeniden etkinleştirerek hangisinin soruna neden olduğunu tespit edin. Aradığınız eklentiyi bulduğunuzda, bu eklentiyi silip alternatif bir eklenti yükleyebilirsiniz.

# Tema Kontrolü Sağlayın

Beyaz metin ve eksik düğmeler sorunu için bakabileceğiniz bir diğer yer de temanızdır. Temanızın bu soruna neden olup olmadığını anlamak için ise;

•  Görünüm > Temalar‘a gidin.
• Varsayılan bir tema (örneğin Twenty Twenty-Four) etkinleştirin.
• Ardından editörü tekrar kontrol edin. Sorun ortadan kalktıysa, kullandığınız temada editor-style.css, functions.php veya blok editör (Gutenberg) ile ilgili bir problem olabilir. Tema geliştiricinizle görüşüp sorunu bildirebilir ve konuyla ilgili bir çözüm sunup sunamayacaklarını öğrenebilirsiniz.

# TinyMCE Komut Dosyasını Yeniden Yükleyin

Herhangi bir değişiklik yapmadan önce her zaman sitenizin bir yedeğini almayı unutmayın! Daha sonra Buradan WordPress’in son sürümünü bilgisayarınıza indirip aşağıdaki talimatları izleyin:

• İndirdiğiniz sıkıştırılmış klasörü çıkarın.
• Çıkarılan klasörü açın ve ardından “wordpress” etiketli klasörü açın.
• Wp-include klasörünü bulun ve açın.
• Son olarak Wp-include içindeki Js klasörünü açın ve bu klasörü bilgisayarınızda açık tutun.
• FileZilla gibi bir FTP programı ile sitenizin kök dizinine bağlanın (genellikle public_html olarak adlandırılır.) Buradan Wp-include klasörünü bulun ve js klasörünü tıklayın.

• Bilgisayarınızda açık olarak bıraktığınız Js klsöründen TinyMCE klasörünü bulun ve FTP istemcisine sürükleyip bırakın. Orijinal klasörün üzerine yazmayı seçin. Bu işlem, TinyMCE’nin yeni sürümünü sitenize yükler, böylece herhangi bir sorun varsa artık sorunsuzca işler.
• Ardından, beyaz metin ve eksik düğmeler sorununun giderilip giderilmediğini görmek için sitenizi yenileyin ve son durumu kontrol edin. Değilse bir sonraki çözüme geçin.

# Wp-config ile WordPress Yazı Editörü Sorunu Çözümü

WordPress, sayfa yükleme süresini azaltmak için JavaScript dosyalarını birleştirerek (concatenate) sunar. Ancak bu işlem, bazı barındırma ortamlarında veya eksik dosya yüklemelerinde sorun yaratabilir. wp-config.php dosyanıza ekleyeceğiniz bir kod ile yazı editörü beyaz metin ve eksik düğmeler sorununu çözüme kavuşturmanız mümkün.

• FTP veya cPanel kullanarak Dosya Yöneticisi> Public_html‘ye gidin.
• Buradan wp-config.php dosyasını bulup sağ tıkla Edit/Düzenle‘yi seçin.
• <? Php  etiketinin hemen altına aşağıdaki satırı ekleyin.

 define ('CONCATENATE_SCRIPTS', false);

• Yukarıdaki kod dosyanızda zaten mevcutsa ve true ile işaretliyse, true kısmını false olarak değiştirin ve değişiklikleri kaydedip görsel editör hatasının çözülüp çözülmediğini kontrol edin.

# WordPress Çekirdek Dosyalarını Yeniden Yükleyin

Ana WordPress dosyalarının (özellikle wp-admin ve wp-includes klasörlerinin) eksik ya da bozuk olması, editör sorunlarına neden olabilir. Dosyaları yeniden yüklemek sorunları düzeltebilir.

• WordPress yönetici paneline gidin.
• Araçlar > Güncellemeler > “Şimdi yeniden yükle” butonuna tıklayın.
• Bu işlem site verilerinize dokunmadan sistem dosyalarını yeniler.

# Tarayıcı Eklentilerini Devre Dışı Bırakın

Tarayıcıda yüklü bazı uzantılar (özellikle içerik engelleyiciler, çeviri eklentileri, yazım denetleyicileri) editör içindeki JavaScript davranışlarını engelleyebilir.

• Tarayıcınızın uzantılar bölümüne girin. (Chrome’da: chrome://extensions/)
• Tüm eklentileri geçici olarak devre dışı bırakın.
• WordPress editörünü yeniden açın ve sorunun devam edip etmediğini test edin.
• Eğer düzelirse, eklentileri tek tek yeniden aktif ederek hangisinin sorun çıkardığını tespit edebilirsiniz.

# Veritabanı Onarımı ve Optimizasyonu

WordPress’in beyni veritabanıdır. Tüm içerikler, ayarlar ve yapılandırmalar orada saklanır. Zamanla veritabanı şişebilir, bozulabilir veya optimize edilmemiş sorgularla yavaşlayabilir. Bu da editör sorunlarına yol açabilir.

• Veritabanı Onarım Modunu Aktifleştirin– wp-config.php dosyasını FTP ile açın (kök dizinde bulunur). Dosyanın sonuna şu satırı ekleyin: define('WP_ALLOW_REPAIR', true);
  Tarayıcınızda şu adrese gidin: sizinsiteiniz.com/wp-admin/maint/repair.php
  Karşınıza iki seçenek çıkacak: “Veritabanını Onar” ve “Veritabanını Onar ve Optimize Et”. İkincisini seçin. İşlem bitince wp-config.php’ye eklediğiniz satırı mutlaka silin (güvenlik riski oluşturur).
• phpMyAdmin ile Manuel Onarım– cPanel > phpMyAdmin’e gidin. Sol menüden WordPress veritabanınızı seçin. Tüm tabloları seçin (en üstteki kutuyu işaretleyin). “Seçili öğelerle” menüsünden “Tabloyu onar” seçin. Ardından “Tabloyu optimize et” de çalıştırın.
• Eklenti ile Otomatik Bakım– WP-Optimize veya Advanced Database Cleaner eklentilerini kullanabilirsiniz. Bu eklentiler gereksiz verileri (spam yorumlar, post revizyonları, geçici seçenekler) temizler ve veritabanını optimize eder. Haftalık otomatik temizlik kurabilirsiniz.

---

Sorunu çözdük, harika! Ama daha da iyisi, bunun tekrar olmamasını sağlamak. İşte WordPress görsel editörünüzü her zaman sağlıklı tutmak için profesyonel ipuçları:

• Düzenli Güncellemeler– WordPress, temalar ve eklentiler çıkan her güncellemeyi hemen yapmayın – özellikle büyük sürüm geçişlerinde 2-3 gün bekleyin, toplulukta sorun var mı diye kontrol edin. Ancak 1-2 hafta içinde mutlaka güncelleyin. Eski yazılımlar hem güvenlik riski hem de uyumsuzluk sebebidir.
• Staging Site Kullanın– Büyük değişiklikler yapmadan önce (tema değiştirme, çok sayıda eklenti yükleme) bir staging (test) sitesi oluşturun. Birçok hosting (SiteGround, Kinsta) tek tıkla staging sunar. Orada test edin, sorun yoksa canlıya alın.
• Otomatik Yedekleme– Günlük otomatik yedekleme hayat kurtarır. UpdraftPlus, BackWPup gibi eklentiler hem veritabanını hem de dosyaları Google Drive veya Dropbox’a yedekleyebilir. Bir şeyler ters giderse, 5 dakikada dün halinize dönebilirsiniz.
• Kaliteli Kaynaklar Kullanın– Bedava veya nulled tema/eklenti kullanmayın. WordPress.org deposundan, ThemeForest’tan veya tanınmış geliştiricilerden alın. “Bedava” olduğu için indirdiğiniz bir tema, sitenize zararlı yazılım bulaştırıp çökertebilir.
• Minimalist Yaklaşım– Sadece gerçekten ihtiyacınız olan eklentileri yükleyin. Her yeni eklenti, çakışma riskini artırır. Kullanmadığınız eklentileri devre dışı bırakmak yetmez, tamamen silin – deaktif eklentiler bile bazen sorun çıkarabilir.
• İzleme ve Bakım– Ayda bir kez sitenizi gözden geçirin: Hangi eklentiler güncellenmemiş? Veritabanı optimize edilmeli mi? Geçersiz linkler var mı? Broken Link Checker ve Query Monitor gibi eklentiler erken uyarı sistemi gibi çalışır.

📌 Bu alışkanlıkları edindiğinizde, sadece görsel editör sorunu değil, WordPress ile ilgili çoğu teknik problemi önlemiş olursunuz. Düzenli bakım, reaktif müdahale etmekten çok daha az zaman alır.

Wordpress görsel düzenleyici beyaz metin ve eksik düğmeler sorununu önlemenin kesin bir yolu yoktur. Bazen eklenti veya tema dosyaları, kontrol panelinizin çalışma biçimine müdahale edebilir. WordPress’in en son sürümüne güncellediğinizde bazen yeni dosyalar yanlış yüklenebilir. Her ne sebeple olursa olsun, yukarıdaki öneriler WordPress görsel düzenleyici veya yazı editörü sorunu için çözüm olacaktır.