Gutenberg Eğitimi: Yeni WordPress Blok Düzenleyicisi Nasıl Kullanılır

Adını matbaanın mucidi Johannes Gutenberg'den alan yeni WordPress Gutenberg blok editörü, WordPress 5.0 sürümünde WordPress için varsayılan editör olarak giriş yaptı.

Görev basittir, WordPress ile yeni bir yazma ve düzenleme deneyimi yaratmak.

Bloklara sahip Gutenberg editörü, WordPress ile medya açısından zengin içerik oluşturma konusunda benzersiz bir deneyim sunar.

Klasik düzenleyicide görevlerin yerine getirilmesi için eklentilere ihtiyaç duyulacağından, düzenleyiciye yerel olarak birçok işlevsellik getirir.

Birazdan size Gutenberg blok düzenleyicisini nasıl kullanacağınızı anlatacağım.

WordPress kullanan birçok müşteriyle çalışırken, pek çoğu düzenleme deneyimine zor geçişten heyecan duymadı.

Bu muhtemelen, Gutenberg'in piyasaya sürülmesiyle seçim onlardan alındıktan sonra milyonlarca WordPress kullanıcısının klasik düzenleyiciyi neden yüklediğini açıklıyor.

Bir bölümün gerekçesi, eski temalarla uyumluluk, başka bir bölüm ise yalnızca kullanıcı öfkesi veya Gutenberg blok düzenleyicisinin nasıl kullanılacağına dair bilgi eksikliği olabilir.

Umarım bu makaleyi okuduktan sonra, daha sonra blok düzenleyici konusunda rahat olursunuz.

Adım Adım: Gutenberg blok düzenleyicisi nasıl kullanılır?

Bir sayfa veya gönderi oluşturmakla başlar. Zaten aşina olduğunuz bir şey.

Yeni bir sayfa veya gönderi eklediğinizde dikkat etmeniz gereken ilk şey bu araç çubuğudur.

Sol tarafta + Blok Ekle araç çubuğumuz var. Bu, içeriğinize blok ekleyebileceğiniz yerlerden biridir.

Ayrıca, son bloğun altına tıklayarak da blok ekleyebilir, ardından beliren + simgesine tıklayabilirsiniz.

Alternatif olarak, bloklar arasında gezinin, Blok Ekle Simgesi görünür, bloğu eklemek için tıklayın.

Sırada Geri Al ve Yinele düğmeleri var.

Üst araç çubuğundaki bir sonraki simge, içerik yapınızı gösterir.

Sonraki Blok Gezinme

İçeriğiniz çok sayıda blokla büyüyorsa, buradan bloklara gidebilirsiniz. Harika değil mi?

Sağdaki,

Bunlar oldukça basit, Taslağı Kaydet, Gönderinizi önizleyin (Yeni bir sekmede açar) ve Yayınlayın.

Sonraki simge, ayarların görüntülenmesini değiştirir. Sağ bölmeleri görüntüler veya gizler.

Ayarlar görünür durumdaysa, dikkat dağıtmayan daha geniş bir düzenleyici için gizlemek üzere tıklayın. Ayarları göstermek için tekrar tıklayın.

Araç çubuğunun sonunda üç dikey nokta bulunur. Bu, daha fazla araç ve seçeneği gizlemenize veya görüntülemenize olanak tanır.

Peki daha fazla araç ve seçenekle tam olarak ne yapabilirsiniz?

• Araç Çubuğuna sahipsiniz - tüm blok ve belge araçlarına tek bir yerden erişin.
• Spot ışığı modu. Her seferinde bir bloğa odaklanmanızı sağlar
• Tam ekran modu. Tamamen dikkat dağıtıcı olmayan bir düzenleme deneyimi için editörünüzü havaya uçurun.
• Kod ve HTML bloklarının işleyemeyeceği bir kod yazmanız gerekiyorsa, Görsel düzenleyici (şu anda gördüğünüz şey) ile Kod Düzenleyici arasında geçiş yapın.
• Yeniden Kullanılabilir blokları yönetin
• Klavye kısayolları ve
• Tüm içeriği düzenleyiciye kopyalayın.

Gutenberg Blokları

Şimdiye kadar blokları görmeye devam ettiniz, ama bunlar nedir?

Nasıl çalıştıklarını görmek için uzun bir yol izleyeceğiz ve umarız o zaman mantıklı olur ve siz de ona kendi anlayışınıza göre bir tanım verebilirsiniz.

Gutenberg'de En Çok Kullanılanlar, Ortak Bloklar, Biçimlendirme, Düzen öğeleri, widget'lar ve yerleştirmeler dahil olmak üzere her biri altı blok kategorisi vardır.

Klasik editör ile içerik oluştururken tek yapmanız gereken metin alanlarına içerik girmekti.

Yeni editör ile içerik türüne göre düzenlenmiş blokları kullanacaksınız. Metin içeriği eklemek için metin/paragraf bloğu, Görüntüler – Görüntüler bloğu, Html, HTML bloğu gerekir.

Bu, tüm içeriğinizi tek bir yere eklediğiniz klasik düzenleyiciden farklı bir şeydir.

Blok araçlarını kullanma

Her bloğun, içerik oluştururken ve düzenlerken kullanabileceğiniz araçları vardır.

Tüm araçları görünen klasik düzenleyicinin aksine.

Bu araçlara erişmek için bloktaki içeriği tıklayın. Paragrafı/içeriği sıklıkla kullanacağınız için kullanacağız.

Bir bloktaki metne veya içeriğe tıkladığınızda, içeriğin üzerinde bir araç kutusu açılır.

Göreceğiniz araçlar kullandığınız bloğa özeldir, bu nedenle bir medya bloğuna tıkladığınızda aynı araçları görmeyi beklemeyin.

Örneğin paragraf bloğu, metin biçimlendirme araçlarına sahiptir; sola hizalama, ortaya hizalama, sağa hizalama, kalın, italik, köprü ekleme ve üstü çizili metin.

Ayrıca, varsayılan blok işlevselliğini genişletmek için yüklediğiniz diğer eklentiler tarafından eklenen daha fazla biçimlendirme aracı.

Blok araç setindeki blokları kesen iki özellik, başlangıçta “ Bloğu dönüştür ” ve sonunda, blok için daha fazla ayar içeren “ Daha fazla seçenek” Simgesini – üç dikey nokta – görmelisiniz. ile çalışıyorsun.

Bir Gutenberg bloğunu dönüştürün

Bir bloğu dönüştürmek için yukarıdaki paragraf bloğunda gördüğünüz gibi bloğa tıklayın.

İlk paragrafımızı bir alıntıya dönüştürmek istediğimizi varsayarsak, onu tıklayın, ardından Simgeye Dönüştür'ü tıklayın ve ardından dönüştürmek istediğiniz yeni bloğu seçin.

Paragraf bloğunu alıntı yapmak için dönüştürmek şimdi şöyle görünüyor.

Daha Fazla Seçenek Düğmesi

Blok araç kitinin sahip olduğu diğer düğme, " Daha Fazla Seçenek " simgesidir - üç dikey nokta. Görmek için herhangi bir bloğa tıklayın.

Daha Fazla Seçenek ile bloğunuzla daha fazlasını yapabilirsiniz; Blok ayarlarını gizle, Bloğu çoğalt, Bloğu önceki ve devam eden bloklardan önce veya sonra ekle, bloğu HTML olarak düzenle, bloğu yeniden kullanılabilir bloklara ekle ve son olarak, Bloğu kaldır veya sil.

Gutenberg blok düzenleyicisi ile bir yazının veya sayfanın kalıcı bağlantısını değiştirme

Gönderinin veya sayfanın başlığını tıklayın. Üstünde, bağlantı görüntülenecektir.

Düzenle Düğmesine tıklayın, ardından bağlantınızı değiştirin ve ardından Kaydet'e tıklayın.

Gutenberg Blok Düzenleyicide Belge ve Blok Ayarları

Her Gutenberg gönderisinin veya sayfasının sağında iki sekmeli bir bölme bulunur.

Belge Bölmesi, Durum ve görünürlük, gönderi yazarları, Etiketler, Özellik Görüntüsü, Tartışmalar – yorum yapmaya izin vermek için, gönderiler ve/veya sayfalar için Kategoriler ve eklentiyle ilgili ayarlar dahil olmak üzere sayfa veya gönderi için belge çapında ayarlara sahiptir.

Blok bölmesi, bloğa özel bir ayar içerir.

İçerik alanındaki bloğa tıklayın, ardından sağ bölmede Engelle bölmesine tıklayın.

Çözüm

Gutenberg Blokları editörü hakkında bir avuç bilgiyi ele aldık.

Umarım bu bilgiyle içerik oluşturma ve yayınlama için kullanmak daha az korkutucu olur.

Yeni blok düzenleyiciyi mi kullanıyorsunuz? Bununla ilgili deneyiminiz nedir?

Ayrıca mevcut WordPress gönderilerini Gutenberg bloklarına dönüştürmek isteyebilirsiniz.