Gutenberg WordPress Editörü: Bilmeniz Gereken 10 Şey
Yayınlanan: 2020-10-23WordPress blok editörü olarak da bilinen Gutenberg WordPress editörü, artık WordPress çekirdeğinin bir parçasıdır. WordPress editörüne yönelik bu yeni yaklaşım sizin için ne anlama geliyor? Ya zaten bir WordPress sayfa oluşturucu kullanıyorsanız?
Bu kılavuzda, WordPress için yeni Gutenberg editörünün temellerini ve bilmeniz gerekenleri gözden geçireceğiz.
Gutenberg WordPress Editörü nedir?
WordPress blok editörü olarak da adlandırılan Gutenberg WordPress editörü, WordPress 5.0+ sürümüne dahil olan yeni bir sayfa oluşturucudur. Gutenberg editörü, her güncel WordPress web sitesine içerik blokları ve sayfa oluşturucu benzeri işlevler ekler.
Gutenberg, gönderiler ve sayfalar için varsayılan içerik düzenleyici olarak TinyMCE'yi (WYSIWYG) kullanan önceki WordPress klasik düzenleyicisinin yerini alıyor. Gutenberg ile içerik, daha büyük bir içerik alanı yerine bireysel "bloklar" halinde eklenir.
Yeni WordPress blokları, paragraflardan, başlıklardan, listelerden, resimlerden, galerilerden, yerleştirmelerden ve çok daha fazlasından her şeyi içerir.

Gutenberg, WordPress'te yıllardır yapılan en büyük güncellemeyi temsil eden WordPress 5.0 ile piyasaya sürüldü. Gutenberg piyasaya çıktığından beri, WordPress ile web siteleri geliştiren, kullanan ve tasarlayan birçok kişiyi içeren yeni WordPress editörü hakkında sağlıklı bir tartışma devam ediyor.
Gutenberg'in Amacı
Gutenberg editörünün birincil amacı, kullanıcıların daha fazla esnekliğe sahip gönderiler ve sayfalar oluşturmasına yardımcı olmaktı. Gutenberg'in WordPress'in diğer sayfa oluşturma web sitesi platformlarıyla daha doğrudan rekabet etmesine yardımcı olmayı amaçladığı da tahmin edilebilir.
Bağlam için, yeni Gutenberg WordPress editörünün amacı hakkında birkaç alıntı.
- "Blok düzenleyicinin amacı, WordPress'e zengin içerik eklemeyi basit ve eğlenceli hale getirmektir." – WordPress.org'daki Gutenberg eklenti açıklamasından.
- “Gutenberg, WordPress için ileriye doğru atılmış önemli bir adım. Gutenberg, WordPress'in yalnızca makale yazmakla kalmayıp içerik düzenleri oluşturmasını sağlar. WordPress'te daha basitleştirilmiş bir kullanıcı deneyimine yönelik birçok geçişten biridir." – Zack Katz, WordCamp Denver 2017'de konuşuyor
Gutenberg neden WordPress için bir ilerleme? WordPress görsel editörü yıllardır durgundu. Tahmin edilebilir olsa da, tam olarak harika bir deneyim değildi. Amaç, Wix ve Squarespace tarafından sunulanlar gibi yeni kullanıcılar için daha sezgisel bir arayüze sahip olmaktır.
1. WordPress Kurucusu Matt Mullenweg Gutenberg'in Tamamen Arkasında
- The State of the Word 2016'da Mullenweg, görsel editörün 2017'nin üç temel odak noktasından biri olacağını duyurdu.
- Matt, bu yılın başlarında Gutenberg'in proje liderliğini devraldı ve Automattic çalışanları Matias Ventura ve Joen Asmussen'i geliştirmeyi yönetmeye atadı.
- Matt'in Gutenberg'e bakışını buradan okuyun: Bir Nedenden dolayı Gutenberg olarak adlandırdık.
- Ayrıca Gutenberg'in REACT javascript kullanılarak yazıldığını da unutmayın. Facebook'un projeyi MIT lisansı altında yeniden lisanslamak için yaptığı son hamleyle Matt Mullenweg, WordPress.com ve Gutenberg'in farklı bir kitaplık kullanılarak yeniden yazılacağını duyurdu. İşte REACT ve WordPress hakkında daha fazla bilgi.
2. Gutenberg İlk Önce Hala Aktif Olarak Geliştirilen Ayrı Bir Eklentiydi
Gutenberg, WordPress'in çekirdek sürümüne dahil edilmeden önce, Gutenberg ilk olarak, kullanıcıların onu test etmesine ve WordPress'te içerik oluşturma ve düzenleme şeklini nasıl değiştireceğini görmesine izin veren ayrı bir eklenti olarak geliştirildi.
- Bugün, Gutenberg eklentisi, haftalık güncellemelerle hala aktif olarak geliştirilmektedir.
- Gutenberg eklentisi genellikle çekirdek WordPress'ten önceki birkaç sürüm sürümüdür, bu nedenle WordPress blok düzenleyicisinin yeni özelliklerini WordPress çekirdeğine eklenmeden önce önizleyebilirsiniz.
- Gutenberg eklentisini çalıştırmak, WordPress blok düzenleyicisinin en yeni özelliklerini edinmenin harika bir yoludur. Ayrıca, blok düzenleyicinin ufukta ne olduğunu bilmek geliştiriciler ve müşterilerle çalışanlar için inanılmaz derecede yararlıdır.
3. Gutenberg, Varsayılan İçerik Düzenleyicisi Olarak WordPress 5.0'a Girildi
16 Aralık 2018'de WordPress 5.0 yayınlandı. WordPress'in bu büyük sürüm sürümü, yazı ve sayfa düzenleyicide büyük bir revizyon içeriyor ve Gutenberg'i varsayılan WordPress düzenleyicisi olarak sunuyor.
WordPress tarihinde şimdiye kadarki en çok beklenen ve en çok tartışılan sürüm olan Gutenberg editörü, WordPress'in başlangıcından bu yana var olan önceki klasik editörden çarpıcı bir şekilde ayrıldı. Bazı kullanıcılar, 5.0 sürümünün ardından WordPress düzenleyicisinin büyük farklılığına hazırlıksız yakalanmış olabilir.
4. Gutenberg ayrıca Yaygın Olarak WordPress Blok Düzenleyicisi Olarak Adlandırılır
Zaman geçtikçe, yeni WordPress düzenleyicisinin nasıl adlandırılacağı konusunda hala bazı karışıklıklar var. Projenin adı Gutenberg'di, bu yüzden bazı insanlar hala ona Gutenberg Editörü ve "blokları" Gutenberg blokları diyor.

Öte yandan, yeni düzenleyici, WordPress kullanıcı arayüzü içinden blok düzenleyici olarak anılır. WordPress.org'daki belgeler, onu yalnızca WordPress düzenleyicisi olarak adlandırır.
5. Gutenberg Her Sürümde Gelişmeye ve İyileşmeye Devam Ediyor
Aralık 2018'den bu yana, WordPress çekirdeğinin tüm ana sürümleri, Gutenberg Düzenleyicisi için yeni özellikler, geliştirmeler ve hata düzeltmeleri içeriyor. Düzenleme deneyimi gelişmeye devam etti ve iyi bir şekilde.
Örneğin, WordPress 5.5'in en önemli yeni özellikleri ve geliştirmeleri büyük ölçüde blok düzenleyiciyle ilgiliydi. Kullanıcı arabirimi, erişilebilirlik, sürükle ve bırak ve diğer kullanılabilirlik sorunlarına yönelik iyileştirmeler ele alınmaya devam ediyor.
6. Gutenberg Blokları Genişlemeye ve İyileşmeye Devam Ediyor
Gutenberg'in birincil amacı, yazıların ve sayfaların WordPress içinde nasıl oluşturulduğu ve düzenlendiğiyle ilgili daha iyi, zengin içerik düzenleme deneyimi yaratmaktı. Bunun ötesinde, Gutenberg'in vizyonu, yazı/sayfa düzenleyicisinin ötesine geçerek, widget'lara ve kenar çubuklarına ve hatta bir web sitesinin üstbilgisine ve altbilgisine kadar uzanır.
Esasen Gutenberg, bir gönderi veya sayfa almanıza ve içeriği çeşitli "bloklara" ayırmanıza olanak tanır. Örneğin, WordPress blokları bir resim bloğu, paragraf bloğu, alıntı bloğu, başlık bloğu, hatta bir düğme bloğu içerir. WordPress Blokları: Gutenberg Blokları İçin En İyi Kılavuz'da daha fazlasını okuyun.
İşte Gutenberg düzenleyicisine dahil olan varsayılan WordPress bloklarından birkaçı.
WordPress bloğu | Açıklama |
---|---|
Ses | Basit bir ses oynatıcı yerleştirin. |
Düğmeler | Güzel düğmelerle dönüşümleri artırın. |
Kategoriler | Tüm kategorilerin bir listesini görüntüleyin. |
Klasik | Klasik WordPress düzenleyicisini kullanın |
kod | Boşluklarınıza ve sekmelerinize uyan kod parçacıklarını görüntüleyin. |
Sütunlar | İçeriği birden çok sütunda görüntüleyen bir blok ekleyin, ardından istediğiniz içerik bloklarını ekleyin. |
Örtmek | Metin kaplamalı bir resim veya video ekleyin - başlıklar için harika. |
Göm | Harici kaynaklardan video, resim, tweet, ses ve diğer içerikleri gömün. |
Dosya | İndirilebilir bir dosyaya bağlantı ekleyin. |
Galeri | Zengin bir galeride birden çok resim görüntüleyin. |
Başlık | Ziyaretçilerin (ve arama motorlarının) içeriğinizin yapısını anlamasına yardımcı olmak için yeni bölümler tanıtın ve içeriği düzenleyin. |
resim | Görsel bir açıklama yapmak için bir resim ekleyin. |
Son gönderi | En son gönderilerinizin bir listesini görüntüleyin. |
Liste | Madde işaretli veya numaralı bir liste oluşturun. |
Paragraf | Tüm anlatıların yapı taşı. |
Alıntı yap | Metninizden bir alıntıya özel görsel ilgi gösterin. |
Alıntı | Alıntılanan metne görsel vurgu verin. |
Daha | Bir "Daha fazlasını okuyun" öğesi ekler |
Ayırıcı | Yatay bir ayırıcıyla fikirler veya bölümler arasında bir mola oluşturun. |
Kısa kod | WordPress kısa kodlarıyla ek özel öğeler ekleyin. |
ara parçası | Bloklar arasına beyaz boşluk ekleyin ve yüksekliği özelleştirin. |
7. Gutenberg'i Devre Dışı Bırakabilirsiniz, Ama Belki Sonsuza Kadar Değil
Gutenberg editörünü sevmiyor musun? Yeni blok düzenleyicinin, sitenizi çalıştıran mevcut temanız veya eklentilerinizle tam olarak uyumlu olmadığını fark ettiğiniz zamanlar olabilir. İyi haber şu ki, Klasik Düzenleyici adlı bir eklenti kullanarak klasik düzenleyiciye geri dönebilirsiniz.
Classic Editor, WordPress ekibi tarafından sağlanan ve önceki (“klasik”) WordPress düzenleyicisini ve “Yazıyı Düzenle” ekranını geri yükleyen resmi bir eklentidir. Bu ekranı genişleten, eski tarz meta kutuları ekleyen veya önceki düzenleyiciye bağlı olan eklentileri kullanmayı mümkün kılar.
WordPress ekibine göre, Klasik Düzenleyici, yalnızca en az 2022 yılına kadar tam olarak desteklenecek ve bakımı yapılacak resmi bir WordPress eklentisidir. Yakın zamanda “veya gerektiği kadar” eklenseler de.
Klasik düzenleyiciyi WordPress ile nasıl kullanacağınız hakkında daha fazlasını burada bulabilirsiniz.
8. Gutenberg'in Artık Üçüncü Taraf Bir Blok Dizini Var
WordPress blok dizini, WordPress kullanıcılarının WordPress blok düzenleyicisi içinden üçüncü taraf WordPress bloklarını keşfedebileceği, kurabileceği ve test edebileceği yeni bir yoldur. WordPress 5.5'te tanıtılan WordPress Blok Dizini, ihtiyaçlarınıza en uygun WordPress bloğunu bulmayı kolaylaştırır.

Blok eklentilerinin WordPress.org Eklenti Dizinindeki diğer eklentilerden nasıl ayırt edilmesi gerektiğine ilişkin bir tartışmaya dayanarak, yeni Blok Dizini, Eklenti Dizini içinde yalnızca tek blok eklentileri içeren bir bölüm olarak oluşturuldu . Yeni WordPress Blok Dizini, ana eklenti dizininden ayrıdır, bu nedenle normal WordPress eklentilerine veya tek blok eklentilerine göz atıyorsunuz.
Bir tek blok eklentisi bloğu, bu yüzden, tek Gutenberg bloğu sağlar nispeten küçük, basit bir eklenti olması amaçlanmıştır.
Artık WordPress 5.5'te ihtiyacınız olan bloğu bulmak hiç olmadığı kadar kolay. Yeni WordPress blok dizini doğrudan blok düzenleyicinin içine yerleştirilmiştir , böylece düzenleyiciden hiç ayrılmadan sitenize yeni blok türleri yükleyebilirsiniz.

Yeni blok yerleştiriciyi kullanmak ve mevcut blokları aramak için sayfanın sol üst köşesindeki “+” simgesini kullanın. Hala oldukça yeni göründüğü için blok dizininin gelecekte gerçekten yükselişe geçmesini izleyin (hala çok fazla seçenek yok; neredeyse hiç inceleme yok).

9. Yeni Blok Desenleri Tam Sayfa Oluşturmanın Yolunu Açıyor
WordPress 5.5'te blok düzenleyici, blok desenleri adı verilen yeni bir kavram sunar . Blok desenleriyle artık önceden tanımlanmış blok düzenleri oluşturabilir ve paylaşabilirsiniz. Blok kalıpları, blok düzenleyicinin bir sayfa oluşturucu haline gelmesinin yolunu gerçekten açıyor. Blok düzenleyici bu yönde gelişmeye devam ederken, çıkarılacak blok kalıplarına dikkat edin.

Ekranın sol üst köşesindeki “+” simgesini kullanarak kayıtlı blok kalıplarını bulabilirsiniz. Artık hem Bloklar hem de Modeller sekmesini (artı varsa Yeniden Kullanılabilir) göreceksiniz, böylece bu seçenekler arasında geçiş yapabilirsiniz. Ardından, diğer bloklar gibi yazınıza/sayfanıza Blok Kalıpları ekleyebilirsiniz.
Yeni blok desenleri, karıştırabileceğiniz ve eşleştirebileceğiniz blok kombinasyonlarını kullanarak karmaşık, güzel sayfa ve gönderi düzenleri oluşturmayı basitleştirir. Ayrıca, her zaman daha fazla eklenen çok çeşitli eklenti ve temalarda blok kalıpları bulacaksınız.
WordPress 5.5 sürüm ekranı
WordPress 5.5, bir dizi yerleşik blok deseni ile birlikte gelir, ancak üçüncü taraf eklentilerin ve temaların ek blok desenleri kaydetmesi veya mevcut olanları kaldırması da mümkündür. Blok kalıplarını çalışırken görmek için Twenty Twenty varsayılan temasına göz atın. Twenty Twenty, WordPress'in en son sürümüyle nelerin mümkün olduğunu gerçekten vurguladığı için bir geliştirme sunucusuna yüklemek için her zaman iyi bir temadır.
10. Gutenberg, WordPress Kısa Kodlarına İhtiyacı Değiştiriyor
WordPress blok düzenleyicisinden önce, WordPress kısa kodları, bir WordPress web sitesinin sayfalarına, yayınlarına ve diğer bölümlerine eklenti ve tema işlevleri eklemeyi kolaylaştırmak için WordPress düzenleyicisine isabet eden en iyi şeylerden biriydi.
Blok düzenleyiciye geçişle birlikte, hala kısa kodlarla dolu olan eski eklentilerin ve web sitelerinin çoğu için bu ne anlama geliyor? WordPress kısa kodları çalışmaya devam edecek mi? WordPress kısa kodlarını kullanmaktan WordPress bloklarına kolayca geçmenin bir yolu var mı?
Özetle, WordPress blok düzenleyicisinin kısa kodlar için önemli etkileri vardır. WordPress blok düzenleyici, çoğu eklenti ve tema için kısa kodların ihtiyacını ve amacını temelden değiştirir. Blok tabanlı bir düzenleme sistemiyle, sayfadaki her "öğenin" düzenlenebilir tek bir WYSIWYG düzenleyicisinde yer almak yerine kendi bloğu vardır.
Gutenberg WordPress Düzenleyicisi Üzerine Not Makaleleri
Bu, Gutenberg hakkında bugüne kadar okuduğum en iyi makalelerin bir derlemesi.
Chris Lema Gutenberg hakkında konuşuyor
http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/
Alıntı:
- “Bu eklentiyle bir sorunu çözeceksek, bu, insanların bir arayüzde düzenleme yaptıklarında ve iş ürünlerinin düşündükleri gibi görünmeyen farklı bir arayüzde göründüğünü gördüklerinde sahip oldukları bilişsel uyumsuzluk olmamalı mı? istemek?"
Beaver Builder'ın Gutenberg'e Cevabı
Alıntı:
- “Kısacası, gerçekten heyecanlıyız ve Gutenberg'i destekliyoruz! Umudumuz, projenin Beaver Builder'ın benimseyebileceği ve genişletebileceği bir şeye dönüşmeye devam etmesidir. Projede çekirdek ekiple işbirliği yapıyoruz ve hem iyimser hem de dikkatli bir şekilde Gutenberg'in işimiz ve genel olarak WordPress alanı üzerindeki potansiyel etkisi hakkında spekülasyon yapıyoruz. Gutenberg “Blokları”nın Beaver Builder modülleriyle değiştirilebildiğini veya kaydedilmiş bir satırı bir Gutenberg sayfasına sürükleyebildiğinizi hayal edin. Veya Gutenberg'in metin düzenleyicisi Beaver Builder'da satır içi olarak kullanılabilir. Çok fazla eğlence potansiyeli var, değil mi!?”
Zarif Temalar
Alıntı:
- “Tartışmaya bakarken, her değişikliğin bir miktar atalet ve direnç getireceğini hatırlamak önemlidir. Değişen bir ortamda rekabet edebilmek için WordPress'in ilerlemesi gerekiyor. Ancak bu, dile getirilen endişelerin geçerli olmadığı ve ele alınması gerekmediği anlamına gelmez. Neyse ki, geliştiriciler tam da bunu yapmak için ellerinden geleni yapıyorlar. Yine de, kaç kişinin endişelendiğini ve dışlanmış hissettiğini görünce, belki biraz daha fazla iletişim gereklidir.”
WPMU Üzerine Oldukça Scathing İncelemesi
Bu yumruk atmıyor.
Alıntı:
- "Gutenberg editör eklentisi üzerinde çalışan geliştiriciler eklentiyi oluşturmak için çok çaba sarf etmiş olsa da ve şu ana kadarki çabalarından dolayı onları takdir ediyorum, gerçek şu ki, bu eklenti WordPress'e dahil edilmek için hiçbir zaman hazır değil ve çok ihtiyacı var. daha fazla iş, özellikle UX çalışması.”
Yoast, Gutenberg için Alternatif Bir Kurs Öneriyor
Bazı önemli sorunlar not edilmiş ve çözümler önerilmiştir.
Alıntı:
- “Bloklar fikri konusunda çok hevesliyiz, ancak bazı teknik seçenekler ve uygulama sürecinin hızı konusunda güçlü endişelerimiz var. Projede erişilebilirlik konularına öncelik verilmemiş olmasından da endişe duyuyoruz. Ama en önemlisi, eklentilerin yeni editörle entegre olamamasından çok endişeliyiz.”
Yoast, Eklentisini Gutenberg ile Entegre Etme Kavramları Hakkında Konuşuyor
İşte diğer eklenti geliştiricilerinin izleyebileceği bir lider.
https://yoast.com/gutenberg-integration/
Alıntı:
- "Tüm özelliklerimizi parçalayarak ve bunları Gutenberg'e nereye entegre edebileceğimizi görerek başladık. Editörün altında tek bir büyük kutuyu tutmanın müşterilerimize en iyi şekilde hizmet edeceğini düşünmüyoruz. Eylemin gerçekleştiği yere entegre olmayı tercih ediyoruz ve Gutenberg bize bu şansı sunuyor.”
Caldera Formlarından Josh Pollock
Gutenberg hakkında yanıldığını kanıtlamak istediği beş yol:
Alıntı:
- “Bu, WordPress'in geleceği hakkında büyük bir karar. Bir topluluk olarak bunu doğru yapacağımıza inanıyorum, ancak doğru yapmak için çok fazla test, yineleme ve tartışma gerekecek.”
Özetlemek: Gutenberg Hakkında Ne Yapmalısınız?
- Bir şans ver. Gutenberg'i kendiniz tanıyın. Bir test sitesinde veya canlı sitenizde deneyin (evet, yeterince kararlı). Neyi sevdiğinizi ve neyi sevmediğinizi görün.
- Geri bildirim gönderin. Gutenberg eklentisi yakın zamanda kenar çubuğu menü öğesinin altına bir Geri Bildirim bağlantısı ekledi. Biraz zaman ayırın ve Gutenberg'i kullanma deneyiminiz hakkında iyi düşünülmüş gözlemler sunun. "Siz moronsunuz" aradıkları şey değil.
- Panik yapma. Bu konuda birçok iyi insan tarafından yapılan çok sayıda düşünceli tartışma var. Blok düzenleyici gelişmeye devam ediyor ve alışması biraz zaman alsa da, yeni düzenleyiciyi tamamen benimsemenin iyi bir hamle olduğu konusunda hemfikiriz.
Daha Fazla WordPress Blok Düzenleyici (Gutenberg Düzenleyici) Kaynakları

WordPress Yeniden Kullanılabilir Blokları: En İyi Kılavuz
WordPress yeniden kullanılabilir blokları, WordPress blok düzenleyicisinin güçlü bir özelliğidir. Yeniden kullanılabilir bloklar, sık kullandığınız herhangi bir WordPress bloğunu hızlı bir şekilde kaydetmenize olanak tanır. Devamını oku …

WordPress Blok Dizini: Temel Kılavuz
WordPress 5.5'te tanıtılan WordPress Blok Dizini, ihtiyaçlarınıza en uygun WordPress bloğunu bulmayı kolaylaştırır. Devamını oku …

WordPress Blokları: Gutenberg Blokları İçin En İyi Kılavuz
Gutenberg blokları olarak da bilinen WordPress blokları ile kullanıcılar, gönderilerde ve sayfalarda gerçekten görsel bir şekilde zengin içerik oluşturmanın daha kolay bir yolunu deneyimler. Devamını oku …
Kristen, 2011'den beri WordPress kullanıcılarına yardımcı olmak için eğitimler yazıyor. Onu genellikle iThemes blogu için yeni makaleler üzerinde çalışırken veya #WPprosper için kaynaklar geliştirirken bulabilirsiniz. Kristen iş dışında günlük tutmaktan (iki kitap yazdı!), doğa yürüyüşü yapmaktan ve kamp yapmaktan, yemek pişirmekten ve daha güncel bir hayat yaşamayı umarak ailesiyle günlük maceralardan hoşlanıyor.
