WordPress Blok Düzenleyici Sorularınızı Yanıtlıyoruz


Son web seminerimiz Gutenberg Tam Site Düzenleme: Kurumsal WordPress için Çevikliğin Kilidini Açma WordPress'in Gutenberg blok düzenleyicisinde kullanıma sunulan yeni tam site düzenleme özelliklerini nasıl uyguladığımızı gösterdi. Canlı izleyicilerden birçoğunu yanıtlamak için zaman bulamadığımız çok sayıda harika soru vardı.

Bu gönderi, WordPress VIP ekibinden uzmanlar ve wpvip.com'da tam site düzenleme uygulamasını yöneten ajans ortağımız Athletics tarafından yanıtlanan tüm soruların özetidir.


Gutenberg tam site düzenlemeyi kullanmaya nasıl başlayabiliriz? Geçmemiz gereken bir eklenti mi yoksa ayrı bir platform mu?

Jameson Proctor: Gutenberg, 5.0 sürümünden bu yana WordPress çekirdeğinin bir parçası olmuştur. Tam site düzenleme, son 5.8 sürümünde WordPress çekirdeğine geldi. Gutenberg tam site düzenlemesinin ilk günlerinde olduğumuza göre, mevcut ve gelecek tam site düzenleme özelliklerini kullanmak veya denemek için Gutenberg eklentisini yüklemeniz gerekebilir.

Gutenberg tam site düzenleme özelliklerinin yayınlanma süresi nedir?

Anne McCarthy : Hatırlatma olarak, tam site düzenleme, sitenizin tüm bölümlerini düzenleme deneyimini oluşturmak için bir araya gelen bir özellikler koleksiyonunu temsil eder. Bu bir özellikler koleksiyonu olduğu için proje, diğer faktörlerin yanı sıra ne kadar kararlı ve değerli olduklarına bağlı olarak özellikleri kademeli olarak serbest bırakma yeteneğine sahiptir. Tam site düzenlemeyle ilgili ilk özellikler, WordPress 5.8'de tanıtıldı ve gelecekteki sürümler için daha fazla özellik planlandı. Yol haritasını takip etmek için çeşitli yerler var. Gutenberg'de sırada ne var? blog serisi.

Menüleri ve diğer görünüm öğelerini düzenlemek için Özelleştirici nasıl değişecek?

David Bowman : Şimdilik, burada sunulan özelliklerin çoğu daha güçlü ve sezgisel olabilecekleri site düzenleyicisine taşınmış olsa da, Özelleştirici wp-admin'deki tema seçim ekranından hala kullanılabilir. wpvip.com ana sayfa düzenleyicisine bir bakış

Bu, siteyle ilgili bir şeyin güncellenmesi veya düzeltilmesi için daha az son dakika geliştirici isteği veya bileti anlamına mı geliyor?

Davut: Evet! Çözdüğümüz pek çok şey buydu: Sitemizde içerik oluşturucuların daha fazla uygulamalı kontrole ihtiyaç duyduğu alanları belirlemek ve bunu aracımıza dahil etmek.

Hedeflediğiniz bir Gutenberg tam site düzenleme sürümü var mıydı? Örneğin, bir sürüm uzakta eklenecek özellikler için mi oluşturdunuz?

David: Belirli bir çekirdek sürümü hedeflemiyorduk. Bir süreliğine Gutenberg eklentisine güvenmeyi ve işler değiştikçe ve iyileştikçe uyum sağlamayı planlıyoruz.

Jameson: Bununla birlikte, wpvip.com'un ilk sürümünde kullandığımız tam site düzenleme özellikleri onu WordPress 5.8 sürümüne dönüştürdü. Ancak, isterseniz, WordPress çekirdeği ve Gutenberg eklentisi geliştirme konusunda güncel kalarak risk toleransını her zaman kısabilirsiniz. Bir sonraki sürüm için yol haritasında bulunan hedefleme özellikleri, riski ve olası yeniden düzenlemeyi en aza indirecektir.

Önemli ölçüde değişebilen veya değişmeyen beta veya alfa özellikleri için risk toleransınız neydi?

David: Çok yüksek bir risk toleransımız vardı. Teknolojiyi bir kurumsal kullanım durumunda zorlamak için yatırım yapıyoruz. Teknoloji geliştikçe bir şeyleri yeniden düzenlemeye ve değiştirmeye ihtiyacımız olacağını umuyoruz. Umarım, bu gelişmenin bir kısmı doğrudan bizden geliyor.

Gutenberg tam site düzenlemesi hala devam eden bir çalışma olduğundan, WordPress VIP web sitesinin hangi bölümleri hala öncelikli olarak PHP'de şablonlanmıştır? Bu paradigmada herhangi bir yeni temaya yaklaşmayı tavsiye eder misiniz? Yoksa herkesin benimsemesi için oldukça hazır değil mi?

Jameson: Kısacası, hiçbiri. Bu noktada, tam site düzenlemesini benimsemek “hepsi bir arada” bir öneridir. Gutenberg eklenti geliştirme topluluğunda hem PHP'ye hem de tam site düzenleme şablonuna izin verilmesiyle ilgili tartışmalar var, ancak son duyduğumuza göre herhangi bir karar verilmedi.

Tasarım Sisteminin nasıl uygulandığına dair bir örnek göstermek mümkün müdür?

David: Tasarım sisteminizin temanızla bütünleştiği iki ana yer blok kitaplığınızda. Blok tabanlı temaları kontrol eden yeni theme.json dosyası. Tasarım belirteçlerimizi blok düzenleyicide uygulamak için temel küresel stil özelliklerinden yararlandık.

Stil ve belirteçlerin ötesinde, blok kitaplığımızı tasarım sistemi bileşenlerimizin bir tezahürü olarak ele alıyoruz. Bunların tümü React ile oluşturulduğundan, sistemimiz geliştikçe bunların mümkün olduğunca çoğunu birleştirmeye ve bileşenleştirmeye çalışıyoruz. İşte harika bir kaynak derlemesi. WordPress VIP tasarım sistemine bir bakış

Ne kadar hafif olduğu açısından, bu Elementor veya Beaver Builder ile nasıl karşılaştırılır? Dinamik blok yükleme, yani sayfa bazında seçici JS/CSS için planlar var mı?

David: Blok düzenleyicinin ve genel olarak blokların özelleştirilebilirliği, temanızı istediğiniz kadar hafif olacak şekilde oluşturabileceğiniz anlamına gelir. İçerik oluşturucularınızın ayrıntılı tasarım kontrolüne ihtiyacı varsa, bunu ekleyebilirsiniz. Yalnızca seçeneklere ve stillere ihtiyaçları varsa, bunu bunlarla sınırlayabilirsiniz. Kurumsal bağlamda, Gutenberg tam site düzenleme, Elementor gibi bir şeyden çok farklı türde bir araç olma potansiyeline sahiptir. Yüksek düzeyde ayrıntı düzeyine sahip temalar ve sayfalar oluşturmak için kullandığınız bir tasarım aracının yerine, bir kuruluş blok düzenleyiciyi temalarını kontrol etmek için çok daha sezgisel ve özelleştirilebilir bir araç olarak kullanabilir.

Jameson: Editör deneyiminin Elementor, Beaver Builder, vb. gibi çözümler kadar hafif, hatta belki daha da fazla olduğunu söyleyebiliriz. Bunun nedeni, kısmen WordPress çekirdek tam site düzenlemesinin gerçekten ne kadar yerel olduğudur.

Dinamik blok yükleme açısından, bu, blok kitaplığınızı oluşturma biçiminizle sağlanabilir. Yinelenen JS/CSS'den kaçınmak için dikkatli bir planlama gerektirir.

wpvip.com için CSS açısından, tam da ihtiyacımız olan stillerle küçültülmüş bir CSS paketi oluşturmak için Tailwind Just-in-Time modunu denemeye başladık. JavaScript açısından, JS paketlerimizden ölü kodu ortadan kaldırmak için web paketinde ağaç sallamayı kullanıyoruz.

Gutenberg için bloklar oluşturmak için Vue'yu React'e alternatif olarak kullanmak mümkün mü?

Jameson: Elbette Vue'yu ön uçta kullanabilirsiniz, ancak blokların arka ucuna kadar React ile çalışmanız gerekir.

Bir Gutenberg tam site düzenleme teması, bireysel blok eklentileri veya bir blok kitaplığı oluşturmayı önerir misiniz?

Jameson: Gönderi ve sayfa düzeyinde yapı taşlarıyla başlamanızı ve ardından tam site düzenlemesine geçmenizi öneririz. WordPress 5.8'deki tam site düzenleme şablonu düzenleyicisi, artık klasik temaları devre dışı bırakmak yerine etkinleştirildi, böylece "dalma" yapmadan bloklarla başlayabilirsiniz. Her iki durumda da, genellikle temamızla eşleştirmek için tüm özel bloklarımızı barındıran bir eklenti oluştururuz.

Gutenberg tam site düzenleme şablonlarını o sitede kullanmaya başlamak için önceden oluşturulmuş bir siteyi alıp başka yere taşıyabilir misiniz?

Jameson: İçeriğiniz her zamanki gibi taşınabilir. Aslında, geçiş yapmanız bile gerekmez; bunları düzenleyerek tam siteyi indirebilir veya oluşturabilirsiniz ve buna geçiş yapabilirsiniz.

Bununla birlikte, açılış sayfalarınızın karmaşıklığına bağlı olarak, tam site düzenlemenin gücünden tam olarak yararlanmak için onları yeniden işlemeniz gerekebilir.

Gutenberg tam site düzenleme şablonlarını dışa aktarmak ve başka bir siteye aktarmak mümkün müdür?

Jameson: Tam site düzenleme blok şablonlarınızda ve blok şablon bölümlerinde referans verilen bloklar, diğer sitenizde mevcut olduğu sürece – bir tema veya eklenti uygulaması aracılığıyla, şablonlarınız başka bir siteye aktarılabilir. Aslında bu, gerçekten heyecan duyduğumuz kurumsal kullanım örneklerinden biridir; yani, birden fazla sitede kullanılabilecek ve buna göre şekillendirilebilecek bir blok kitaplık ve şablonlar paketi oluşturmak.

toparlamak

Son olarak, konunun hem geliştiricilerin hem de içerik pazarlamacılarının tam site düzenlemenin etkilerini düşünürken aklında olduğunu bildiğimiz için, bu bizim en sevdiğimiz soru olabilir.

İçerik editörlerinin çok fazla kontrole sahip olması ve potansiyel olarak bazı şeyleri bozması veya çok erken yayınlaması ile ilgili bir endişe mi var?

Jameson: Özel blok ayarlarıyla birlikte yeni theme.json uygulaması, ürün ekiplerinin düzenleyici kullanıcı arayüzünde önemli miktarda yönetişim "pişirmesine" ve böylece "kural değil araçlar" yaklaşımını gerçekleştirmesine olanak tanır.

İçerik oluşturucularınızın birlikte çalışmasına izin verdiğiniz bloklar düzgün bir şekilde birlikte çalıştığı sürece, diğer çözümlerde olduğundan daha fazla bir şeyleri bozma şansı yoktur. Aslında daha az şansın olduğunu tartışırdık.

Ekibiniz, Edit Flow gibi bir eklentiden yararlanarak, içeriğin çok erken yayınlanmasını önlemek için uygun kontrol ve denge şemasını oluşturabilir.

Daha fazla tam site düzenleme kaynağı

Web semineri sunumunu kaçırdıysanız, isteğe bağlı tekrarı buradan izleyerek konuyu takip edin. Gutenberg Tam Site Düzenlemesi Burada—İşletmeler için Ne Anlama Geliyor ve Gutenberg Blok Düzenleyicideki Tam Site Düzenleme Özellikleriyle Web Sitemizi Nasıl Yeniden Tasarladık .

Katkıda Bulunanlar

Jameson Proctor

Yönetici Dijital Direktör, Atletizm

Anne McCarthy

Geliştirici İlişkileri Wrangler, Automattic

David Bowman

Tasarım Direktörü, WordPress VIP

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

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