Gutenberg WordPress'i Nasıl Değiştirecek?

Wordpress Gutenberg. Bunu duymuş olabilirsiniz. Bu büyük bir anlaşma olur. Bu, WordPress'i sonsuza dek değiştirecek yeni bir editör ve yakında geliyor. WordPress 5.0'da varsayılan düzenleyici olacaktır. Bu yeni WordPress editörü, bloklara dayalıdır ve içeriğimizi oluşturma şeklimizi değiştirecektir. Bu yazıda, Gutenberg'in WordPress'i nasıl değiştireceğine bakacağız.

Gutenberg Blokları

Gutenberg, belirli bir tür içeriği tutan bir kapsayıcı olan bloklarla içerik oluşturur. Yıllardır kullandığımız metin, medya, bağlantılar, kod vb.'yi tek bir kapta tutacak düzenleyicinin aksine, bloklar yalnızca bir tür içerik tutar. Metin blokları metni tutar. Görüntü blokları görüntüleri tutar. Başlık blokları başlıkları tutar. Alıntı blokları tırnak tutar. Liste blokları listeleri tutar. Gördüğünüz gibi, bloklar içerdikleri içeriğin türüne son derece özeldir.

Gutenberg ile metin bloğuna medya ekleyemiyoruz. Gutenberg ile basit bir gönderi bile oluşturmak, tam olarak üretmek istediğimiz içeriği üretmek için içerik öğelerini en iyi öğelerine ayırmamızı gerektiriyor. Yavaşlamamızı ve daha hassas olmamızı gerektiriyor. Bu, içeriğin üretilmesinin daha yavaş olacağı, ancak daha iyi görüneceği, daha iyi akacağı ve daha iyi organize edileceği anlamına gelir.

Divi'ye alışkınsanız, ayrı modüller içeren sayfalar oluşturmaya zaten alışmışsınız demektir. Metin, resim, galeri ve hatta kod için modüller içeren blog gönderileri oluşturmaya bile alışmış olabilirsiniz. WordPress Gutenberg aynı fikirdir ancak biraz daha ileri götürülmüştür. Divi Builder ile tüm içeriğinizi bir metin modülüne ekleyebilir (tıpkı standart WordPress editörü gibi) ve ardından fiyatlandırma tabloları, sekmeler, haritalar vb. gibi özelleştirilmiş özellikler için modüller kullanabilirsiniz. Gutenberg ile her şey ayrı bir bloktur .

Gutenberg Editörü

WordPress Gutenberg editörü, klasik editörden çok farklıdır. Ekranın ortasında hâlâ içeriğimizi oluşturabileceğimiz bir tuvalimiz var, ancak tüm bu içeriğin gittiği bir alana sahip olmak yerine, içerik bloklarının her biri bağımsız olarak içerik tuvaline eklenir. Konumlarını değiştirmek için bu blokları tuval üzerinde yukarı ve aşağı hareket ettirebiliriz.

Tüm kontroller ve ayarlar sağda görünür. Bir bloğa tıklamak, ayarlarını gösterecektir. Sol üstteki artı sembolüne tıklanarak veya son bloğun altındaki konuma tıklanarak yeni bloklar eklenir. Bir blok seçmek için üzerine gelindiğinde görünen simgeye tıklayabilir, sağdaki simgelerden birine tıklayabilir veya bir paragraf (metin) bloğu oluşturmak için yazmaya başlayabilirsiniz.

İçeriğiniz için güzel bir WYSIWYG görünümü sağlasa da, Gutenberg hala bir arka uç oluşturucudur. Tıpkı klasik düzenleyici gibi bir önizleme düğmesi içerir. Görsel Düzenleyici veya Kod Düzenleyici ile düzenleyebilirsiniz.

Klasik Düzenleyici ile Oluşturulan Sayfalar ve Gönderiler

Automattic'in hedefi, Gutenberg'in orijinal editörle oluşturulmuş içeriği bozmadan klasik editörü değiştirmektir. Eski içeriğinizle hiçbir şey yapmanıza gerek kalmayacak. Hala her zaman olduğu gibi aynı şekilde çalışmalıdır. Klasik içeriğin herhangi birini Gutenberg içindeki bir Klasik blokta açabilirsiniz. İçerik alanı, klasik düzenleyiciyle aynı şekilde çalışmaya devam eder.

Hatta klasik editör bloğu içinde veya yeni bloklar ekleyerek yeni içerik ekleyebilirsiniz. Bir başlık ve bir alıntı ekledim. Gutenberg, klasik içerikle iyi oynuyor gibi görünüyor.

Gutenberg Eklentisi

Gutenberg'i kullanmayı öğrenmeye başlamak için WordPress 5.0'a kadar beklemeniz gerekmez. Artık yükleyip test etmeye başlayabileceğiniz bir eklenti olarak mevcuttur. Yüklemenizi ve nasıl çalıştığına alışmaya başlamanızı şiddetle tavsiye ederim. Klasik düzenleyici bir süre daha kullanılabilecek, ancak varsayılan düzenleyici yerine bir eklenti olacak. Canlı sitenize yansıtmadan önce mutlaka bir test sitesinde deneyin. Ve elbette, her zaman önce bir yedeğiniz olduğundan emin olun.

Gutenberg Rampası

Başka bir seçenek de Gutenberg Rampasını kullanmaktır. Bu, Gutenberg'i seçerek belirli gönderi türlerine göre etkinleştirmenize izin veren bir Automattic eklentisidir. Bu, Gutenberg WordPress 5.0'da varsayılan düzenleyici olmadan önce sorunları çözmeye yardımcı olmak için sitenizi her seferinde bir gönderi türünü test etmenin harika bir yoludur.

Divi ile Gutenberg

Divi kullanıyorsanız (ve kullanmalısınız), bir sayfa oluştururken veya gönderi oluştururken, Divi Builder'ı mı yoksa varsayılan düzenleyiciyi mi kullanmak istediğinizi soran bir modal alırsınız. Varsayılan düzenleyici elbette Gutenberg'dir. Divi Builder'ı kullanmak sizi otomatik olarak Visual Builder'ı kullanacağınız ön uca götürür. Bu ekranda birkaç seçenek bulunmaktadır. Divi'yi seçmeden önce seçimlerinizi buradan yapın. Gerekirse bu ekrana daha sonra geri dönebilirsiniz.

Bu ekranda, sayfa düzenini (sol kenar çubuğundan, sağ kenar çubuğundan seçim yapın veya kenar çubuğu yok) seçebileceğiniz, kaydırmadan önce gezinmeyi gizleyebileceğiniz, arka plan rengini (rengi özelleştirmek için bir renk seçici ile) ve metni kullanabileceğiniz Divi Sayfa Ayarları bulunur. renk (açık veya koyu). Ayrıca planlama, görünürlük ve biçim sonrası araçlarını da içerir.

Bir Sayfa oluşturmayı seçerseniz, şablon, üst ve sıra seçenekleri ile düzen ve kaydırmadan önce gezinmeyi gizlemek için Divi Sayfa Ayarları olacaktır.

Divi Builder ile oluşturmayı seçtiğinizde, normal Visual Builder'ı göreceksiniz.

Seçiminizi yapın ve normal şekilde oluşturun. Divi Visual Builder, tam olarak şimdi olduğu gibi çalışır.

Yine de Visual Builder'dan çıkıp gönderiyi düzenleyebilirsiniz. Bu sizi, Durum ve Görünürlük veya Divi Sayfası Ayarları gibi istediğiniz arka uç ayarlamalarını yapabileceğiniz Gutenberg düzenleyicisini görmek için arka uca götürür. Sayfanın kendisini düzenlemek için Divi Builder'ı tekrar başlatmanız gerekecek.

Bir oluşturucudan diğerine geçerseniz, bu sayfa için diğer oluşturucuda yaptığınız her şeyi kaybetme riskiyle karşı karşıya kalırsınız. Divi ile içerik düzenlemek mümkündür. Denemeden önce içeriğin yedeğini aldığınızdan emin olun.

Bu örnekte klasik içeriği açtım, başlık ve alıntı blokları ekledim ve ardından Divi Builder ile sayfayı düzenledim.

yirmi on dokuz

2018 hariç her yıl (Gutenberg üzerinde çalışmakla meşguldüler), WordPress'in en yeni özelliklerini ve tasarım yönünü sergilemeye yardımcı olmak için Automattic tarafından yeni bir tema sunuluyor. WordPress 5.0 ayrıca Gutenberg için özel olarak tasarlanmış Twenty Nineteen adlı yeni bir tema içerecektir. Ön uç ve arka uç stilleriyle minimal, tipografi odaklı bir blog temasıdır.

Biten Düşünceler

Bu, Gutenberg'in WordPress'i nasıl değiştireceğine dair genel bakışımız. Bu noktada, sadece kullanıcı arayüzünü ele aldım. SEO, yükleme hızı, güvenlik vb. dahil olmak üzere dikkate alınması gereken başka değişiklikler de olacaktır. Bu alanları daha sonraki gönderilerde inceleyeceğiz.

Kullanıcı arayüzüne gelince, bir öğrenme eğrisi var. Gutenberg ile başlamak garip çünkü bazılarımızın on yılı aşkın süredir kullandıklarından çok farklı. Bizi yavaşlatacak. Çoğumuz geçişin eğlenceli bir deneyim olduğunu düşünmeyiz. Birçoğu kısayolları kullanacak ve daha az resim veya diğer özel içerik kullanacak (en azından bir süre için).

Değişikliği sevmiyorum (birkaç sürüm önce bağlantı aracında yapılan değişikliklerden şikayet ettiğimi hala hatırlıyorum), ancak Gutenberg'in iyi bir editör olacağını düşünüyorum. Bir kez alıştığımızda, daha sezgisel hale geleceğini ve o kadar garip hissetmeyeceğini düşünüyorum. Klasik düzenleyiciyi kullanmak kadar hızlı olacağını sanmıyorum.

Gutenberg'in bazı avantajları var. Yerel WordPress'teki düzen üzerinde daha fazla kontrole sahip olacağız. Şu anda oluşturucu temaları ve eklentileri konusunda çok fazla kontrole sahibiz, ancak Gutenberg ile üçüncü taraf bir ürüne ihtiyaç duymadan yüksek düzeyde kontrole sahibiz. Daha az eklentiye ihtiyacımız olacak. Normalde eklenti kullandığımız özelliklerden bazıları Gutenberg'de yerleşiktir.

Divi kullanıcıları için Visual Builder'ı kullanmaya alışın. Elegant Themes, Visual Builder'da pek çok iyileştirme yaptı ve zaten arka uç ve ön uç oluşturucular arasında gerçekten daha iyi bir seçim. Arka uç ve ön uç oluşturucuların karşılaştırması için Divi Builder: Arka Uç - Ön Uç ve Her birinin Avantajları başlıklı Divi Space makalesine bakın.

WordPress 5.0, sayfalarınızın ve yayınlarınızın içerik alanında Gutenberg'i uygulayan WordPress Gutenberg'in 1. Aşamasını bize getirecek. Çok daha ileride olan 2. Aşama, Gutenberg'i üstbilgiler, altbilgiler, kenar çubukları, menüler vb. dahil olmak üzere WordPress'in her alanına uygulayacaktır. Bu, Gutenberg'i eksiksiz bir site oluşturucu yapacaktır. Elbette, Gutenberg'in sağlayamayacağı özel araçlar ve özellikler sağlayan Divi gibi inşaatçılara her zaman ihtiyaç olacaktır.

Gutenberg geliyor. Bu makaledeki eklentilerden birini denemenizi şiddetle tavsiye ederim, böylece onu kullanmayı öğrenmeye bir adım önde başlayabilirsiniz.

Gutenberg'i WordPress web sitenizle denediniz mi? Yorumlardaki deneyiminizi bize bildirin.