Gutenberg 12.5 Global Stil Varyasyonlarını Tanıtıyor, Bitişik Düğme Stilini Koruyor ve Renk Seçicilere Alfa Şeffaflığı Ekliyor

Gutenberg 12.5, bugün erken saatlerde WordPress eklenti dizinine girdi. En az bir yeni geliştirme, global stil varyasyonları beni şimdiden heyecanlandırdı. Ancak bu, çeşitli geliştirici ve kullanıcı merkezli özelliklere sahip kapsamlı bir güncellemedir.

WordPress 5.9 artık vahşi doğadayken, 6.0'ın Mayıs ayında piyasaya sürülmesi için hazırlanırken tüm eller tekrar güvertede gibi görünüyor. Geçen hafta, erken yol haritasını ele aldım ve bu listedeki bazı öğeler, bir şekilde veya şekilde bu son Gutenberg güncellemesinde zaten var.

Global Stil Varyasyonları

Tema yazarları artık birden fazla theme.json varyasyonu oluşturabilir ve bunları temalarının /styles klasörüne yerleştirebilir. Ardından, kullanıcılar çeşitli ön ayarlar arasında kendilerine en uygun olanı seçebilirler.

Yeni özellik, WordPress 6.0 sürümünün öne çıkan özelliklerinden biri olmayı vaat ediyor ve varsayılan Twenty Twenty-Two teması sonunda kendi çeşitli varyasyonlarını gönderecek.

Geçen haftaki bir gönderide bu özelliğe daha ayrıntılı olarak daldım. Gutenberg proje lideri Matias Ventura, yorumlarda bu konuyu genişletti:

Deneyimi ve mekaniği çözebilmemiz için bunu döngünün başında almak. Birkaç tekrarda gerçekten iyi olmasını bekliyorum. Özellikle tema paketi duvarını aşmayı dört gözle bekliyorum, çünkü tüm bu varyasyonlar doğal olarak oradaki her blok temasıyla uyumludur!

Ventura'nın özellikle ilgili heyecanını paylaşsam da 6.0 ile tema engelini aşabileceğimizden emin değilim. Buradaki fikir, bu tür varyasyonların temalar arasında değiştirilebilir olmasıdır. Global stiller sisteminin mevcut durumu göz önüne alındığında, bunun olduğunu görmüyorum.

theme.json çoğu standartlaştırılmıştır, ancak birçok yazar settings.custom özelliğini kullanır. Bu, genellikle tema stil sayfası aracılığıyla başvurulan herhangi bir sayıda özel değer ayarlamalarına olanak tanır.

Renkler ve tipografi gibi özellikler için standart bir adlandırma şemasına sahip olmama gibi küçük bir sorun da var.

Bunların hiçbiri iki tema arasında her zaman aynı olmayacağından, varyasyonları değiştirmek her zaman hoş olmayacaktır. Bu yüce bir hedeftir ve belki de neyin mümkün olduğunu görmeye değer. Bununla birlikte, konsept, dev bir çerez kesici varsayılanı için tema sistemini tamamen bırakma arayışı gibi geliyor.

Varyasyon değiştirme en iyi şekilde bireysel temalara bırakılır. Özel sistemlerini theme.json üzerine kuran tema yazarlarının, kullanıcı deneyimini ve beklentilerini yönetmesine izin verin. Bir kullanıcının JSON varyasyonunu tamamen farklı bir projeye "kurması" konusunda endişelenmeden, vizyonlarını gerçekleştirmelerine yardımcı olacak araçlar oluşturmaya odaklanmalıyız.

Yeni Düğmeler Bitişik Düğme Stilini Korur

WordPress, bir Düğmeyi çoğaltmayı nispeten kolaylaştırır, ancak araç çubuğundaki seçenekler açılır menüsünün altında gizlidir. Bu, yeni bir Düğme bloğu eklemek için "+" simgesine basmaya kıyasla iki tıklamalı bir işlemdir. Gutenberg 12.5'ten önce bu, yenisinin varsayılan stil muamelesini almasına neden olacaktı. Aynı anda birkaç düğmeyle çalışmaya başlayana kadar bu küçük sıkıntılardan biridir.

En son sürüm, bir sonrakini eklerken bitişik Düğme bloğunun stilini otomatik olarak çoğaltır. Bu çok daha iyi bir deneyim.

Ancak, bizi gitmemiz gereken yere kadar götürmez. Her Düğmenin tasarımını daha sonra değiştirmeye karar verirseniz ne olur? Her birini değiştirmek için önünüzde çok işiniz var. Düğmeler blok grubundaki bir stili diğerlerine kopyalamak için açık bir bilet vardır.

Kullanıcılar Şeffaf Renkler Ekleyebilir

Kullanıcılar nihayet özel renklerin alfa şeffaflığını blok düzeyinde kontrol edebilir. Bu özellik metin, arka plan, bağlantı ve kenarlık rengi seçenekleri için çalışır. Bu geliştirme, ilk olarak Ekim 2019'da açılan bir bileti kapatır.

Etkinleştirilmediği bazı renk seçiciler var. Bu, genel stiller panelindeki özel palet bölümünü ve Sosyal Bağlantılar bloğu için simgeyle ilgili renkleri içerir. Aynısı Kapak bloğu kaplama rengi için de geçerlidir, ancak tamamen ayrı bir opaklık kontrolüne sahiptir.

Öne Çıkan Resim Boyutu Seçeneği Gönder

Gutenberg 12.5, Öne Çıkan Resim bloğunun WordPress veya tema tanımlı bir resim boyutu kullanacak şekilde ayarlanmasına izin veren yeni bir seçenek sunar. Önemsiz bir değişiklik gibi görünüyor, ancak blok teması için bir sıçrama.

Tema yazarları bunu halletmek için post_thumbnail_size kancasını filtreliyorlar. Ancak, bu yöntem, değişen görüntü boyutlarına sahip birden çok gönderi sorgusu ile uğraşırken karmaşıklaşır.

Bundan sadece bir yıldır bahsediyorum. Bu konuda defalarca yazdım, kimsenin dinlemesini sağlamaya çalıştım. Blok tabanlı tema geliştirme trenine daha fazla tasarımcının katılmasını istiyorsak, öne çıkan görseller üzerinde kontrole ihtiyaçları var. Çok fazla düzen, en iyi şekilde görünmek için belirli boyutlandırmaya güveniyor.

Şimdi, öne çıkan görseli sadece Kapak ve Medya & Metin bloklarının içinde kullanabilseydik…

Tüm Site Düzenleyici İçeriğini Kopyala

Bugün yazı editörünün seçenekler menüsünde “Tüm içeriği kopyala” butonu olduğunu öğrendim . Ne kadar süredir orada bilmiyorum ama bu çok temiz. Gereksiz yere tüm içeriği - bazen bir başarı ölçüsüyle - içerik tuvali aracılığıyla seçmeye çalışıyorum. Neredeyse her saatini editörde geçiren bizler bile arada bir yeni bir numara öğrenebiliriz.

Bu kopya içerik seçeneği, iki düzenleyici arasında özellik eşliği getirme girişiminin bir parçası olarak şimdi site düzenleyicisine eklendi.

Site Düzenleyicide Kod Görünümü

Gönderi ve site düzenleyicileri arasındaki özellik eşliği ile devam edildiğinde, kullanıcılar artık site düzenleyicide kod görünümüne geçebilir.

Teknik olarak buna “kod düzenleyici” denir, ancak herhangi bir şeyi düzenlemeye çalışan herkesi bekleyen ejderhalar vardır . En azından korkulan “bu blok beklenmedik veya geçersiz içerik içeriyor” mesajı dışında bir şey bekliyorlarsa. Daha sakin sulara yelken açar ve okumak veya kopyalamak dışında hiçbir şey için ondan kaçınırdım.