WordPress Blok Editörü Nedir?
WordPress Blok Editörü, yaygın olarak Gutenberg olarak adlandırılır, WordPress'teki varsayılan içerik editörüdür. WordPress 5.0 ile tanıtılan bu editör, her bir içerik parçasının — bir paragraf, resim, başlık veya gömme — bağımsız olarak düzenlenebilen, özelleştirilebilen ve yeniden düzenlenebilen bireysel bloklar oluşturduğu modüler, blok tabanlı bir sistemle Klasik Editör'ün yerini almıştır.
2026 yılına kadar, Gutenberg basit bir içerik editöründen çok daha öteye evrilmiştir. Tam Site Düzenleme (FSE) ile artık başlıklar, alt bilgiler, şablonlar ve şablon parçaları dahil olmak üzere tüm site düzenlerini kontrol etmektedir. Bu kılavuz, temel blok düzenlemeden ileri düzey site oluşturma tekniklerine kadar bilmeniz gereken her şeyi adım adım anlatmaktadır.
Temel Bloklar Genel Bakış
WordPress, kategorilere ayrılmış 90'dan fazla temel blok ile birlikte gelir. İşte en sık kullanacağınız bloklar:
| Kategori | Ana Bloklar | Kullanım Durumu |
|---|---|---|
| Metin | Paragraf, Başlık, Liste, Alıntı, Detaylar | Standart içerik oluşturma |
| Medya | Resim, Galeri, Video, Ses, Kapak | Görsel ve multimedya içerik |
| Tasarım | Sütunlar, Grup, Satır, Yığın, Boşluk | Sayfa düzeni ve yapısı |
| Widget'lar | Arama, Navigasyon, Sosyal İkonlar, Etiket Bulutu | Etkileşimli ve dinamik öğeler |
| Tema | Site Başlığı, Logo, Navigasyon, Sorgu Döngüsü | Tam Site Düzenleme bileşenleri |
| Gömme | YouTube, Twitter, Spotify, Vimeo | Üçüncü taraf içerik gömme |
Bloklarla İçerik Oluşturma
Blok Ekleme
İçeriğinize blok eklemenin birkaç yolu vardır:
- Artı butonu (+): Araç çubuğundaki artı simgesine veya bloklar arasına tıklayarak blok ekleyici açılır
- Slash komutu: Hızlı ekleme için
/yazıp ardından bir blok adı (örneğin,/image,/heading) ekleyin - Komut paleti: Herhangi bir blok veya eylemi aramak için
Ctrl+K(Windows) veyaCmd+K(Mac) tuşlarına basın - Sürükleyip bırakma: Blokları ekleyici panelden doğrudan tuvali üzerine sürükleyin
Blokları Yapılandırma
Her blokta iki yapılandırma alanı vardır:
- Araç çubuğu: Seçilen bloğun üzerinde, yaygın eylemlerle (hizalama, kalın, italik, bağlantı) görünür
- Yan panel: Renkler, tipografi, boşluk ve gelişmiş seçenekler dahil olmak üzere ayrıntılı ayarlar sunar
Blokları Düzenleme
İçeriğinizi, blok araç çubuğundaki okları kullanarak blokları yukarı veya aşağı hareket ettirerek veya yeni bir konuma sürükleyerek düzenleyin. Ayrıca, tüm belge yapınızı görmek ve blokları ağaç içinde sürüklemek için Liste Görünümü panelini (Shift+Alt+O) kullanabilirsiniz.
Yeniden Kullanılabilir Bloklar (Senkronize Desenler)
Yeniden kullanılabilir bloklar — 2026'da Senkronize Desenler olarak yeniden adlandırılmıştır — bir bloğu veya blok grubunu bir kez oluşturmanıza ve bunları birden fazla gönderi ve sayfada eklemenize olanak tanır. Senkronize deseni güncellediğinizde, her örnek otomatik olarak güncellenir.
Senkronize desenler için yaygın kullanımlar:
- Birden fazla sayfada görünen harekete geçirici mesaj bölümleri
- Blog gönderilerinde kullanılan yazar biyografi kutuları
- Standartlaştırılmış feragat veya ortaklık ifşası bildirimleri
- Bülten kayıt formları
- İletişim bilgileri blokları
Senkronize bir desen oluşturmak için: blokları seçin, üç noktalı menüye tıklayın, "Desen oluştur" seçeneğini seçin, adını verin ve "Senkronize" seçeneğini açın. Daha sonra eklemek için, blok ekleyici panelinin Desenler sekmesinde bulabilirsiniz.
Blok Desenleri
Blok desenleri, ekleyip özelleştirebileceğiniz önceden tasarlanmış blok düzenlemeleridir. Senkronize desenlerin aksine, bunlar bağlı değildir — bir desen örneğini düzenlemek diğer kullanımları etkilemez.
Yerleşik Desenler
WordPress, yaygın düzenler için desenler içerir: kahraman bölümleri, özellik ızgaraları, referans düzenleri, fiyat tabloları ve daha fazlası. Aktif temanıza, tasarım sistemi için optimize edilmiş ek desenler kaydedebilir.
WordPress.org Desen Dizini
WordPress.org desen dizini, topluluk tarafından katkıda bulunulan binlerce deseni sunar. Desenleri doğrudan ekleyiciden veya desen dizini web sitesinden göz atabilir, önizleyebilir ve kopyalayabilirsiniz.
Özel Desenler Oluşturma
Blokları düzenleyerek, hepsini seçerek ve blok menüsünden bir desen oluşturarak kendi desenlerinizi oluşturun. Özel desenler, ekleyici panelinin "Benim Desenlerim" bölümünde görünür, böylece siteniz genelinde yeniden kullanılabilirler.
Tam Site Düzenleme Temelleri
Tam Site Düzenleme (FSE), blok düzenlemeyi gönderi ve sayfa içeriğinin ötesine, tüm site yapınıza genişletir. Bir blok teması ile şunları düzenleyebilirsiniz:
- Şablonlar: Belirli sayfa türlerinin (tek gönderi, arşiv, 404, arama sonuçları) düzenini kontrol edin
- Şablon Parçaları: Başlıklar ve alt bilgiler gibi yeniden kullanılabilir bölümleri düzenleyin
- Editörde mevcut renk paletleri ve gradyanlar
- Tipografi ön ayarları (yazı tipleri, boyutlar, satır yüksekliği)
- Boşluk ölçekleri ve düzen genişlikleri
- Hangi blok özelliklerinin etkinleştirileceği veya devre dışı bırakılacağı
- Belirli bloklar için varsayılan stiller
- Flavor Eklentisi: Sekmeler, akordeonlar, fiyat tabloları ve gönderi karuselleri gibi gelişmiş bloklar ekler
- Flavor Eklentisi: Daha iyi yazım deneyimleri için içerik odaklı bloklar sunar — ilerleme çubukları, tıklanarak tweet atma, uyarılar
- Flavor Eklentisi: Animasyon ve gelişmiş stil seçenekleri ile tasarım odaklı bloklar sunar
- Flavor Eklentisi: FSE temaları için özel olarak tasarlanmış bloklarla Gutenberg'i genişletir
- Flavor Eklentisi: Dinamik içerik görüntüleme için sorgu ve filtre blokları ekler
| Kavram | Ne Kontrol Eder | Örnek |
|---|---|---|
| Şablon | Bir içerik türü için tam sayfa düzeni | Tekil Yazı, Sayfa, Arşiv, 404 |
| Şablon Parçası | Şablonlar içinde yeniden kullanılabilir bölüm | Başlık, Altbilgi, Yan Menü |
theme.json ile Blokları Özelleştirme
theme.json dosyası, blok temaları için yapılandırma merkezidir. Aşağıdakileri kontrol eder:
Tema geliştiricileri, tutarlı bir tasarım sistemi oluşturmak için theme.json dosyasını kullanır. Bir site sahibi olarak, bu ayarları dosyayı doğrudan düzenlemeden site editöründeki Global Stiller arayüzü aracılığıyla değiştirebilirsiniz.
Klavye Kısayolları
Klavye kısayollarını öğrenmek, düzenleme iş akışınızı önemli ölçüde hızlandırır:
| Eylem | Windows / Linux | Mac |
|---|---|---|
| Yeni blok ekle | / (eğik çizgi) | / (eğik çizgi) |
| Komut paleti | Ctrl + K | Cmd + K |
| Bloku kopyala | Ctrl + Shift + D | Cmd + Shift + D |
| Bloku sil | Shift + Alt + Z | Ctrl + Option + Z |
| Liste Görünümünü Aç | Shift + Alt + O | Ctrl + Option + O |
| Blok ekleyici aç/kapat | Ctrl + Shift + , | Cmd + Shift + , |
| Taslağı kaydet / Güncelle | Ctrl + S | Cmd + S |
| Geri al | Ctrl + Z | Cmd + Z |
| Bağlantı ekle | Ctrl + K | Cmd + K |
Gutenberg vs Klasik Editör
Bazı WordPress kullanıcıları hala Klasik Editör eklentisini tercih ediyor. İşte ikisi arasındaki karşılaştırma:
| Açı | Gutenberg | Klasik Editör |
|---|---|---|
| Düzenleme yaklaşımı | Blok tabanlı, modüler | Tek metin alanı (TinyMCE) |
| Düzen yetenekleri | Sütunlar, ızgaralar, tam genişlikte bölümler | Sadece lineer içerik |
| Medya yönetimi | Satır içi galeriler, kapak resimleri, medya+metin | Temel medya ekleme |
| Gelecek uyumluluğu | Aktif olarak geliştiriliyor, FSE desteği | Sadece bakım modu |
| Eklenti/tema desteği | Büyüyen blok ekosistemi | Yeni geliştirmelerin azalması |
Classic Editor eklentisi hala korunuyor, ancak WordPress geliştirmesi tamamen blok editöre yönelmiş durumda. Yeni özellikler, temalar ve eklentiler giderek daha fazla Gutenberg'i hedef alıyor.
Gutenberg'i Genişleten Blok Eklentileri
Temel bloklar çoğu ihtiyacı karşılasa da, bu eklentiler özel işlevsellik ekler:
Blok eklentileri seçerken, WordPress kodlama standartlarına uyan ve temiz işaretleme üretenleri tercih edin. Ağırlıklı JavaScript çerçeveleri yükleyen eklentilerden kaçının, çünkü bunlar Gutenberg'in performans avantajlarını ortadan kaldırır.
Verimli Blok Düzenleme için Pratik İpuçları
Liste Görünümünü Kullanın
Karmaşık sayfalar için Liste Görünümü (Shift+Alt+O) gereklidir. Bu, tüm belge yapınızı bir ağaç olarak gösterir, böylece iç içe geçmiş blokları seçmek, bölümleri yeniden sıralamak ve sayfa hiyerarşinizi anlamak kolaylaşır.
Toplu İşlemler için Blokları Gruplayın
Birden fazla bloğu seçin (ilk bloğa tıklayın, son bloğa Shift+tıklayın) ve bunları gruplandırın. Gruplandırılmış bloklar birlikte stillendirilebilir, bir birim olarak taşınabilir ve desenlere dönüştürülebilir. Bu, tutarlı bölümler oluşturmak için özellikle faydalıdır.
Yanlışlıkla Değişiklikleri Önlemek için Blokları Kilitleyin
Yanlışlıkla taşınmasını veya silinmesini önlemek için önemli blokları kilitleyin. Bir bloğa sağ tıklayın ve "Kilitle" seçeneğini seçin. Bu, birden fazla editör tarafından yönetilen şablonlar veya içerikler için faydalıdır.
Klavye Kısayollarını Etkili Kullanın
Verimli ve yavaş blok düzenleme arasındaki fark genellikle klavye kısayollarına dayanır. Öncelikle en yaygın beş kısayolu öğrenin (eğik komut, kopyala, sil, kaydet, geri al), ardından rahatladıkça repertuarınızı genişletin.
Elementor ve diğer sayfa oluşturucularla karşılaştırma için, Elementor vs Gutenberg karşılaştırmamıza ve daha geniş sayfa oluşturucu karşılaştırma kılavuzumuza göz atın. Gutenberg ile iyi çalışan bir tema seçiyorsanız, tema seçim kılavuzumuzu okuyun.
Sıkça Sorulan Sorular
Classic Editor'ü hala kullanabilir miyim?
Evet. Classic Editor eklentisi mevcut ve WordPress ekibi tarafından korunuyor. Ancak, yalnızca bakım güncellemeleri alıyor — yeni özellik yok. WordPress, modern özelliklere erişim ve sürekli geliştirme için blok editöre geçiş yapmayı öneriyor.
Gutenberg tüm WordPress temalarıyla çalışır mı?
Gutenberg hem klasik hem de blok temalarıyla çalışır. Klasik temalar, gönderi ve sayfa içeriğinde blok düzenlemeyi destekler. Blok temaları ayrıca başlıklar, alt bilgiler, şablonlar ve küresel stiller için Tam Site Düzenlemesi (FSE) desteği sunar. Tam FSE deneyimi için bir blok temasına ihtiyacınız var.
Classic Editor içeriğini bloklara nasıl dönüştürebilirim?
Gutenberg'de bir Classic Editor gönderisini açtığınızda, WordPress içeriği bir Classic bloğuna sarar. İçeriği bireysel bloklara dönüştürmek için "Bloklara Dönüştür" seçeneğine tıklayabilirsiniz. Dönüşümü sonrasında gözden geçirin, çünkü karmaşık düzenler manuel ayarlama gerektirebilir.
Gutenberg sayfaları Classic Editor sayfalarından daha yavaş mı?
Hayır. Gutenberg, Classic Editor çıktısıyla karşılaştırılabilir veya daha az kaynak kullanan temiz HTML üretir. Blok editör, ön yüz üzerinde önemli bir yük eklemez. Editör arayüzü (yönetim panelinde) Classic Editor'dan daha fazla kaynak kullanır, ancak bu ziyaretçilerin deneyimini etkilemez.
Kodlama olmadan özel bloklar oluşturabilir miyim?
Evet, bir dereceye kadar. Mevcut blokları düzenleyerek özel blok desenleri oluşturabilirsiniz. Gerçekten özel işlevselliğe sahip bloklar için JavaScript (React) geliştirmeye ihtiyacınız var. Birçok eklenti, kodlama gerektirmeyen blok oluşturucular sunar, ancak bunlar kodlanmış çözümlerle karşılaştırıldığında sınırlamalara sahiptir.
Senkronize desenler nedir ve normal desenlerden nasıl farklıdır?
Senkronize desenler (eski adıyla Yeniden Kullanılabilir Bloklar), tüm örnekleri arasında bağlantılıdır. Birini düzenlemek, hepsini günceller. Normal desenler şablonlardır — birini eklemek, diğer kullanımları etkilemeden değiştirebileceğiniz bağımsız bir kopya oluşturur. İçeriğin her yerde tutarlı olması gereken durumlar için senkronize desenleri kullanın (CTA'lar, feragatnameler). Başlangıç noktası olarak istediğiniz düzenler için normal desenleri kullanın.
Blok editörü sorunlarını nasıl gideririm?
Yaygın çözümler arasında: tarayıcı önbelleğinizi temizlemek, çakışmaları belirlemek için eklentileri birer birer devre dışı bırakmak, geçici olarak varsayılan bir temaya geçmek ve tarayıcınızın geliştirici konsolunda JavaScript hatalarını kontrol etmek yer alır. Çoğu blok editörü sorunu, temel sorunlardan ziyade eklenti çakışmalarından kaynaklanır.
Tam Site Düzenlemesi üretim kullanımı için hazır mı?
2026 itibarıyla, Tam Site Düzenlemesi stabil ve üretim için hazırdır. Özellik seti, her WordPress sürümüyle birlikte önemli ölçüde olgunlaşmıştır. Ancak, blok temaları ve desenleri ekosistemi hala büyümektedir. Eğer geniş önceden oluşturulmuş şablonlara ihtiyacınız varsa, seçimlerin klasik tema seçeneklerine kıyasla daha sınırlı olduğunu görebilirsiniz.
Blok Hazır Bir WordPress Teması Bulun
Gutenberg ve Tam Site Düzenlemesi için optimize edilmiş premium WordPress temalarını göz atın. Temiz kod, hızlı performans ve profesyonel tasarımlar.
Temaları Göz At →
