Gutenberg 11.3 Boyutlar Panelini Tanıtıyor, Düğme Doldurma Desteği Ekliyor ve Yerleştiriciyi Hızlandırıyor

Bugün erken saatlerde Gutenberg 11.3, WordPress eklenti dizinine girdi. En son güncelleme, boşlukla ilgili blok seçeneklerini değiştirmek için yeni bir boyutlar paneli sunar. Düğme bloğu artık dolgu denetimini destekliyor ve Öne Çıkan Görüntü Gönderme bloğunun yeni genişlik ve yükseklik ayarları var.

Sürümün öne çıkan özelliklerinden biri, yerleştirici içinde hem açma hem de arama için hız iyileştirmesiydi. Açılış süresi 370,35 ms'den 137,28 ms'ye 200 ms'nin üzerine düştü. Arama hızı 190,37 ms'den 67,24 ms'ye çıktı.

En son sürüm, basitleştirilmiş bir renk seçici kitaplığı içerir. Dış URL'ler için Gutenberg 10.9'da tanıtılan bir özellik olan bağlantılar için zengin önizlemeler, artık dahili site bağlantılarıyla çalışır.

Tema yazarları, sıfırlama ve klasik düzenleyici stil sayfalarının azaltılmış özgünlüğünün keyfini çıkarmalıdır. Bu tür değişiklikler, tema yazarlarının düzenleyici ve ön uç stilini eşleştirmesini her zaman biraz daha kolaylaştırır.

Aralık Kontrolleri için Boyut Paneli

Gutenberg 11.3, kenar boşluğu veya dolgu kontrollerini destekleyen bloklar için yeni bir Boyutlar paneli sunar. Bu özellik, tipik açma/kapama sekmesi okunun yerine bir üç nokta ( ... ) düğmesi ekler. Kullanıcılar kullanmak istedikleri kontrolleri seçebilirler.

Uzun vadeli hedef, arayüzü temizlemek, yalnızca kullanıcının gerçekten ihtiyaç duyduğu kontrolleri ortaya çıkarmaktır. Bu tür ihtiyaçlar öznel olduğundan, kullanıcıların bunları açıp kapatmalarına izin vermek ideal bir yoldur.

Mevcut dezavantajlar iki yönlüdür. Kenar boşluğu veya dolgu kontrollerini görüntülemeyi seçtikten sonra panelin kendisi daraltılamaz. Bu, yeni özelliğin çözmeye çalıştığı sorunu daha da kötüleştiriyor - kenar çubuğu arayüzünün dağınıklığını ortadan kaldırmak. En azından benim için boşluk kontrollerine her zaman hızlı erişim istiyorum. Ancak, her zaman gösterilmelerine ihtiyacım yok.

İkinci sorun, kullanıcının neyi göstereceğine ilişkin seçiminin saklanmış gibi görünmemesidir. Bir blokla her çalıştığınızda, hangi kontrollerin görüneceğini seçmelisiniz.

Yeni Boyutlar paneli, boyutlandırma (genişlik ve yükseklik), boşluk (dolgu ve kenar boşluğu) ve bloklar için ilgili kontrolleri tartışma sürecinin yalnızca bir parçasıdır. Daha kapsamlı bir çözüme yönelik çalışmalar halen devam etmektedir. Muhtemelen, geliştirme ekibi bu sorunları ve diğerlerini gelecek sürümlerde ele alacaktır. Bununla birlikte, üretimde Gutenberg eklentisini çalıştıranlar, kullanımda tuhaflıklar beklemelidir.

Block Visibility eklentisi, şu anda böyle bir geçiş kontrolünün en kullanıcı dostu versiyonuna sahiptir. Henüz mükemmel bir çözüm değil, ancak şu anda Gutenberg'de olandan biraz daha iyi çalışıyor.

Düğme Blok Dolgusu

TT1 Blocks temasını (Twenty Twenty-One'ın blok tabanlı versiyonu) kullanırken Button bloğunun varsayılan dolgusunu sevmediğim bir sır değil. Bunu rutin olarak belirtmeyi görevlerimden biri haline getirdim, hatta FSE Sosyal Yardım Programının bir parçası olarak son test çağrısında bloğu kullanmayı reddedecek kadar ileri gittim.

Büyük boyutlu bir düğme, bir web sayfasında her zaman yanlış stil seçimi değildir. Bağlam önemlidir ve bir şekilde biraz daha küçültülmüş bir şeye ihtiyaç duyduğum senaryolarla karşılaşmaya devam ediyorum. Düğme bloğunun dolgusu üzerindeki kontrol aylardır istek listemdeydi ve Gutenberg geliştirme ekibi bunu sağladı.

11.3'ten itibaren, kullanıcılar ayrı Düğme bloklarının dolgusunu kontrol edebilir. Şimdi, daha önce bahsedilen yeni Boyutlar panelinde bir seçenek olarak görünecektir.

Dua cevap verdi. Şimdi, tüm bloklara dolgu kontrolleri eklemeye geçelim.

Bazı kullanıcıların karşılaşabileceği olası bir sorun, birden çok Düğme bloğunu birlikte kullanırken tutarlı boşluk bırakmaktır. Bunu yapmanın en kolay yolu, ilkini ekleyip stillendirmek, ardından aynı boşlukla başkalarını oluşturmak için çoğaltmaktır. Bu yeni bir konu değil; kullanıcıların bir grup içinde tutarlılık istediği tüm Düğme seçenekleri için geçerlidir.

Öne Çıkan Görüntü Boyut Kontrolleri

Öne Çıkan Görsel Gönderi bloğu sonunda küçük ama kullanışlı bir yükseltme aldı. Geçmişte, kullanıcılar ve tema yazarları, onu gönderiye bağlayıp bağlamamaya karar vermek için yalnızca tek bir seçeneğe sahipti. Artık görüntünün genişliğini ve yüksekliğini kontrol edebilirler.

Bir kullanıcı görüntü için bir yükseklik ayarlarsa, düzenleyici aşağıdaki seçeneklerle ayrı bir "Ölçek" seçeneği gösterecektir:

• Kapak (varsayılan)
• İçermek
• Uzatmak

Bu seçenekler aslında ne işe yarıyor? Bu iyi bir soru olurdu. Yirmi yıla yakın bir süredir web tasarımı ve geliştirme döngüsünde yer alan biri olarak bile bazen unutuyorum ve onlara bakmak zorunda kalıyorum. Bunlar, object-fit CSS özelliği için değerlerdir ve birçok durumda kullanıcıların kafasını karıştırabilir.

Kapat ve içer, görüntünün en boy oranını korurken (görüntüyü uzatmadan) içeren öğenin kutusuna sığmasına izin verir. Aradaki fark, kapak değerinin sığmaması durumunda kırpılması ve içerdiği değerin mektup kutusuna yazılabilmesidir. Bir uzatma değeri, en-boy oranından bağımsız olarak kapsayıcısını dolduracaktır.

Görüntünün kapsayıcısındaki en boy oranına bağlı olarak, değerlerin her biri esasen ekranda aynı şeyi görüntüleyebilir. Veya çılgınca farklı sonuçlar sağlayabilirler. Bu boyut kontrollerini geniş ve tam hizalamalarla (ayrıca genişlikle ilgili seçenekler) birleştirmek, bazı öngörülemeyen deneyler de yapabilir.

İçimdeki tema tasarımcısı, bunun için kullanıcı arayüzünü tamamen devre dışı bırakmak ve biraz daha kontrollü bir şey sunmak istiyor: bir görüntü boyutu seçici.

Böyle bir seçici, genişlik ve yükseklik kontrolleriyle karıştırılmamalıdır. WordPress tema yazarları, yıllardır özel resim boyutları kaydediyor. Bunun için birincil kullanım durumu, öne çıkan resimlerdi. Kullanıcılar bu boyutları mevcut Görsel ve En Son Gönderiler bloklarıyla kullanabilir. Ancak, Öne Çıkan Resim ile bu seçeneğe henüz sahip değiller.

Görüntü boyutu kontrollerinin bloğa ilk ekleme olması gerektiğine inanan kamptayım. Bu, WordPress tema tasarımının o kadar ayrılmaz bir parçası ki, dışarıda bırakılamıyor ve ben, tema yazarlarının öne çıkan görselleri özel boyutlar aracılığıyla kontrol edebilmelerini sağlamak için mücadele ediyorum - ya da en azından dırdır ediyorum.

Neyse ki, özel görüntü boyutu desteği için açık bir bilet var. Hâlâ eksik olan diğer özelliklerin yanı sıra, blok temalara geçiş yapmak isteyen birçok tema yazarı için bir engelleyicidir.

Yeni seçenekler için, bir yazı ızgarasının öne çıkan görüntülerini otomatik olarak bir kareye kırpmak gibi birçok kullanım durumu vardır. Öne Çıkan Resim bloğu için daha sağlam bir araç setini sabırsızlıkla bekliyorum.