WordPress Tema Dizininde Yer Alacak İlk Blok Kalıplarını Keşfetmek

Yayınlanan: 2020-08-18

Aylardır, uzun zamandır beklenen blok kalıpları sistemini tema tasarımcılarının eline vermeyi vaat eden bir güncelleme olan WordPress 5.5'in resmi sürümünün çıkmasını sabırsızlıkla bekliyordum. Bu noktada kulağa bozuk bir rekor gibi gelebilirim, ancak kalıplar, WordPress tema geliştirmesinde, yaklaşan tam site düzenlemesinden bile daha fazla devrim yaratma potansiyeline sahip.

Bu özellik, geliştiricilerin WordPress temaları oluşturma şeklini büyük ölçüde değiştirmelidir. Tema yazarları, tam potansiyeline alışırlarsa, kendilerini düzinelerce tema seçeneğinden kurtarabilir ve sayfa şablonlarının çoğunu bırakabilir. Programlamaya daha az, tasarıma daha çok odaklanabilirler, bu da temaların gerçekte neyle ilgili olduğudur.

Kalıpların neden bu kadar devrimci olduğunu anlamak için, tema yazarları ve nihayetinde son kullanıcılar için çözdüğü temel sorunu anlamalısınız. WordPress'in tüm tema geçmişi boyunca, sayısız soruna neden olan tek bir genel sorun olmuştur. Bu, WordPress.org tema inceleme sistemine eklenen birden çok yönergenin temel nedeni olan bir sorundur.

Bu tek sorun, köklerini neredeyse yalnızca büyük soruya kadar izleyebilir: Tema yazarları nasıl özel ana sayfalar oluşturabilir ve son kullanıcıların bunları yeniden oluşturmasına nasıl kolayca izin verebilir?

Bir kaydırıcı veya bilgi kutuları sütunları veya harekete geçirici mesaj bölümü olsun, WordPress hiçbir zaman tema yazarlarının güvenebileceği bir çözüm sunmadı. Adil olmak gerekirse, birçok geliştirici platformun sınırlamaları etrafında yaratıcı ve benzersiz sistemler inşa etti. Ancak, bu sistemler tek bir temaya veya tek bir şirkete ait bir dizi temaya özgüydü. Standart yoktu. Tema tasarımcılarına akıllarındaki ilginç şeyleri basitçe tasarlamaları ve kullanıcıların içeriği doldurmalarına izin vermeleri için rehberlik edecek hiçbir şey yoktu.

Buradaki temel sorun sitenin ana sayfasıdır desem de sorun gerçekten sitedeki herhangi bir sayfaya yayılmıştır. Ana sayfa tasarımı biraz tema yazarının imzasına benziyor. Tasarımcıların yeteneklerini sergilemelerine ve kullanıcıları çekmelerine olanak tanır. Ve on yılı aşkın bir süredir tema yazarları bu tek sayfayı doğru yapmak için binlerce farklı yöntem denedi.

Desenler çok daha fazlası. Sistem, güzel tasarımları bir araya getirmek için tema yazarlarının PHP ninjaları olmasını gerektirmez. Kullanıcıları ana sayfalarını oluşturmak için bir tema seçenekleri paneliyle sınırlamaz - temalarının sunduğu kalıplarla sitelerinde herhangi bir sayfa oluşturabilirler.

En büyük şey, "özel bir ana sayfayı nasıl oluştururum" sorusunu tartışmaya açmasıdır. Tema yazarlarının, en azından önceki yıllarda olduğu gibi, bu soru hakkında bir daha düşünmeleri gerekmez. Tema oluşturma, tasarımları sayfa düzeyinde oluşturmaktan ayrı bloklar ve bölümler (desenler) tasarlamaya doğru ilerliyor. Odak noktası çok daha atomiktir , bu da kullanıcılara daha fazla esneklik ve özgürlük sağlar.

Bu sistem içinde hangi tema yazarlarının oluşturduğunu görmek için haftalar veya aylar daha fazla bekleyemediğim için, resmi tema dizinindeki mevcut temaların ne yaptığına bir göz atmak istedim. Bakılacak çok şey yoktu, ancak en azından bazı tema yazarları bu yeni tema çağında öncü olmaya istekli.

Şu anda, dizin için Blok Düzenleyici Kalıpları özellik filtresi çalışmıyor. Teknik olarak, tema yazarlarının temalarına block-patterns etiketi eklemelerine izin verilmez, ancak sorunu yakında çözmesi gereken bir yama mevcut.

Şimdiye Kadarki Desenler

Şu anda tema dizininde blok desenli yalnızca üç tema var. Devam edecek fazla bir şey yok, ancak yazarların şu ana kadar hangi temayı inşa ettiğini görmek ilginç.

UXL Temaları kısa süre önce Cordero temasını birkaç blokla güncelledi. Cordero'nun kalıplarını nasıl eklediğini sevdiğim şeylerden biri, özel bir "Cordero" blok kalıbı kategorisi oluşturmasıdır. Kalıplar birden fazla kategoride bulunabilir, ancak temanın tüm özel kalıplarının tek bir grupta birleştirilmesi onları keşfetmeyi çok daha kolay hale getirdi. Bu, ileride daha fazla görmek istediğim bir uygulama.

Cordero'nun kalıpları öncelikle tipik iş düzenine yöneliktir. Birkaç kahraman tipi desen, bazı özellikler/hizmet kutuları ve fiyatlandırma tabloları içerir.

Themes Team temsilcisi Carolina Nymark'ın Kapsayıcı temasının birkaç modeli vardır (erişilebilirliğe hazır iyi bir seçenek için piyasadaysanız, aynı zamanda sağlam bir temadır). Bu temanın en ilginç kalıpları, kenar çubuklu iki sütunlu kalıplarıdır. Nymark, esasen bir sayfanın "gövdesini" desenlerle oluşturmuştur. Biri sola bir kenar çubuğu ekler, diğeri ise onu sağa ekler. Her iki modelde de özel içerik eklemek için bir ana sütun bulunur. Kenar çubuğu sütunu, varsayılan olarak widget tipi bloklarla dekore edilmiştir.

Inclusive WordPress temasına dahil edilen kenar çubuğu ve içerik sütunları deseni.
Kenar çubuğu ve içerik sütunlarıyla kapsayıcı tema deseni.

Bu kalıpları benzersiz kılan şey, neredeyse tam site düzenlemeye giden bir basamak gibi olmalarıdır - eksik olan tek şey bir üst bilgi ve alt bilgidir. Kuşkusuz, bu tür bir desen için hazırlıksızdım ve daha küçük bölümler için kullanılacak desenler bekliyordum, ancak Inclusive temasındaki deneylerin hayranıyım.

Nymark, dizinde blok desenleri olan mevcut üç temadan ikisine sahiptir. Deejay teması, kullanıcının sitelerinde bir DJ profili bölümü oluşturmasına olanak tanıyan tek bir desen ekler. Sütunları, sosyal simgeleri, en son gönderiler listesini, bir video yerleştirmeyi ve daha fazlasını birleştirir.

DJ profili blok deseni, Deejay temasına dahildir.
Deejay tema profil deseni.

Genel olarak, bu yeni özelliğin erken keşfini seviyorum. Bir şeyleri ilk deneyen olmak asla kolay değildir, bu yüzden tema yazarlarını yolu açtıkları için alkışlıyorum. WordPress 5.5 sürümüne yalnızca bir hafta kaldı, ancak daha fazlasını göreceğim için heyecanlıyım.

Desenler Temalar Arasında Ne Kadar İyi Aktarılıyor?

Blok sisteminin vaatlerinden biri, kullanıcıların temalar arasında geçiş yapmalarına ve içeriklerini korumalarına izin vermesidir. Buradaki fikir, her temanın tüm blokları, ön uç çıktısı bozuk görünmeyecek şekilde şekillendireceğidir.

Üç temanın yalnızca küçük bir örnek boyutu olsa da, aralarında geçiş yaparken bazı içerik stili sorunlarıyla karşılaştım.

Genel olarak, bir kalıp ne kadar karmaşıksa ve kalıbın özel sınıfları kullanıp kullanmadığı, temadan temaya ne kadar iyi aktarılacağına karar verir. Kullanıcı bir kalıbın görüntüsünü kendisininkiyle değiştirmemeye karar verirse, görüntüler de ilginç bir sorun oluşturabilir. Resim tema klasöründe olacağından, tema devre dışı bırakılır ve kaldırılırsa artık var olmaz.