Yaklaşım nasıl alınır. Blok editörü 'geliştirme için

Blok editörü, 2017’de ilk duyurulduğundan beri çok tartışmalı bir konu haline geldi. Yeni arayüzün WordPress profesyonellerini önemli ölçüde etkilediği göz önüne alındığında, tepki mantıklı değildi. Bununla birlikte, son iki yıl boyunca Block Editor’un benimsenmesi arttı ve birçok geliştirici onunla çalışmanın bir yolunu buldu. Arayüzün kendisini kullanmak istemeseniz bile, projenizdeki temel kavramları uygulayarak kullanabileceğiniz birkaç yol vardır. Bu yazıda, mevcut WordPress blok düzenleyicisinin artılarını ve eksilerini gözden geçireceğiz. Daha sonra, editörün kendisini kullanmak istemeseniz bile, temalar geliştirmek için ‘Block Editor yaklaşımını’ nasıl alabileceğinizi tartışacağız. Hadi gidelim!
WordPress Block’un artıları ve karşı editörü, bir WordPress profesyonel olarak, blok düzenleyicisine ve geçmişine zaten biraz aşinadır. Özet için ‘Gutenberg’ olarak tanıtıldı ve Squarespace ve Wix gibi web sitesi üreticileriyle rekabet etmek için tasarlandı. Aynı zamanda bu, yeni fırsatlar geliştiricileri sağlamayı ve kullanıcılara daha fazla tasarım seçeneği sunmayı amaçlamaktadır. Şimdi bir süredir WordPress çekirdeğinin bir parçası haline geldi, blok düzenleyicinin güçlü ve zayıf yönleri oldukça açık. Geliştiricinin ilk duyurulduğunda karşılaştığı en ciddi sorunlardan biri, eklentiler ve temalarla uyumluluğuydu. Birçok eklenti geliştiricisi ve teması sorundan kaçınmak için güncellemeler yaparken, hepsi bunu yapmaz.
Son zamanlarda, editörün erişilebilirliği ile ilgili bir sorun var. Çeşitli raporlar, ekran okuyucuların uyumluluğunun standartları karşılamadığını ve klavye ve sesin navigasyonunun da tatmin edici olmadığını bulmuştur. İlk uyumluluğun azalmasının yanı sıra, Block Editor birkaç yeni geliştirme fırsatı yarattı. Genişletilebilirliği nedeniyle, işlevleriyle ilişkilendirilebilecek özel blokların yanı sıra temalar ve eklentiler de yapabilirsiniz. En önemlisi, Block Düzenleyicisi, içeriğin her bir bölümünü biçimlendirmeyi, hareket ettirmeyi ve silme hedefine ulaşır. Bu, klasik editörlere kıyasla çok esnektir ve yayınlar ve mevcut sayfalar çok daha uyarlanmıştır. Bunu hatırlayarak, kendi stratejinizi ayarlayabilir ve temalar oluşturmak için blok editörler gibi yaklaşımları alabilirsiniz. Genellikle geliştirme için geliştirme için bir blok editör yaklaşımı nasıl alınır (3 ana strateji) Genellikle, geliştirme için Block Editor yaklaşımını almak, doğrudan editörle çalışmak, çeşitli şekillerde genişletmek veya düzeltmek anlamına gelir. Bunun yerine, modülerlik temel ilkesini temanızın gelişimine nasıl taşıyabileceğinize odaklanacağız.
Modülerlik, temada oldukça yaygın olan bir unsurdur. Bunun bir yolu, gelişmiş özel alanlar gibi araçların kullanılmasıdır. Modülünüzü belirlemek için esnek içerik seçeneğini kullanarak ve bazı PHP ekleyerek, temanız, istemciler tarafından sayfalarına karmaşık öğeler eklemek için kullanılabilecek esnek bir içerik bloğuna sahip olacaktır. Projenize yardımcı olmak için yeni başlayan bir tema veya çerçeve kullanmayı da düşünebilirsiniz. Bunu hatırlayarak, aşağıda listelenen üç teknik, çalışmaları için bir blok editör tarzı yaklaşımı almak isteyen geliştiriciler için çok uygundur. Daha önce de belirttiğimiz gibi özel alana ait çerçeveyi birleştirerek, modüler bir WordPress teması oluşturmanın bir yolu özel alanların kullanımıdır. Bir eklenti yaklaşımı seçmek yerine, düzinelerce özel saha seçeneği sağlayan bir çerçeve ile başlayarak doğru adımlarla başlamanıza yardımcı olabilir. Örneğin, Typeracket, temanızı geliştirme sürecini geliştirmek için özelliklerle dolu güçlü bir WordPress çerçevesidir:
Bu çerçeve ayrıca son ürününüze modülerlik getirmeye yardımcı olacak ana aracı da sunar. Örneğin, koşullu alanlar, üreticiler ve matrisler dahil olmak üzere 27’den fazla özel alan sunmaktadır.
Typerket ayrıca, müşterilerin ilave eklentilere gerek kalmadan önceki öğeleri kullanarak temalarını ayarlamasına izin vermek için etkinleştirebileceğiniz sayfa üreticisinin uzatılmasını da içerir. Kendi bileşenlerinizi oluşturabilir ve ürününüzün modülerliğini artırmak için bunları çerçeveye ekleyebilirsiniz. Dikkat etmek isteyebileceğiniz başka bir şey de Typeracket’in bir blok düzenleyiciyle uyumlu olmasıdır. Bu nedenle, bu çerçeveyi oluşturmak, WordPress Core ile çatışmalar konusunda endişelenmenize gerek olmadığı anlamına gelir. Klasik düzenleyiciyi varsayılan olarak etkinleştirmek için de kullanabilirsiniz. Temanızı özel bileşenlerle modüler bir çerçevede oluşturun, çok modüler temaların örneklerini görmek istiyorsanız, waboot dışında başkalarını aramaya gerek yok:

Bu tema, sitelerini ihtiyaçlarını karşılayacak şekilde tam olarak ayarlamak için gerektiğinde kullanıcılar tarafından etkinleştirilebilen bileşenler üzerine inşa edilmiştir:
Bu bileşenler, geliştiriciler tarafından kendi temaları için bir temel olarak da kullanılabilen Waboot Framework (WBF) eklentisi aracılığıyla kullanılabilir. Bu, gelecekte daha kolay bakım için tema seçeneklerini izole etmenize yardımcı olabilir. Kendi bileşenlerinizi belirleyebilir ve müşterilerin kendi gösterge tabloları aracılığıyla sitelerinde en alakalı seçenekleri seçmelerine izin verebilirsiniz. Çocuk temasının bileşenleri, ana temadaki çelişkili unsurların yerini alacak, böylece ihtiyaç duyan müşteriler için daha karmaşık bir özel çözüm de yapabilirsiniz.
3. Bileşenlere dayalı yeni başlayan temaları kullanın Modüler Blok Düzenleyici Geliştirme yaklaşımını, Flynt gibi bileşen bazlı yeni başlayan temaları kullanmaktır:

Bu tema, bu yazıda daha önce bahsettiğimiz gelişmiş özel alanlarda esnek içeriği birleştirir. Elemanları gerektiği gibi kolayca ayarlayabilir veya silebilirsiniz ve kullanıcılarınız rüya sitelerini hızlı bir şekilde oluşturmak için içeriği çekebilir ve serbest bırakabilir. Flynt, başlamanıza yardımcı olacak birkaç temel ve premium bileşen içerir. İhtiyacınız olmayan her şeyi silebilir ve istediğiniz özellikler ilk temaya dahil değilse kendi özel çözümünüzü yapabilirsiniz. Daha iyi uzun vadeli bakım için temiz bir koda vurgu yaparak, Flynt, geliştirmek için devam eden bir seçenektir. Mümkün olduğunca çok modüler tema ne istiyorsunuz. 20’den fazla temel bileşen ücretsiz olarak mevcuttur, bu da yeni tema geliştiricileri için bile uygun fiyatlı hale getirir. Sonuç Block Editor hakkındaki görüşünüzden bağımsız olarak ve Tinymce arayüzünü değiştirip değiştirmeyeceğinize bakılmaksızın, bir geliştirici olarak öğrenebileceğiniz birçok şey vardır. Modülerliğe odaklanmanın, özellikle temaların geliştirilmesinde çeşitli projelerde yararlı olduğu kanıtlanmıştır. Bu yazıda, gerçekten kullanmadan temaları geliştirmek için ‘Block Editor yaklaşımını’ benimsemenin üç yolunu tartışıyoruz:

Typeracket gibi özel alanları içeren çerçeveyi birleştirmek.
Temanızı Waboot gibi modüler bir çerçevede oluşturun.

Flynt gibi bileşen bazlı yeni başlayan temaları kullanın.
Yukarıda tartıştığımız kavramlar hakkında sorularınız var mı? Aşağıdaki yorum bölümünde bize bildirin!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir