Parlak Mod: Canlı Renkler, Desenler ve Özel Blok Stilleri ile Yeni Bir Blok Teması

StudioPress'in kurucusu ve Genesis Framework'ün ortak yaratıcısı Brian Gardner, Bright Mode adlı dizinde yeni bir blok temasına sahip. Tema, zevkli gradyanlara sahip canlı bir renk paleti, güzel tasarlanmış 14 blok deseni ve özel blok stillerine yerleştirilmiş çok sayıda eğlenceli varyasyon içerir.

Kalıplar ve şablonlar onları hemen hemen her kullanım durumuna hizmet edecek kadar esnek hale getirdiğinden, birçok blok tema için bir niş belirlemek zordur. Parlak Mod bu kategoriye girer. Bir iş veya kişisel web sitesi, blog veya portföy olarak kolayca kullanılabilir.

Yakından bakarsanız, Gardner'ın ticari marka stilinin ince ipuçlarını görebilirsiniz. Tipografiye ve boşluklara titizlikle dikkat edilerek açık sözlü ve minimalisttir. Renkler parlak ancak uyumlu ve dengelidir, bu nedenle Parlak Modun profesyonel ortamlarda kullanılmasını engellemez.

Gardner, her şeyin daha yeni başladığı WordPress temasının ilk günlerinden itibaren OG tema yazarlarından biri olarak benzersiz bir bakış açısına sahip. Devrim temasıyla ticari tema ekosisteminin başlatılmasına yardımcı oldu ve aynı çığır açan ruhu blok temaların yeni dünyasına getirmeye devam ediyor.

Gardner, "Geçen yaz, Justin Tadlock tarafından blok kalıpları ve kalıp dizini (o zamanlar beta olan) hakkında yazılmış bir makale okudum. “Ona bağlandı ve birkaç dakika etrafta dolaşarak geçirdim. Sonunda havalı olduğunu düşündüğüm bir kalıp gördüm ve 'kalıp kopyala' butonuna tıkladım. Tüm bunların nasıl çalıştığını görmek istedim, bu yüzden blogumda bir yazı açtım ve kodu yapıştırdım. İşte oradaydı. O anda, modern WordPress'in potansiyelinin önümde parladığını biliyordum."

Gardner'ın yeni teması, demoda gördüğünüz her bölümü tanımlamak için kalıpları kullanır. Parlak Mod, başlık, metin ve düğmeler içeren bir kapak resmi, birden çok referans, farklı sorgu düzenleri ve birden çok alt bilgi ve başlık tasarımı dahil olmak üzere kullanıcıların sitelerine ekleyebilecekleri renkli bir dizi desen sunar. Örnek içerikle hepsini çalışırken görmek için demoyu görüntüleyin.

Gardner şu anda Bright Mode koleksiyonuna eklemek için daha fazla desen oluşturuyor. Sırada gelmesi muhtemel olanların kahraman bölümleri, öne çıkan kutular, harekete geçirici mesajlar, bir bağlantı sayfası ve portföy kalıpları olduğunu söyledi.

Gardner, "Parlak Modun tasarımını yinelemek için birkaç ay harcadım, bu yüzden iki şeyi başarma ihtiyacı hissettim: Gönderin ve daha fazlasını eklemek için kapıyı açık bırakın" dedi.

Bright Mode'u ilk yüklediğinizde ve Özelleştir'e tıkladığınızda, demo gibi görünmüyor. Kullanıcılar, ekran görüntülerine daha yakın görünmesi için desenler eklemek zorunda kalacaktı. Gardner'a demoyla eşleşmesi için varsayılan olarak ana sayfaya desen eklenmesini istedim ve bunun gelecekteki bir güncelleme için bir olasılık olduğunu söyledi.

"Varsayılan olarak kalıp eklemeye gelince, yararlı olabilecek tek örnek, yalnızca hoş bir kalıp olan Parlak Mod ana sayfası ve ardından aşağıdaki ızgara döngüsüdür" dedi. "Elbette, daha fazla kalıp ekledikçe, bu bir güncellemenin parçası olabilir."

Bu temanın benzersiz özelliklerinden biri, Başlıklar bloğunun metin için çeşitli renk gradyanları oluşturan bir dizi eğlenceli blok stiline sahip olmasıdır.

Gardner, "Bu temanın tasarımında erişilebilirlik ve renk kontrastı çok önemliydi, o kadar ki Renkler sayfasını bile oluşturdum" dedi. Yeni yayınlanan birçok FSE temasının renklere herhangi bir kasıtlı yaklaşımı olmadığı göz önüne alındığında, daha fazla tema yazarına renkleri dikkate alma konusunda ilham vermeyi amaçlıyor. Gardner, tema boyunca farklı blok stillerinde kullanılan bir dizi birincil, ikincil ve üçüncül renk belirledi.

Gardner, "Birincil, ikincil ve üçüncül renkler, aşağıdakiler için hem WCAG 2.0 düzeyi AA hem de WCAG Düzeyi AAA kontrast testlerinden geçer: Normal Metin, Büyük Metin, Grafik Nesneleri ve Kullanıcı Arayüzü Bileşenleri" dedi.

Stil Kılavuzunu görüntüleyerek düğmelere, tırnaklara ve sosyal simgelere uygulanan renkleri görebilirsiniz.

Parlak Mod, Alıntılar bloğu içinde birden fazla farklı stil seçeneği sunar. Düz olabilirler veya renkli bir arka plana veya gradyan bir arka plana sahip olabilirler. Arka planı olmayan alıntılara ayrıca renk gradyanı alt çizgisi uygulanabilir. Bununla ilgili güzel olan şey, bunun her alıntı için değiştirilebilmesi ve her blok alıntı için aynı olması gerekmemesidir. Kullanıcılar, tekliflerini farklı tasarımlarla kişiselleştirerek çok eğlenebilirler. Bunlardan birkaçı aşağıda resmedilmiştir. Site genelinde idareli kullanıldığında oldukça dikkat çekicidir.

Parlak Mod'un Gardner'ın tema hakkında en çok sevdiğini söylediği yönlerinden biri, Kapak Bloğunun tek sayfalarda kullanılma şeklidir. Öne çıkan görüntüyü Kapak bloğuna çeker ve ayrıca gölgeler ve tam yükseklik seçenekleri için özel blok stilleri sunar. (Yedek, başlıkla birlikte yalnızca siyah bir başlıktır). Gardner, "Bunun gerçekten modern WordPress ile mümkün olanı sunduğunu hissediyorum." Dedi.

Temayı test ettikten sonra, blok stillerinde ortaya çıkarılacak ne kadar gizli mücevher olduğuna ve kullanıcıların her açıdan ne kadar yaratıcı kontrole sahip olduğuna şaşırdım. Değiştireceğim tek şey, ana sayfanın demoya benzer görünmesini sağlamak, böylece kullanıcılar, demoyu yeniden oluşturmak için kalıpları aramak zorunda kalmadan sağlam bir başlangıç ​​noktalarına sahip olduklarını hissediyorlar. Gardner, estetik açıdan hoş desenler yaratma yeteneğine sahiptir ve bu durumda planladığı daha çeşitli set (portföy, harekete geçirici mesaj, vb.), Parlak Modun daha fazla bağlamda kullanılmasını sağlayacaktır.

Birçok geleneksel tema yazarının, Tema Dizini'nde daha fazla görünürlük kazanan temaları engellemeye karşı hala bir miktar direnci olsa da, Gardner, WP Engine'de Geliştirici Avukatı olarak bir günlük işe sahip olma ayrıcalığına sahiptir. blok düzenleyici ve tam site düzenleme.

Gardner, "Aslında, Gutenberg gelişimine ve WordPress'teki yeniliklere ayak uydurmak için para alıyorum" dedi. "Doğal olarak, bu, temaları denemeyi (Frost'ta yaptığımız gibi) ve İnşaatçılar için yeni başlatılan sitemiz gibi kaynaklarla geri vermeyi kolaylaştırıyor. Bunun da ötesinde, boş zamanımı geceleri ve hafta sonlarını işleri ne kadar yaratıcı bir şekilde ileri götürebileceğimi görmek için derinlere inerek geçiriyorum.”

Parlak Mod, blok temasıyla nelerin mümkün olduğu konusundaki kişisel keşiflerinin sonucudur. WordPress.org'da veya yönetici içindeki Tema yükleme ekranı aracılığıyla ücretsiz olarak kullanılabilir. Temanın gelecekteki güncellemelerinde daha fazla desen, şablon ve varyasyon yolda olacaktır. Parlak Mod, WordPress.org'un bugün geçtiği bir dönüm noktası olan dizindeki ilk 100 blok tema arasında yer alıyor.