Gutenberg editörünün gerçekten de varsayılan WordPress makale editörü olacağı doğrulandı. BENai ikincisini test edebildim ve bu yeni düzenleyiciyle birçok kullanıcının kaybedileceğini hemen fark ettim, bu eğitimin nedeni de budur. Böylece birlikte Gutenberg editörünün temellerini inceleyeceğiz ve bazı ileri düzey noktaları ele alacağız.

Başlamadan önce

WordPress 5.0 sürümünü (hala geliştirilme aşamasındadır) yükleme yeteneğiniz yoksa, şimdi yapabilirsiniz Gutenberg indir ve WordPress sürümünüzde test edin (tekrar deneysel bir ortama başlıyorum). Ancak bu yeni editöre verilen reytinglere baktığımda biraz şaşırdığımı itiraf ediyorum, kullanıcılarımın yarısından fazlası 1/5 puan verdi.

önizleme gutenberg derecelendirmesi wordpress.jpeg

Bunun üzerinde durup bir fikir edinmek için test etmeyeceğim.

Arayüz sunumu

Gutenberg'i kullanmak için şunları yapmalısınız: yazmak bir makale (belli ki), geçmişte yaptığınız gibi, yani " Makaleler> Ekle".

gutenberg presentation.jpeg

En başından beri fark ettiğim şey, editörün dikkat dağınıklığının yokluğuna çok fazla odaklandığı ve sayfanın tüm genişliğini istismar ettiği.

eski sürüm wordpress.jpeg

Gutenberg'de çok fazla kenar boşluğu olduğunu fark etmemiz gerekse bile, beyaz arka plan bence daha az dikkat dağıtıcı bir renk. Gutenberg'in Calypso'daki (WordPress.com) yazı düzenleyicisine çok benzediğini fark edeceksiniz.

calypso editörü, wordpress.jpeg

Elementlerin yeri

Yedekleme bölümü

Düzen çok değişti. Öğe kaydetme alanı artık en üstte bulunuyor. Daha ziyade, kaydet düğmesine hızlı erişim bölümüdür.

yedekleme bölümü gutenberg.jpeg

Ayar simgeli düğme, aşağıdaki kanadı kapatmanıza izin verir. Görsel düzenleyici ve metin düzenleyici arasında geçiş yapmamızı sağlayan düğmeler artık aynı bölmede en sağda bulunuyor. Makaleyi önizlemek için, “Yayınla…” düğmesinin önünde bulunan göze tıklamanız gerekir.

gelişmiş kontrol gutenberg.jpeg

Kategoriler ve makale görünürlüğü için öne çıkan görüntüyü seçme bölümü her zamanki gibi sağ taraftadır. Emin olmanız gerekir mi? " belge Seçildi.

gutenberg bölüm kategorisi ve ilk.jpeg'deki resim

Blok bölümü

Gutenberg'in getirdiği yenilik budur. Artık Gutenberg'deki herhangi bir paragrafın bir blok olarak kabul edilmesi gerektiğini bilmelisiniz. Bloklar, bu tekil olarak ayarlanabilir olma olasılığına sahiptir, ancak aynı zamanda tüm belge üzerinde kolayca hareket ettirilebilirler.

İmleci paragrafınızın üzerine getirdiğinizde, seçilen bloğun işlevlerine erişmek için sağdaki blok sekmesine tıklamanız gerekir.

blok gutenberg wordpress.jpeg

Bu ayarlarla, örneğin yalnızca bloğa uygulanan bir arka plan rengi tanımlayabilir ve bloğun yazı tipi boyutunu değiştirebilirsiniz. Ben oldukça uygun buluyorum.

Biçimlendirme seçenekleri

Biçimlendirme her bloğun üzerinde görünecektir.

seçenek biçimlendirme.jpeg

Ayrıca, Düzenleyici Seçeneğini ve ardından "Araç çubuğunu en üstte ayarla" seçeneğini tıklayarak en üstteki düzen seçeneklerini de görüntüleyeceksiniz.

üst.jpeg'de biçimlendirme seçeneklerini göster

Özel bloklar nasıl eklenir

Paragraf bloğunu kullanmakla sınırlı değilsiniz. Daha fazla blok eklemek için, sol üstte bulunan + simgesine tıklamanız gerekir.

Farklı blok gutenberg.jpeg

Bu, mevcut farklı bloklara erişmenizi sağlar. Ayrıca bu konumda, tarafından sunulan farklı bloklara erişebilirsiniz. temalar ve eklentiler. Kendi özel bloklarınızı kaydetme seçeneğiniz bile olacak. Benzer makaleleri düzenlemeyi kolaylaştıracağını düşünüyorum.

Hepsi bu eğitim için, bu eğitimde gözlemlediğimiz her şeyi uygulamaya koyarak bir sonraki adımda devam edeceğiz.