Tam Site Düzenleme ile 10 WordPress Blok Teması

WordPress, yalnızca bir bloglama çözümü olarak görülmekten çok uzun bir yol kat etti. Gutenberg Editörünün piyasaya sürülmesinden bu yana platform, Bloklar konseptini kullanarak kullanıcılarına tasarım seçenekleriyle daha fazla özgürlük vermek için sürekli olarak baskı yaptı.

Blocks'un nihai hedefi, WordPress'i bir web sitesi oluşturucuya dönüştürmektir. Eklentilerin kullanımı ve daha yakın zamanda Tam Site Düzenlemenin eklenmesi yoluyla belirli bir dereceye kadar zaten mümkündür. FSE, WordPress kullanıcılarının sitelerinin tasarımını doğrudan ön uçtan şekillendirebilecekleri yeni bir tür web sitesi oluşturma deneyimidir.

Tam Site Düzenleme Nedir?

Basit bir ifadeyle, Tam Site Düzenleme özelliği, WordPress kullanıcılarının herhangi bir kod yazmak zorunda kalmadan (blok) temalarının tasarımını değiştirmelerine olanak tanır. Bu yeni özellik yalnızca Blocks'un temelleri üzerine inşa edilmiş temalar için mevcut olduğundan vurgu, Blok temaları üzerindedir.

Bir WordPress kullanıcısı olarak, blokları kullanarak blog yazıları yazmak için Gutenberg Düzenleyicisini kullanmaya zaten aşinasınız. FSE için fikir aynıdır. Tam Site Düzenleyicisi ile tıpkı bir blog yazısı yazmak gibi, blokları kullanarak sitenizin tasarımını da düzenleyebilirsiniz.

Bir Engelleme temasını etkinleştirdiğinizde (Yirmi Yirmi İki gibi), Yönetici panosundaki Görünüm sekmesinin altında yeni bir seçenek göreceksiniz. Editör denir.

Düzenleyici'ye tıklamak sizi hemen yeni Tam Site Düzenleme panosuna götürür. Açılan varsayılan sayfa ana sayfadır. Ancak tema tarafından desteklenen herhangi bir sayfayı seçebilir ve özelleştirmeye başlayabilirsiniz. İşte bir örnek:

Yukarıdaki demoda:

1. Altbilgi bloğunu bir bütün olarak seçti.
2. Blok düzenleyiciyi kullanarak arka plan rengini değiştirdi.

Herhangi bir özel CSS yazmama gerek yoktu. Ayrıca tek bir eklenti kullanmadım. Tüm değişiklikler doğrudan temanın kendisine kaydedilir. Hepsinden iyisi, tüm web sitenizi bu şekilde şekillendirebilirsiniz.

Sayfalandırma ve bireysel gezinme öğeleri dahil olmak üzere en küçük öğeleri seçebilirsiniz. WordPress'in kendi içinde yerel bir web sitesi oluşturma deneyimidir. Ve tahmin edebileceğiniz gibi, sadece zaman geçtikçe gelişecektir.

WordPress'te yeni bir çağın öncüsü

FSE kavramı herkesin gözünde hala çok taze.

Şu an için FSE'nin Elementor ve Visual Composer gibi rafine web sitesi oluşturucuları ile rekabet etmek için mücadele edeceğini söylemek güvenli olduğunu düşünüyorum. Ancak WordPress 6.0 ve sonraki sürümlerin piyasaya sürülmesiyle her şeyin çarpıcı biçimde değişeceğinden eminim.

Blok temalarına gelince, geliştiriciler bu alanda çalışmaya başladı bile. WordPress deposunda, bu tür 60'tan fazla tema mevcuttur. Ve belki de hem birinci sınıf tasarımlar hem de açık kaynaklı projeler aracılığıyla yayılan 50 kişi daha.

Yani, tüm söylenenler ve yapılanlardan sonra, bence en iyi Tam Site Düzenleme temalarından bazılarına daha yakından bakmanın zamanı geldi. Yeni temaları çıktıkça dahil etmek için sık sık güncellenir!

wabi

Rich Tabor, on yılı aşkın bir süredir WordPress ürünleri geliştiriyor. Onu CoBlocks gibi eklentilerden tanıyor olabilirsiniz, aynı zamanda tema şirketi ThemeBeans. Olduğu gibi, Rich sadece yeni WordPress özelliklerinin büyük bir hayranı değil, aynı zamanda bir Tam Site Düzenleme teması da oluşturmuştur. Wabi teması.

Tabor temasına ( ki bunu çok seviyorum! ) çok benzeyen Wabi, hikaye anlatıcıları, blog yazarları ve ayrıntılı içerik yayınlamakla ilgilenen herkes için tasarlandı. Portföy siteleri için de mükemmel bir seçimdir ve Rich, web sitesinde temayı kullanır.

Wabi'nin en önemli özelliklerinden biri, stilleri * tek bir tıklamayla değiştirme yeteneğidir. Hem Açık hem de Koyu temaya ve birden fazla dinamik renk varyasyonuna sahiptir. Bu size her gönderiyi bağımsız olarak şekillendirmek için yaratıcı özgürlük verir.

Tema hakkında daha fazla bilgi edinmek ve eylem halinde görmek için aşağıdaki bağlantıları kullanın.

* Özel stiller için Gutenberg eklentisi gereklidir.

Tove

Anders Noren tarafından yayınlanan yeni bir temayı görmek her zaman bir zevktir. Ve şık bir tasarım yaklaşımının hayranıysanız, Tove teması sizi etkileyecek! Ama sadece tasarımla da değil.

Tema, Tam Site Düzenleme için bir başlangıç ​​noktası olarak sıfırdan oluşturulmuştur. Anders, yaratıcı unsurlar sağlamak için oldukça fazla çaba sarf etti. Ancak tasarımın üzerinde, tema küçük bir ayak izi bırakıyor; JavaScript veya ön uç görüntüleri kullanma.

Demo sitesi ( aşağıdaki bağlantı ) bir restoran sitesi için oluşturulmuştur. Ancak, temanın genel hissini beğendiyseniz, onu ihtiyaçlarınıza göre uyarlama özgürlüğüne sahipsiniz. Sonuç olarak, Tove Stil Kılavuzunda yaklaşık 40 blok desen bulunur. Bunları, WordPress site sayfalarınızın herhangi biri için istediğiniz sayıda tasarımı bir araya getirmek için kullanabilirsiniz.

blok pres

Blockpress, Tam Site Düzenlemeyi destekleyen ilk hepsi bir arada blok temalarından biri gibi görünüyor. Ve en iyi uygulamalar göz önünde bulundurularak oluşturulmuştur.

Özellikle Blockpress, varlık kullanımı için optimize edilmiştir. Her sayfa, gerekli varlıkların yalnızca küçük bir ayak izini kullanır ve diğer her şey, herhangi bir sayfada kullandığınız bloklara göre yüklenir. Ayrıca tema, jQuery veya harici kitaplıkları kullanmaz.

Bunun sonucu, son derece iyi bir Core Web Vitals puanıdır. Bir başka ilginç özellik de animasyonların dahil edilmesidir. Daha önce de söylediğim gibi, bu yeni tema paradigması tamamen bununla ilgili olacak. Blockpress ile Lottie Animations çerçeve özelliklerini doğrudan blok düzenleyicinizden kullanabilirsiniz. Performans darboğazı da yok.

arkeo

Yalnızca Automattic'in FSE temaları üretmesi mantıklıdır. Bu listede onlardan birkaç tane var ve ilki Archeo. Tema, büyük tipografi ile basit bir düzeni seven yazarlar tarafından kullanılmak üzere oluşturulmuştur.

Tasarımın arkasındaki ana konsept, bir kahraman bölümü, blog gönderileri için bir orta bölüm ve özel bir alt bilgi olarak büyük bir fotoğrafa sahip olmaktır. Blog gönderilerinin içinde düzen yapısı aynı kalır. Tabii ki, bir şeyleri değiştirmek için bolca özgürlüğünüz var.

tuğlalı

Anariel Design'dan Bricksy, blok yönetiminin çok amaçlı yaklaşımına odaklanan başka bir tema. Özellikle, Bricksy, elde etmek istediğiniz site tasarımının temeli olarak hareket eden çeşitli blok desenleri içerecek şekilde tasarlanmıştır.

Şu anda, Bricksy'nin yemek, düğün ve moda blogları için demoları var. Ancak, tüm kalıplara daha yakından baktıktan sonra, bu temayı hemen hemen her projeye entegre edebileceğinizi söyleyebiliriz. Bu temada şablon kitaplığına ilişkin bir video tanıtımının yer aldığı aşağıdaki web sitesi bağlantısına göz atabilirsiniz.

 Kalıplardan bahsetmişken, WP Tavern'deki Justin Tadlock'un bu makalesine göz atın - WordPress, kopyalayıp mevcut temalarınıza yapıştırabileceğiniz topluluk yapımı blok kalıplarına sahip bir Kalıplar dizini ekledi. Herhangi bir WordPress temasıyla tamamen uyumludur.

Kaykay parkı

Skatepark teması, WordPress ile oluşturmayı planladığınız medyayla ilgili tüm web siteleri için harika bir başlangıç ​​noktası olacaktır. Tam Site Düzenleme teması olarak – sizin tarafınızdan özelleştirilmek üzere oluşturulmuştur.

Jeolog

Jeolog başka bir Automattic temasıdır ( sonuncusu, söz veriyorum! ) – sizin uzmanlığınız buysa, yerel bir karanlık modla yazmaya odaklandı. Genel olarak, minimal stil, gerçek zamanlı blok yönetimi için optimize edilmiş kod tabanı dışında söylenecek fazla bir şey olmadığı anlamına gelir.

Ona Minimal

Ona teması minimal olarak tanımlansa da tasarım stilinin bunu fazlasıyla telafi etmesine yardımcı olduğunu düşünüyorum. Sonra tekrar, ben şık tipografinin büyük bir hayranıyım ve Ona'nın sadece iyi bir izlenim bırakacak bu yapısı var.

Bu temanın kimin için olduğunu söylemem gerekirse – profesyoneller, moda blogcuları ve temiz bir düzeni seven herkes için olduğunu söyleyebilirim. Ayrıntılara gösterilen özeni de seviyorum:

Sosyal bağlantılara sahip temiz bir abonelik formu mükemmel. Diğer kalıplar arasında bir portföy bloğu, bir Instagram beslemesi ve süper güzel bir tam genişlikte blog yazısı düzeni bulunur.

Kemet

Kemet hakkındaki izlenimim, bunun normal bir temadan çok bir çerçeve gibi olduğu.

Yapışkan kaplar, ayrı şablon parçaları ve özel görüntü stilleri gibi özelliklerle doludur ve ayrıca çeviri için optimize edilmiştir. Yerleşik şablon kalıpları, özellikle çok sayfalı bir web sitesi oluştururken kullanışlıdır. Tam Site Düzenleme ile bir işletme veya ajans sitesi oluşturmak istiyorsanız – Kemet dikkate değer bir temadır.

finans

Financio'nun varsayılan tasarımı, iş tarzı web sitelerini hedefliyor gibi görünüyor. Tam genişlikte bir kahraman sayfasına sahip, düzenli bir şekilde organize edilmiş gezinme menüsü oldukça hoş. Özellik kartları ve diğer site öğeleri için kullanıldığını gördüğünüz tüm simgeler, tek bir tıklama ile değiştirilebilir.

Financio'nun Gutenverse tarafından geliştirildiğini belirtmekte fayda var. Ve WordPress bloklarıyla çalışma konusunda biraz deneyime sahipler. Bu nedenle, sağladıkları önceden hazırlanmış şablondan geliştirebileceğiniz sorunsuz bir site düzenleme deneyimi bekleyin.

FSE'yi yakala

Catch, Tam Site Düzenlemeyi destekleyen en yeni WordPress temalarından biridir. Aynı zamanda bir blog tasarımı yerine bir açılış sayfası olarak oluşturulmuş birkaç temadan biridir. Düzen, beklediğiniz gibi, bir işletme açılış sayfası oluşturmanın tüm önemli yönlerini kapsayan birçok bölüm içerir. Hepsi doğrudan ön uçtan düzenlenebilir.

Ve web sitenizin karanlık bir moda sahip olmasını istiyorsanız, bu tema ile ayarlamaları kendiniz yapmanıza gerek yok. Varsayılan olarak karanlık bir moda sahip olacak şekilde tasarlanmıştır. Bunun dışında ücretsiz ve yavaş yavaş aktif kullanıcıları topluyor.

Gutena

Gutena, WordPress deposuna eklenen yeni FSE temalarından biridir. Bol kremsi tonlar ve özenle optimize edilmiş öğelerle bu tema, bir ajans, işletme ve başlangıç ​​web sitesi için ideal bir adaydır.

Tasarım açısından bakıldığında, iş misyonunuzu müşterilerinizin önüne getirmenize yardımcı olacak bindirmeli kartların uygulanmasını, kutu gölgesi öğelerinin kullanımını ve bol miktarda görseli görmek beni çok şaşırttı.

Ve yeni Blok tema düzenleyicisi aracılığıyla her bir öğeyi değiştirme özgürlüğüne sahipsiniz.

Wei

Bu koleksiyonda incelediğimiz ilk FSE teması Rich Tabor'dandı. Şimdi, bu makaleyi yayınladıktan 2 aydan biraz daha uzun bir süre sonra – Rich, Wei adında başka bir Tam Site Düzenleme temasıyla çıktı. İlginç bir şekilde, son sürümünden bu yana birkaç ay geçmesine rağmen - piyasaya son derece marjinal miktarda benzer tema sunuldu.

Wei, pratik blog gereksinimleri için kullanılmak üzere tasarlanmıştır. Birden çok stili ve düzen vurgusunu yönetmek için size birçok seçenek sunmak üzere tasarlanmıştır. Demoda göreceğiniz gibi, her blog gönderisinin ayrı bir stili olabilir - renkler ve özel bir arka plan resmi dahil.

SuLav

Gutenverse'in bu Spa / Güzellik odaklı teması, süper pürüzsüz bir açılış sayfası deneyimi sunar ve sitenize birçok benzersiz özellik ekler. Birincisi, WaterLava, sizi aynı amaç için bir eklenti kullanmaktan kurtaracak bir yerleşik form oluşturucuya sahiptir.

Ana sayfa, geçiş animasyon efektlerini içerecek şekilde tasarlanmıştır, bu nedenle ziyaretçi sitede gezinirken bölümler görüntülenir. Bu temada ayrıca çok sayıda benzersiz şekil bölücü bulacaksınız - bu nedenle sitenize bu modern hissi eklemek için dalgaları ve özel çizgileri düşünün.

Ayrıca performans için dikkatlice optimize edilmiştir. Tema, jQuery'ye bağlı değildir ve desenler/bloklar yalnızca aktif olarak kullanıldıkları sayfalara yüklenir.

WordPress tema geliştirmenin geleceği

Şu anda gördüğümüz şeyin WordPress'in bir sonraki aşaması için yavaş bir evrim olduğunu düşünüyorum. Şimdilik, geleneksel temalar ve web sitesi oluşturucular yerlerini alacak. Ancak gelecekte WordPress'in tam ölçekli bir site oluşturucuya geçeceği oldukça açık.

Webflow gibi şirketler, yalnızca tak ve çalıştır araçlarıyla görsel olarak çekici web siteleri oluşturmanın mümkün olduğunu gösterdiğinden oldukça eminim.

Soru şu ki, tema geliştiricileri bu sonraki aşamayı ne zaman benimsemeye başlayacak? Şu anda, blok temaların mevcudiyeti oldukça seyrek. Düzenleme açısından gerçek güvenilirliği görmeye başladığımızda, her şeyin oldukça hızlı değişeceğini tahmin ediyorum.

Elbette, birçok WordPress kullanıcısı geleneksel temaları kullanmaya devam edecektir, ancak WordPress'i yerel bir site oluşturucu olarak kullanma fikri üzerinde düşünülmesi gereken bir şeydir.