Açıklama

Gutenberg bir düzenleyiciden daha fazlası. Şu an odak noktası düzenleme olsa da kişiselleştirme dahil tüm yayıncılık deneyimini etkileyecek (bir sonraki odak noktası).

Proje hakkında daha fazla bilgi edinin.

Düzenleme odağı

Düzenleyici daha önce kısa kodlar, özel HTML ya da gömü içeriklerin keşfi gibi yöntemler yerine “bloklar” kullanarak daha kolay, daha zengin bir yazı ve sayfa oluşturma deneyimi sunmaya çabalıyor.

WordPress’i diğer sistemlerden ayrı kılan şeylerden biri, hayal edebileceğiniz kadar zengin bir yazı düzeni oluşturmanıza izin vermesidir; ancak yalnızca HTML ve CSS’yi biliyor ve kendi özel temanızı oluşturuyorsanız. Editörün zengin yazılar yazmanıza ve güzel düzenler oluşturmanıza izin veren bir araç olduğunu düşünerek, kullanıcıların WordPress’i herkesin kullandığı şey olduğu için seçmeleri yerine sevdikleri bir şeye dönüştürebiliriz.

Gutenberg, editöre neredeyse bir on yıldan beri büyük ölçüde değişmemiş bir düzeni gözden geçiren bir içerik alanından daha fazla bir şey olarak görüyor. Bu, modern bir kurgu deneyimini kendimiz tasarlamaya ve gelecek şeyler için bir temel oluşturmamıza izin veriyor.

İşte bu yüzden sadece içerik alanına değil, tüm düzenleme ekranına bakıyoruz:

1. Blok çoklu arayüzleri birleştirir. Bunu mevcut arayüzün üstüne eklersek, karmaşıklığı kadlrımanın aksine ekleyecekti.
2. Arayüzü yeniden gözden geçirerek, hem yeni hem de sıradan kullanıcılardan yararlanarak, yazma, düzenleme ve yayınlama deneyimini, kullanılabilirlik ve basitliği göz önünde bulundurarak modernize edebiliriz.
3. Tekil blok arayüzü merkez sahneye geçtiğinde, geliştiricilerin hem kısa kodlardan hem de bileşenlerden üstün ayrıcalıklı bloklar oluşturması için ileriye giden net bir yol gösterir.
4. Tüm arayüz göz önüne alındığında, bir sonraki odaklanma, tam site özelleştirmesi için sağlam bir temel oluşturur.
5. Tam editör ekranına bakmak aynı zamanda temeli büyük ölçüde modernize etme ve WordPress REST API’sini tam anlamıyla kullanan, daha akıcı ve JavaScript destekli bir geleceğe doğru adımlar atma fırsatını da veriyor.

Bloklar

Bloklar, farklı şekillerde kısa kodlar, katıştırmalar, bileşenler, posta biçimleri, özel yazı tipleri, tema seçenekleri, meta kutular ve diğer biçimlendirme öğeleriyle kapsanan şeyin birleştirici evrimidir. Tutarlı bir kullanıcı deneyiminin netliği ile WordPress’in yapabildiği işlevselliğin genişliğini benimsiyorlar.

Bir müşterinin resmi, adı ve biyografiyi otomatik olarak görüntülemek için Hakkında sayfasına sürükleyebileceği özel bir “çalışan” bloğu hayal edin. WordPress’i aynı şekilde genişleten bütün bir eklenti evreni. Basitleştirilmiş menüler ve bileşenler. WordPress’i ve eklentilerin %90’ını anında anlayabilen ve kullanan kullanıcılar. Bu, bu örnek gibi güzel yayınları kolayca oluşturmanıza olanak sağlar.

Proje ile ilgili en yaygın soruların cevapları için SSS‘a göz atın.

Uyumluluk

Yazılar geriye doğru uyumlu ve kısa kodlar hâlâ çalışmaya devam edecek. Biz özel uyarlanmış meta kutuları nasıl uyum sağlayabilir sürekli araştırıyoruz ve bir eklentiden Gutenberg’i devre dışı bırakmaktan otomatik olarak yüklenip yüklenemeyeceğine kadar uzanan çözümlere bakıyoruz. Biz yazım ve yyayımlama için yeni düzenleme deneyimini kullanıcı dostu yapmak isterken, yüksek oranda özelleştirilmiş mevcut siteler için de iyi bir çözüm bulmakta kararlıyız.

Gutenberg’in aşamaları

Gutenberg’in üç planlı aşaması bulunmakta. WordPress 5.0’a dahil edilmeyi amaçlayan ilk aşama, içerikleri düzenleme deneyimine ve blokların yerleştirilmesine odaklanır. Bu ilk aşama, içerik önceliği yaklaşımına odaklanır. Yukarıda açıklandığı gibi blokların kullanımı, içeriğinizin diğer yapılandırma seçeneklerinin dikkatinizi dağıtmadan nasıl görüneceğine odaklamanıza olanak sağlar. Sonuç olarak bu, tüm kullanıcıların içeriklerini ilgi çekici, doğrudan ve görsel bir şekilde sunmalarına yardımcı olacaktır.

Gelecek yıllar içinde, bu temel unsurlar iki ve üçüncü aşamaların önünü açacak, yayınların düzenlenmesinin ötesinde sayfa şablonlarına ve en sonunda bütün sitenin özelleştirmesine gidilecek.

Gutenberg büyük bir değişiklik ve mevcut işlevselliklerin (kısa kodlar ve meta kutular gibi) geliştirilmeye devam etmesini sağlamanın yanı sıra, geliştiricilere etkili geçiş zaman ve yollarına izin vermenin yolları olacak. Nihayetinde, eklenti ve tema geliştiricilerinin, çekirdek tarafından desteklenen bir araç setinden yararlanan daha ilgi çekici ve görsel bir deneyim aracılığıyla kullanıcılara daha iyi hizmet vermesi için yeni fırsatlar sunacak.

Katkıda bulunanlar

Gutenberg çok sayıda katkıda bulunanlar ve gönüllüler tarafından inşa edilmiştir. Lütfen tüm listeye bakın. katkıda bulunanlar.

Deneyler

• Navigation block:
  • Support color customization.
  • Improve the Link edition UI.
• Block Content Areas:
  • Implement a frontend template loader based on the  wp_template CPT.
  • Add a temporary UI to edit wp_template CPT posts.
  • Site başlık bloğu.

Yeni API

• Add VisuallyHidden component.
• Add @wordpress/base-styles package to share the common variables/mixins used by the WordPress packages.
• Add Platform component to allow writing platform (web, mobile) specific logic.
• Add isInvalidDate prop to DatePicker.
• @wordpress/env improvements:
  • Support custom ports.
  • Support using it for themes.
• Add a new experimental React  hook to support colors in blocks.
• Add a new experimental DimentionControl component.

Diğer

• Storybook:
  • Add a story for the CheckboxControl component.
  • Add a story for the Dashicon component.
  • Add a story for the ColorPalette component.
  • Add a story for the ColorPicker component.
  • Add a story for the ExternalLink component.

Add knobs to the ColorIndicator Story.

• Several other enhancements to existing stories.
• Linting fixes for Storybook config.
• Fix Lint warnings triggered by JSDoc definitions.
• Reorganize e2e tests specs into three folders: editor, experimental and plugin.
• Cleanup skipped e2e tests.
• Add a link to Storybook from the Gutenberg playground.
• Optimize the @wordpress/compose package to support tree-shaking.
• Code Quality:
  • Refactor the Button block edit function to use a functional component.
  • Change the name of the accumulated variables in reduce functions.
  • Remove wrapper around the Table block cells.
• Fix several issues related to Node 12 becoming LTS.
• Add the Block Inspector to the Gutenberg playground.

Belgeler

• Enhance the Git workflow documentation.
• Clarify block naming conventions.
• Tweaks and typos: 1, 2.