Gutenberg Block Editor'daki Tam Site Düzenleme Özellikleriyle Web Sitemizi Nasıl Yeniden Tasarladık

Büyümeyi hızlandırmak için içerik pazarlamasından yararlanan işletmeler için CMS'lerinde çeviklik çok önemlidir. İçerik oluşturucuların güncelleme yapmak için tasarım veya geliştirme döngülerini kullanmaları gerektiğinde, işletmeler kaliteli içerik üretmenin zorlu hızına ayak uyduramazlar.

Gutenberg'in blok düzenleyicisinin yayınlandığı WordPress 5.0'dan bu yana, birbirini izleyen her sürüm, içerik düzenleme deneyimine daha fazla güç getirdi.

Önceki sürümlerde, gönderileri ve sayfaları düzenlemek için bloklar kullanılıyordu. Artık WordPress 5.8 ile bloklar, üstbilgileri, altbilgileri ve tüm sitenin tek tek gönderilerin dışında kalan diğer öğelerini düzenleme dahil olmak üzere daha fazlasını yapabilir. Bu özellikler topluca "tam site düzenleme" olarak adlandırılır.

Birçok kuruluş gibi, WordPress VIP, içeriğimizin ticari büyümemiz için giderek daha önemli hale geldiğini fark etti, ancak içeriği dünyaya çevik bir şekilde sokmak için mücadele ettik.

Yakın zamanda bu web sitesini (wpvip.com) yeniden tasarladığımızda, onu Gutenberg blok düzenleyicide tam site düzenleme özellikleriyle oluşturmak hiç de kolay değildi. Önceki temamız Gutenberg özellikli değildi ve içerik oluşturmak için büyük ölçüde yazı düzenleyicinin dışındaki meta kutu alanlarına güveniyordu. Yeni sayfalar oluşturmak hantal ve yavaştı ve yeni içeriği yayınlamadan önce önizlemek zordu.

Meydan okuma? Daha önce hiçbir kurumsal web sitesi bunu yapmamıştı. Kullanmak istediğimiz özellikler henüz çekirdek yazılıma dahil edilmemişti. Keşfedilmemiş bir bölgede geziniyor olurduk.

Yeni site kurulumu için, vizyonu hayata geçirmek için WordPress VIP ortağı Athletics ile ortaklık kurduk. Athletics'in Dijital Yönetici Direktörü Jameson Proctor, bu öncü gelişme için WordPress'in açık kaynak ekosisteminin beyin güveninden yararlandı.

Jameson ve WordPress VIP'nin Tasarım Direktörü David Bowman kısa süre önce yeni tema geliştirme ve kurumsal WordPress için neden bu kadar ezber bozan bir konu hakkında bir sohbet için bana katıldı. Aşağıda tartışmamızdan öne çıkanlar bulunmaktadır.

---

WordPress VIP web sitesi neden yeniden tasarlandı?

David: İçerik pazarlama çabalarını hızlandırdık. Potansiyel müşterileri çekmek için iyi içerik oluşturmaya çok fazla enerji harcıyoruz. Sitenin, bu içeriği sitenin her yerinde gösterecek, daha bulunabilir hale getirecek ve daha fazla insanı siteye çekecek şekilde tasarlanması gerekiyordu.

Ayrıca içerik oluşturma sürecini çok daha kolay, çok daha hızlı ve çok daha çevik hale getirmemiz gerektiğini biliyorduk. Ancak bu çevikliğin, sayfa tasarımı üzerindeki yönetimi kaybetmeden gelmesi gerekiyordu. Kurum olarak blok düzenleyiciyi kendi içinde bir tasarım aracı olarak kullanmak istemiyoruz; ancak markamızın tasarım sistemini blok düzenleyicide kullanabilmek istiyoruz.

Gutenberg blok düzenleyicisinin yeni tam site düzenleme özelliklerini neden kullanmalısınız?

David: Siteyi yeniden inşa etmeye karar verdiğimizde süreçlerimizi, iş akışlarımızı, sitemizin ne yapmasını istediğimizi ve bizim için nasıl bir performans göstermesini istediğimizi değerlendirdik. Hedeflerimize ulaşmak için birçok seçenek vardı, ancak biz gerçekten WordPress'e özgü bir yol istedik. Üçüncü taraf bir araca veya eklentiye güvenmek istemedik.

Tam site düzenleme, blok düzenleyicinin öngörülebilirliğini, kontrolünü ve çevikliğini web deneyiminizin geri kalanına getirir.

David Bowman, WordPress VIP

Bir sayfanın içeriğinde veya bir gönderinin içeriğinde sahip olduğunuz aynı harika kontrol, şimdi üst bilginizde, alt bilginizde, sitenin daha önce genellikle bir geliştirme döngüsünün arkasında kilitlenmiş bölümlerinde var.

Jameson: WordPress'te içeriğe modüler, esnek bir yaklaşım uygulamanın diğer bazı yolları oldukça hantal ve cıvatalı gibi hissettiriyor. Diğerleri gerçekten zeki ve performanslıdır, ancak yine de yerel WordPress gibi hissetmiyorlar. Tam site düzenleme ise tüm temanıza kullanım kolaylığı ve blok düzenleyicinin gücünü getirir. Yalnızca gönderilere, yalnızca sayfalara değil, gezinmeye, şablonları, ana sayfaları vb. arşivlemek için.

Temanıza getirdiği bir diğer şey ise React'in gücüdür. Bileşenler için özel olarak oluşturulmuş JavaScript kitaplığından daha esnek, modüler içerik uygulamak için daha iyi bir yol düşünemiyorum. Bu tam site düzenleme temasını geliştirirken yazdığımız JavaScript'in (PHP'nin aksine) miktarı bizi gerçekten şaşırttı ve sevindirdi.

Tasarım sistemleri ve tam site editörü ve açıkçası Gutenberg blok editörü, mükemmel bir eşleşmedir. Yerel stiller ve blok kontrolleri aracılığıyla içerik oluşturma deneyimine gerçekten yönetişim kazandırabilir ve aynı zamanda içerik oluşturucuların çevik kalmasına ve iş hızında hareket etmesine izin verebilirsiniz.

Tam site düzenleme projesine başlamadan önce insanlar ne bilmelidir?

Jameson: WordPress çekirdek yazılımında herhangi bir tam site düzenleme özelliği yayınlanmadan önce siteyi geliştiriyorduk, bu nedenle Gutenberg eklentisini yükleyerek en güncel özelliklerle çalıştık. Bu, çalışırken zeminin altımızda değiştiği fikrini benimsememiz gerektiği anlamına geliyordu. Tam site düzenleme özellikleri kesinleştikçe karşılaştığımız sorunların çoğu ortadan kalkacaktır.

WordPress'in en güzel yanı, projeye dahil olan çok zengin, sağlam bir topluluk olmasıdır. Karşılaştığınız zorluklara yanıt bulmak o kadar da zor değil.

Gerçekten geniş çeşitlilikteki bir topluluğun etkileşimine ve desteğine sahipken aynı zamanda işletme için gelişebilmek harika bir kombinasyon.

Jameson Proctor, Atletizm

Kapalı kaynak ve tescilli platformların en uç noktalarında çalışmak çok daha maliyetli ve zordur.

Gutenberg blok düzenleyicisinde tam site düzenlemenin etkileri hakkında son bir söz var mı?

Jameson: Tasarımcılar ve içerik oluşturucular arasındaki bu harika işbirliği ekosistemini yaratıyoruz. Bu gelişmeye devam ettikçe, kuruluşlar için kilidini açacağı güç, hesaba katılması gereken bir şeydir.

---

Tartışmamızın daha fazlası için şimdi Gutenberg blok düzenleyici tam site düzenleme web seminerini izleyin.

Ve yayın sırasında aldığımız tüm soruların cevaplarının özeti için bizi izlemeye devam edin.