Gutenberg ile WordPress Web Sitesi Oluşturma: İlk Gözlemler

Yayınlanan: 2018-08-21

Yeni WordPress editörü Gutenberg ile ilgili tüm yaygarayı takip ettiyseniz, birçok kullanıcının onun hakkında çok güçlü bir fikir oluşturduğunu biliyorsunuzdur. Ancak, tüm drama bir yana, onunla bir web sitesi inşa etmek nasıl bir şey?

WordPress 5.0 daha da yaklaştıkça, Gutenberg'in neler yapabileceğini nihayet görmenin zamanının geldiğine karar verdim. İyi bir test yapmış olsam da (belki de daha iyi oynamak olarak tanımlanır), editörün eklenti sürümünü standart iş akışıma henüz dahil etmemiştim.

Oldukça küçük başlayacağımı düşündüm. Böylece Gutenberg'i yeniden tasarladığım broşür tarzı bir siteye kurdum. Aşağıda deneyimlerim hakkında birkaç düşünce var, ancak bunun hala düzeltilmesi gereken birkaç hatası olan beta yazılımı olduğunu unutmayın.

Çalışmanın Yeni Bir Yolu

Gutenberg kullanıcı arayüzünü daha önce gördükten sonra, neyi başarabileceğime dair bazı temel beklentilerim vardı – Klasik editörle kolayca yapamayacağım şeyler:

  • İçeriği kolayca yeniden düzenleyin
  • Basit çok sütunlu düzenler oluşturun
  • Özelleştirilmiş içerik bloklarını birden çok yerde yeniden kullanın

Tam gelişmiş bir sayfa oluşturucu türünde bir düzenleme deneyimi beklemediğimi (ne de istemediğimi) söylemek yeterli. Neyse ki, Gutenberg bunu yapma iddiasında değil ve gerçekten de bu tür bir görev için tasarlanmamıştır.

Genel olarak, şu alanlarda işlerin oldukça iyi gittiğini söyleyebilirim:

İçeriği Yeniden Düzenleme
Bir bloğun üzerine geldiğinizde görünen küçük okları kullanarak bir sayfada içerik değiştirmek yeterince basitti. Ancak, sütunlar halinde düzenlenmiş içeriği yatay olarak değiştiremedim. En azından, eğer bu işlevsellik mevcutsa, çözemedim.

Gutenberg ile İçeriği Yeniden Düzenlemek

Çok Sütunlu Düzenler
Bu özellik hala beta aşamasında, ancak işe yaradı. Karşılaştığım tek sorun, sütunlara çeşitli bloklar eklemek ve ardından imlecimle belirli bir sütun seçmekti. Bir sütunun üzerine gelindiğinde ortaya çıkan devasa miktardaki ızgara çizgileri zaman zaman biraz kafa karıştırıcı hale geldi (ancak eklentinin 3.6 sürümü bunu biraz sakinleştirmiş gibi görünüyordu).

Ön uçta, Flexbox tabanlı sütunların mobil ekranlarda üst üste yığılmasını sağlamak için bazı CSS'lerde ince ayar yapmak zorunda kaldım. Tema geliştiricileri bu tür tasarım kararları üzerinde tam kontrol sahibi olmak istediklerinden, bu mutlaka kötü bir şey değil.

Çok sütunlu düzenlerde doğru bloğu seçmek zor olabilir.

Blokları Yeniden Kullanmak
Gutenberg'in zarif özelliklerinden biri, oluşturduğunuz bir içerik bloğunu tekrar tekrar kullanmak üzere kaydetme yeteneğidir. Bunu, kurduğum bir dizi sosyal medya ikonuyla yapabildiğimi fark ettim. Bloğu oluşturdum, kaydettim ve sorunsuz bir şekilde birden çok sayfaya ekledim.

Gerçekten etkileyici olan şey, bu yeniden kullanılabilir blokta bir düzenleme yapabilmem, onu kaydedebilmem ve düzenlenmiş versiyonun, kullandığım her sayfada otomatik olarak görünmesiydi. Bu gerçek bir zaman tasarrufu oldu.

Sosyal medya simgelerinden oluşan Yeniden Kullanılabilir Blok.

Mevcut İçerik Nasıl?
Ayrıca, yeni bir WordPress kurulumuna aktardığım sitenin mevcut içeriğine ne olacağını görmek istedim. Varsayılan olarak, Gutenberg bu içeriği WordPress Classic düzenleyicisine oldukça benzeyen bir “Klasik” bloğa yerleştirdi. Ön uçta, her şey beklendiği gibi görünüyordu.

Daha fazla düzenleme için bu içeriği bir dizi uygun bloğa dönüştürme seçeneği verildi. Deneyimlerime göre, editör bunu oldukça iyi ele aldı. Örneğin, görüntüler bir "Görüntü" bloğuna, sırasız listeler bir "Liste" bloğuna vb. yerleştirildi. Bu süreçte hiçbir şeyin yerinde görünmediğini bildirmekten mutluyum.

Mevcut içeriği Gutenberg Bloklarına dönüştürme.

Öğrenme eğrisi

“Çalışmayan şeyler” korkusunun ötesinde, sahip olduğum en büyük endişe, yeni bir editör kullanmaya alışmamın ne kadar zaman alacağıydı. Sonuçta, bir test sitesinde ortalığı karıştırmak, bir müşteri için bir şeyler oluşturmaktan çok farklıdır.

Gutenberg'i kullanan ilk birkaç saat, tuhaflıklarını ve süreçlerini hızla keşfettiğim için biraz sinir bozucuydu. Bunun bir kısmının alışkın olmadığım bir şekilde çalışmak zorunda kalmaktan kaynaklandığından şüpheleniyorum. Yıllar boyunca, düzenle ilgili birçok görev için özel alanlar kullanma eğiliminde oldum. Temelde en az karmaşık olan herhangi bir şey için Klasik düzenleyiciyi kullanmaktan vazgeçmiştim. Bu nedenle, editörün kendisine biraz daha güvenmek alışmak biraz zaman aldı.

Yine de, biraz pratik yaptıktan sonra, genellikle ihtiyacım olan şeyleri başarabildim. Kullanıcı arayüzü, bir sayfa oluşturmak için bir saldırı planı oluşturmaya başlayabileceğiniz kadar sezgiseldir. Bir planınız olduğunda, hepsini bir araya getirme görevine geçebilirsiniz.

Baştan sona hayal kırıklığı olarak kalan bir öğe, özel meta kutuların yerleştirilmesi ve (bazı durumlarda) kaybolmasıydı. Deneyimsiz olanlar için bunlar, Düzenleme ekranına temalar ve eklentiler tarafından yerleştirilen kutulardır. Örneğin, SEO eklentiniz, sayfa optimizasyonunu ayarlamanıza izin veren bir meta kutu ekleyebilir.

Özel alanlar gibi bazı öğeler ekranın alt kısmında sıkışmıştı (yeterince adil, ancak bu tür yerleşim şimdiye kadar Klasik düzenleyicide daha kolay kontrol ediliyor). Diğer kutular sağ altta bir akordeon içinde katlanır. Ancak meta kutuları hiç gösterilmeyen birkaç eklenti buldum.

Meta kutuları alt ve sağ alt konumlara yerleştirilir.

Şimdilik, eksik meta kutuları için tek düzeltme, geçici olarak Klasik düzenleyiciye geri dönmekti. Oradan, Gutenberg'e geri dönmeden önce ihtiyacım olan ayarları değiştirebilirim. Bu süreçte hiçbir şey kırılmadı, ancak yine de rahatsız ediciydi.

Meta kutuları, geliştiricilerin WordPress'i nasıl özelleştirdiğinin çok önemli bir parçası olduğu için, burada nasıl uygulandıklarına daha fazla özen gösterilmesi gerektiği görülüyor. Geliştirme ekibinin karar vermesinin ardındaki teknik nedenleri tam olarak anlamasam da, daha iyi bir entegrasyonun kullanıcılardan pek çok sorun ve sıkıntıdan kurtulacağını düşündüğümü söyleyebilirim.

Ne kayıp?

Gutenberg'i içerik oluşturmak için kullandığımdan, büyük potansiyeline geri dönmeye devam ettim. Ancak, editör henüz tam olarak orada değil.

Bunun bir kısmı, ele alınması gereken sayısız hata ve kullanılabilirlik sorunudur. Ancak bu eklenti daha fazla benimsendiği ve çok sayıda geri bildirim aldığı için, editör çekirdeğe birleşmeden önce bunların çoğunun halledilmesini beklerdim.

Denklemin diğer yarısı, WordPress topluluğunun genel deneyimi daha da geliştirmek için yaptığı yaratıcı şeyleri görmektir. Özel bloklar oluşturulabildiğinden, karışıma gerçekten faydalı şeyler eklendiğini görmek zorundayız.

Şu anda Gutenberg'i stok biçiminde kullanmak, içeriği Klasik düzenleyicide yapamadığımız şekilde özelleştirmenin bir yolunu sunuyor. Ama işleri bir sonraki seviyeye taşıyacak olanlar, topluluktan gelen ekstralar olacak.

Genel olarak, Gutenberg'in bazılarının ilan ettiği tren kazası olmadığını söyleyebilirim. Ancak tam potansiyeline ulaşmak için çok daha fazla ince ayar ve topluluk katılımı gerekecek.