Gutenberg 12.1 Ekleyici Düzeni Kaymasını Engelleyen, Şablon Listesi Görünümleri Ekleyen ve Global Stilleri İyileştiren Düzeltmeler

Yayınlanan: 2021-12-09

Bugün erken saatlerde Gutenberg 12.1, WordPress eklenti dizinine girdi. En son sürüm, blok ekleyici düzeni kayması için bir düzeltme, yeni global stil özellikleri ve iyileştirilmiş şablonlar listesi görünümü dahil olmak üzere kullanıcı deneyiminde yapılan iyileştirmeler üzerinde yoğundu. Tema yazarlarının ayrıca, görünümle ilgili tüm araçları etkinleştirmek için yeni bir bayrağı vardır.

WordPress 5.9'un bugün piyasaya sürülmesi planlanmıştı, ancak 25 Ocak 2022'ye ertelendi. Katkıda bulunanların, sürümle birlikte gelen site düzenleyiciyi ve ilgili araçları iyileştirmek için daha fazla zamana ihtiyacı vardı. Şimdiye kadar, hataları düzelterek ve genel olarak daha iyi bir kullanıcı deneyimi yaratarak fazladan zamanı kullanıyorlar.

Artık Düzen Kaydırma Yok

Gutenberg 12.1'deki tek değişiklik bu olsaydı, dünyanın en mutlu kullanıcısı olurdum. Neyse ki, sahip olunması gereken başka öğeler de var, ancak blok düzenleyiciyi kullandığım üç yıldaki en büyük evcil hayvan çişimi şimdi düzeltildi.

İçerik tuvalindeki blok ekleyici (o küçük + düğmeleri) artık sabit konumlandırma kullanılarak gösterilmektedir. Bu, blokları, özellikle diğerlerinin içine yerleştirilmiş olanları seçtiğinizde, ekranın artık zıplamadığı, düzeni değiştirmediği veya mükemmel bir bölümde boşluk bırakmadığı anlamına gelir.

Ekleyici düğmesi düzeni değiştirmez.

Başkalarıyla konuştuğumdan, geçmişte karmaşık düzenler oluştururken bunun bir acı noktası olduğunu biliyorum. Bazıları için, çok rahatsız edici olduğu için blok düzenleyiciyi hiç kullanmıyorlardı. Bu kampa düşerseniz, bir kez daha denemeye değer. Kullanıcı deneyiminde belirgin bir gelişmedir.

Global Stil İyileştirmeleri

Kullanıcılar artık global stiller kenar çubuğundaki renk paleti bölümü aracılığıyla özel degradeler tanımlayabilir. Bunlar site genelinde mevcut olacak ve temaya bağlı olmayacak.

Özel bir degrade oluşturma.

Palet aynı degrade bölümü altında çift tonlu renkleri de gösterir. Ancak, henüz özel çift ton filtreler oluşturma seçeneği yoktur. Salt okunur bir bölümdür.

Global stiller paneli ayrıca tipografi seçeneklerini metin ve bağlantı öğeleri arasında bölerek gelecekte diğer HTML öğelerinin kapısını açar.

Bağlantı tipografi bölümü.

Kullanıcılar muhtemelen bunu bağlantılar için değiştirmemelidir. Bunun yerine, genellikle çevreleyen metinle eşleşmelidirler. İleride metin-dekorasyon veya benzeri seçenekler alırsak, ayırma daha mantıklı olabilir. Ancak, yazı tipi boyutu veya satır yüksekliği gibi ayarların değiştirilmesi büyük olasılıkla tasarıma zarar verebilir.

Şablonlar ve Şablon Parçaları Görünümleri

Gutenberg 12.1, site düzenleyicisinden yeni bir şablonlar ve şablon parça listesi görünümü sunar. Bu özelliğin kullanıcı arayüzü, son birkaç eklenti sürümünde atladı. Liste, aylarca düzenleyicide soldaki kayar panel aracılığıyla mevcuttu. Daha sonra, 11.9'da tamamen kaldırıldı. Bu sürüm ile 12.0 arasında yeniden ortaya çıktı.

Panel şimdi Site, Şablonlar ve Şablon Parçaları için üç bağlantı içerecek şekilde ölçeklendirildi. İlk bağlantı site düzenleyicisini getirir. Diğerleri mevcut şablonların tablolarını görüntüler.

Şablonlar listesi görünümü.

Ekranlar arasında geçiş yapmak şu anda yavaş geliyor. Ancak bu, dünyadaki WordPress kullanıcılarının göreceği site düzenleyicisinin 1.0 sürümüdür. Muhtemelen zamanla değişecektir. Duyuru gönderisinde Riad Benguella, "Tasarımın mevcut yinelemesi basitliği ve kullanılabilirliği destekliyor" diye yazdı. "Gelecekte istemci tarafında gezinme ve mozaik görünümü uygulayan yinelemeler eklenebilir."

Kategori veya yazar arşivi gibi özel şablonlar eklemenin bir yolu yok gibi görünüyor. “Yeni Ekle” düğmesine tıklamak, Yirmi Yirmi İki temasını kullanırken bir Ön Sayfa ve Arama şablonu için seçenekler sunar.

Ancak, yeni bir şablon parçası eklemek çok daha rafine bir işlemdir. Bir tane oluşturmak için düğmeye tıkladıktan sonra, kullanıcılara aşağıdaki ekran görüntüsünde gösterildiği gibi bir bindirme ve form sunulur:

Özel bir şablon parçası oluşturma.

Kullanıcılar buna özel bir ad verebilir ve izin verilen üç alan arasından seçim yapabilir: genel, üstbilgi ve altbilgi. Yeni bir parça oluşturulduktan sonra kullanıcılar editöre alınır.

Şablon parça listesini tekrar görüntülerken, onu oluşturan kullanıcıyı görüntüler ve bir seçenekler açılır menüsüne (üç nokta düğmesi) sahiptir. Şu anda, tek eylem parçayı silmek.

Şablon Parça listesi görünümü.

Yeni bir tane oluştururken üst düzey şablonların şablon parçalarıyla aynı muameleyi gördüğünü görmek isterim. Aralarında bazı küçük farklılıklar olsa da, günün sonunda her ikisi de şablondur. Oluşturma süreçleri eşleşirse kullanıcı deneyimi fayda sağlayacaktır.

Bu ekrandan varsayılan listenin dışında özel şablonlar oluşturmak, tasarımcıların site düzenleyicisinden görsel olarak temalar oluşturmasına da yardımcı olur.

Boş Gezinme Geri Dönüşü

En son sürüm, boş Gezinme menü bloğu için bir geri dönüş sağladı. Sonuç olarak, herhangi bir menü bulunamazsa, Sayfa Listesi bloğunu görüntüler. Bir kullanıcının sitesinde kaç sayfa olduğuna bağlı olarak bu, Yirmi Yirmi İki'nin aşağıdaki ekran görüntüsünde gösterildiği gibi hızla kontrolden çıkabilir:

Uzun sayfa listesiyle gezinme bloğu yedeği.

Tema geliştiricileri, block_core_navigation_render_fallback filtre kancası aracılığıyla, Navigasyon üst öğesi için false bir değer veya bir dizi geçerli alt blok döndürerek bu geri dönüşün üzerine yazabilir. Tema yazarları, onları bu filtre kancasını cömertçe kullanmaya davet ediyorum.

Dikkate Değer Blok Tema Öğeleri

Blok teması geliştiricileri için standart şablonla ilgili klasörler yeniden adlandırıldı. Eski isimler çalışmaya devam edecek, ancak yazarların temalarında aşağıdakileri güncellemeleri gerekiyor:

  • /block-templates /templates şablonlar olarak yeniden adlandırıldı
  • /block-template-parts , /parts olarak yeniden adlandırıldı

Bu değişiklik, üst düzey tema dizinini temizler, ancak gelecekte daha fazla standardizasyona giden bir yol da oluşturur. /patterns için zaten açık bir bilet var ve bir /styles klasörü mümkün.

Gutenberg 12.1 ayrıca theme.json için bir appearanceTools Araçları bayrağı sunar ve tema yazarlarının mevcut ve gelecekteki tüm kenarlık, renk, boşluk ve tipografi seçenekleri için desteği etkinleştirmesine olanak tanır. Bunu, özelliği yanlışlıkla son sürümle birlikte paketlenmiş olarak işaretleyen Gutenberg 12.0 gönderisinde daha ayrıntılı olarak ele aldım.