WordPress Blok Temaları Oluşturma ve Tam Yığın Düzenleme

Son zamanlarda WordPress forumlarını ve haberlerini takip ediyorsanız, kesinlikle tam site düzenlemeyi (FSE) duymuşsunuzdur veya en azından blok temaları oluşturma gibi referanslar görmüşsünüzdür. Ne olduğunun farkında olmasanız bile, muhtemelen onun hakkında konuşulduğunu duymuşsunuzdur ve belki de sizin için neleri gerektirebileceğini merak etmişsinizdir.

İster WordPress'i sık kullanın, ister geliştirici olun, size harika bir haberimiz var. Asıl can alıcı nokta, bundan korkmamanız ve sizin için her şeyin yolunda gideceği ve süreci sizin için kolaylaştıracağıdır.

Bunu neye dayanarak iddia ediyoruz? İlk önce gelir. Başlıkta neleri kapsadığımızı öğrenmeye başlamadan önce, önce WordPress tam site düzenleme hakkında biraz anlayalım.

WordPress Tam Site Düzenleme (FSE)…?

Özünde, tam site düzenleme, blok fikrini ortadan kaldırır. Önceden, web sitesinin içerik alanını düzenlemek için bloklar kullanılabiliyordu. Tam site düzenlemeyi kullandığınızda, sitenizin her bölümü artık bir blok olarak kabul edilecektir.

Bu önemli iyileştirme sayesinde kullanıcılar artık hem sayfayla hem de global öğelerle tek bir platformda etkileşime girebiliyor. Ayrıca, yeni tema yapılandırma dosyaları ve geliştirme araçları ekledi.

WordPress'i en son sürüme güncelledikten sonra, Twenty Twenty-Two gibi bir FSE temasını etkinleştirmelisiniz. Bundan sonra, tüm bir web sitesini oluşturmak için yalnızca Gutenberg bloklarını kullanabilirsiniz.

FSE Size Nasıl Yardımcı Olabilir?

Tam site düzenleme sayesinde bir WordPress web sitesi oluşturmak ve geliştirmek artık her zamankinden daha kolay. Global öğeler ve herhangi bir sayfa güncellemesi aynı düzenleyici kullanılarak yapılabilir.

Ve küresel unsurlar, bunlar nedir? Tahsis edildiğinde, global öğeler, kapsayıcılar ve sütunlar web sitenizin tamamında kullanılabilir.

Bu yenilikçi teknik, web sayfasını veya herhangi bir belirli sayfayı düzenlemenizi sağlayarak zamandan tasarruf etmenizi sağlar. Neler olduğunu öğrenmek için editörler arasında geçiş yapmanıza gerek yoktur çünkü düzenleme sırasında hepsini gerçek zamanlı olarak görebilirsiniz. Sonuç? Web sitesi tasarımınız, siz sayfada ve global düzeyde aynı anda faaliyet gösterdikçe gelişir.

WordPress 6.0 sürümünde varsayılan olarak FSE etkin değildir. Bu nedenle, 6.0'dan daha eski bir WordPress sürümünü kullanırken tam site düzenleme özelliğini kullanmak için, bir FSE temasını etkinleştirmeden önce WordPress'i güncellemeniz gerekir. Sitenizin kontrol paneli, tüm bunlarla ilgilendiğiniz yerdir.

WordPress Ortamı Bir Kez Daha Gelişiyor

WordPress'te bu tür bir değişiklik önceki dönemde meydana geldi. Hepimiz Gutenberg'le yaklaşık üç yıl önce tanışmıştık (bu son yıllardan bir tanesinin birdenbire ortadan kaybolması nedeniyle hatırlamak zor). Artık buna blok düzenleyici olarak başvurabilirsiniz.

Ancak, başlangıçta WordPress çekirdeğine dahil edildiğinde, Gutenberg kod adı verildi. Değişim zordur. Bu nedenle, çoğu insan biraz çıldırarak tepki verdi. Neredeyse herkes. Gutenberg bugün, birkaç yıl sonra, oldukça yararlı, kullanımı genellikle keyifli ve sürekli gelişen biri olarak algılanıyor. Bu nedenle, bu değişimin başarılı olacağına inanıyoruz. Ancak değişiklik öncekinden daha önemli.

Odak Kayması: Kullanıcılardan İnşaatçılara

Böyle bir blok düzenleyici ilk kez tanıtıldığında, geliştiriciler materyal üretme yöntemlerini değiştirdi. Blog gönderileri üretenler için, web siteleri oluşturanlar ve web sayfaları geliştirenler için olacağı kadar yıkıcı değildi. Bloklara geçiş, kullanıcılar için avantajlıydı ve bunu, bir malzeme bloğu tanımlama ve ardından onu dinamik olarak sitenin herhangi bir yerine (ve her yere) yerleştirme yeteneği gibi birçok heyecan verici yetenek izledi. Artık herkes ve herkes bunu herhangi bir kod kullanmadan yapabilir.

Ancak bu değişiklik biraz belirgindir. Tam site düzenleme ile değişen şey sadece sitenizi nasıl değiştirdiğiniz değildir. Web sitenizin temel çerçevesi ile ilgisi var. Burada yalnızca üstbilginiz veya altbilginiz tanımlanmaz. Bir temanın bileşenleri ile ilgilidir. Başka bir deyişle, FSE sonunda kullanıcılara fayda sağlayacaktır, ancak şimdilik, hem web sayfaları oluşturanlar hem de temalar oluşturanlar için inşaatçılar için bir şeyleri iyileştirmeye daha çok vurgu yapıyor gibi görünüyor.

Sayfa oluşturucuları kullanıyor olsanız da, yani en iyi üyelik web sitesi oluşturucuları arasında kullanımı kolay bir platforma sahip bir site başlatma projesini tamamlıyor veya bunları oluşturuyor olun, birçoğunuz hayatın bu aşamasına alıştınız. Sayfalarınız istediğiniz gibi tasarlanabilir. Ancak daha sonra performans sorunlarının farkına varırsınız. Google, sıralamalarınızı düşürdü ve DOM'nizin çok büyük olduğunu belirtti (her neyse). Performansın kral olduğunun hepimiz farkında olduğumuz için, şimdi FSE ve oluşturduğunuz web sitelerini nasıl değiştirebileceği hakkında daha fazla bilgi edinmek için mükemmel bir an.

O halde Tam Site Teması Oluşturmak Neden Önemlidir?

Beaver Builder, Elementor'dan önce geldi, hatırladın mı? Birçoğunuz bunu kendi başınıza veya ticari müşteriler için önemli web siteleri oluşturmak için çalıştığınız şirketlerde kullandınız. Ancak, başka bir ürüne ihtiyaçları vardı, Beaver Themer. Aksi takdirde, web sayfalarının (veya gönderilerin) üstbilgi ve altbilgisini değiştirmeleri gerektiğinde özel (ve dinamik) üstbilgileri ve altbilgileri destekleyen bir temayla onlara yardım sağlamanız gerekiyordu.

Blocksy, Kadence ve Astra gibi temaların bu özellikleri geliştirmeye başlaması heyecan vericiydi. Ama aynı zamanda bazı kilitlenmelere de yol açtı. Ve sonra ne olacağını bilirsiniz: Bir müşteri web sitesine bir eklenti yükledikten sonra, bunun temayla veya sayfa oluşturucuyla uyumlu olmadığını anlar.

Bir anda herkes parmaklarıyla işaret ediyor. Tema firmaları kendileri olmadığını iddia ediyor. Sayfa oluşturuculara göre, onlar da değil. Bil bakalım ne oldu? Oyundaki yeni oyuncular, hosting firmaları, bunun kendileri olmadığını iddia ediyor. Başlangıçta siteyi inşa eden inşaatçılar (müteahhitler ve acenteler) nihayetinde suçlandı.

Aynı şey, aynı sayfa oluşturucuların oluşturduğu kod sayesinde kullanıcılar bu sayfaların ne kadar yavaş yüklendiğinden şikayet etmeye başladıklarında da oldu. Ajanslar ve serbest çalışanlar eleştiri aldı.

Çözüm

Tam site özelleştirmesini destekleyen temaları engellemeye yönelik bu değişiklik, web sitelerinin oluşturulma biçiminde temel bir değişikliği temsil ediyor. Bu değişiklikle, sayfadaki ve web sitesindeki her öğe bir bloktur: içerik, menüler, kenar çubukları, üstbilgiler ve altbilgiler. Her blok. Temalar bu nedenle sonuç olarak daha hafif olabilir.

Temanın, tüm sitedeki bloklar için evrensel stili birleştirmek veya tipografik hataları düzeltmek gibi birkaç görevi tamamlaması gerekiyor. Geliştiriciler bunların tamamını yeni theme.json dosyasında yapılandırabilir. Ancak sadece parametre belirlemek için kullanılmaz. Ayrıca bir geliştiricinin, bir müşterinin düzenleyiciyi kullanma şeklini değiştirmesinin bir yoludur.

Ayrıca temalarda çok fazla UI öğesi bulunmuyor. Alıştığınız şeyin bir sonraki yinelemesinin - özel oluşturucuyu kullanarak - bugün olduğu gibi JSON yapılandırıcısı tarafından yönlendirileceğini tasavvur etmek kolaydır.

Özetle, bu gelecek nesil temalar ve sonunda kullanıcıların bu tür yeni temalarla neler başarabileceklerini sınırlayabileceğiniz araçlardır.

Her Şeyden Mantıklı Bir Şekilde Nasıl Anlaşılır?

Heyecan verici görünse bile, daha büyük zorluk, hepinizin bunu nasıl çözeceğinizi belirlemektir. Hiç kimse oldukça basit olduğu ortaya çıkan yeni bir konsept geliştirmek istemez. Kimse kullanıcıları rahatsız eden yepyeni bir tema geliştirmek istemez.

'Yeni'nin gücüyle 'denenmiş ve gerçek'in rahatlığını istiyorsunuz. Ve çözümlerden daha fazla soru var…

Entegrasyon ve Yapı Taşı Temaları için bir Geliştirici Kursuna Bakıyorsunuz

Blok Temalar ve FSE oluşturma hakkında anlamanız gereken her şeyi ayrıntılı olarak açıklayan bir kurs aldığınızı hayal edin. Diğerlerine ek olarak aşağıdaki 14 maddeye atıfta bulunuyoruz:

• Tema geliştirmeyi nasıl etkilediğini görmek için tam site düzenleme hakkında bilgi edinin.
• Çıplak Dizin Şablonu oluşturun, ardından veri tabanından gönderileri almak için blokları kullanın.
• Tek bir satırı kodlamadan, tüm blog ana sayfa şablonunu uygulayın.
• Tema için üstbilgi ve altbilgi eklenmelidir.
• Tam site düzenlemenin gezinme menülerini nasıl ele aldığını anlayın.
• theme.json dosyasını kullanarak blok düzenleyici tercihlerini nasıl önceden düzenleyeceğinizi öğrenin.
• Çok yönlü düzenler oluşturmak için yerleşik desen kontrollerini nasıl kullanacağınızı keşfedin.
• theme.json'u kullanarak evrensel tipografi ve renk şemalarını uygulayın.
• Boşluk denetimlerini kullanarak dolguyu ve kenar boşluklarını yönetin.
• Ayarlarının temaya uygun olması için blok düzenleyiciyi nasıl kuracağınızı öğrenin.
• Yazı tipi seçimi, degradeler, renk paletleri ve diğer özelleştirilebilirlik seçeneklerini ekleyin.
• Müşterilerinizin temel tasarımdan ne kadar farklı olabileceğini sınırlamak için, istenmeyen özelleştirme seçeneklerini bloklardan nasıl ortadan kaldıracağınızı öğrenin.
• Sizin ve müşterilerinizin sayfaları daha hızlı oluşturmasına yardımcı olacak kalıpları nasıl kullanacağınızı öğrenin.
• Blok bileşenlerinin farklı şablonlarda tekrar kullanılmasını önlemek için şablon öğelerini kullanın.

Bu, öğrenilmesi gereken etkileyici bir ders listesidir. Ve iyi haber şu ki, yalnızca bilgi vermeye odaklanan şey eğitim değil. Bu eğitimde parmaklarınızı ve tırnaklarınızı kirletmeye teşvik ediliyorsunuz. Pratik yapmak onu mükemmelleştirir.

Ve hey, tasavvur etmenize gerek yok, bu harika bir haber. Program oluşturulur. Her şey hazır. Gönderinin amaçlanan konusu olmasa da, makale için bilgi toplarken karşılaştığımız için yine de ifşa edeceğiz. Kursu, WordPress uzmanları tarafından iyi bilinen ve kabul edilen bir geliştirici olan Frank Klein oluşturdu.

Arkadaşlar, blok temaları oluşturmada ve FSE'de iyi şanslar!