WordPress Block Düzenleyicisi Nasıl Kullanılır (Gutenberg Eğitimi)

Ve bu modern WordPress blok düzenleyicisi ekranı:

Gördüğünüz gibi, WordPress’te içerik oluşturmak için çok farklı iki editör. Eski Klasik Editör, Microsoft Word’e çok benzeyen biçimlendirme düğmesine sahip bir metin düzenleyicisidir. Yeni editör, ‘bloklar’ (bu nedenle blok düzenleyicinin adı) adlı tamamen farklı bir yaklaşım kullanır. Block, bir içerik düzeni oluşturmak için düzenleme ekranına eklediğiniz bir içerik unsurudur. Gönderinize veya sayfanıza eklediğiniz her öğe bir bloktur.
Her paragraf, resimler, videolar, galeriler, ses, liste ve diğerleri için bloklar ekleyebilirsiniz. Genel içeriğin tüm öğeleri için bloklar ve WordPress eklentisi tarafından eklenebilecek daha fazlası vardır. WordPress Block Düzenleyicisi klasik bir editörden nasıl daha iyi? WordPress Block Düzenleyicisi, yayınınıza ve sayfanıza çeşitli içerik türleri eklemenin basit bir yolunu sunar. Örneğin, içeriğinize bir tablo eklemek isterseniz, ayrı bir tablo eklentisine ihtiyacınız vardır. Bir blok düzenleyiciyle, bir tablo bloğu ekleyebilir, sütunlar ve satırlar seçebilir ve içerik eklemeye başlayabilirsiniz. İçeriğin öğelerini yukarı ve aşağı taşıyabilir, bireysel blok olarak düzenleyebilir ve içeriği kolayca zenginleştirebilirsiniz. En önemlisi, WordPress blok editörlerinin kullanımı ve öğrenilmesi kolaydır. Bu, ilk bloglarına yeni başlayan veya bir DIY işletme web sitesi oluşturan tüm WordPress yeni başlayanlar için büyük bir avantaj sağlar. Bu nedenle, harika içerik oluşturmak için bir profesyonel gibi WordPress blok editörlerini nasıl kullanacağına bakalım. Bu Gutenberg öğreticisinde tartışacağımız şey budur:

Gutenberg’i Kullanma – WordPress Block Editor
Yeni bir blog yazısı veya sayfası oluşturun
Gutenberg’de bloklar nasıl eklenir
Yeni editörde bir blokla çalışmak
Gutenberg’de blokları saklamak ve yeniden kullanma
Gutenberg’de yayınlama ve yayınlama
Yeni düzenleyicideki eklenti ayarları
Gutenberg’e birkaç genel blok eklendi
Gutenberg’de birkaç yeni içerik bloğunu keşfetmek
Gutenberg’i profesyonel gibi kullanmada bonus ipuçları
Gutenberg Block Editor’a daha fazla blok ekledi
Gutenberg Hakkında SSS
Hazır? Dalış yapalım.
Video öğretici
Yazılı talimatları tercih ederseniz WPBeginner’a abone olun, ardından okumaya devam edin. Gutenberg kullanımı – WordPress Block Editor Block Editor, sezgisel ve esnek olacak şekilde tasarlanmıştır. Eski WordPress editöründen farklı görünse de, hala klasik bir editörde yapabileceğiniz her şeyi yapıyor. Klasik editörde yaptığınız temel şeyleri ve blok düzenleyicide nasıl yapıldığını tartışarak başlayalım. Blok düzenleyicinizi kullanarak bir blog yazısı veya yeni sayfa oluşturmak her zamanki gibi yeni bir blog yazısı veya sayfası yapmaya başlayacaktır. Yayınlar menüsüne tıklayın »WordPress yöneticinize yeni ekleyin. Bir sayfa oluşturursanız, sayfa menüsünü açın »Yeni ekleyin.
Bu bir blok editörü başlatacak. Gutenberg’de bir blok nasıl eklenir Her gönderi veya sayfanın ilk bloğu başlıktır. İmleci aşağı hareket ettirmek ve yazmaya başlamak için başlığın altında hareket etmek için bir fare kullanabilir veya klavyenizdeki sekme düğmesine basabilirsiniz.
Varsayılan olarak, bir sonraki blok paragraf bloğudur. Bu, kullanıcıların hemen yazmaya başlamasını sağlar. Ancak, farklı bir şey eklemek istiyorsanız, editörün sol üst köşesinde, mevcut bloğun altında veya bloğun sağ tarafında yeni blok düğmesini (+) tıklayabilirsiniz.

Düğmeyi tıklamak, yukarıdaki arama çubuğuyla ve aşağıda yaygın olarak kullanılan bloklar ile eklenen blok menüsünü görüntüler.

Blok kategorisini keşfetmek için sekmeye tıklayabilirsiniz veya blokları hızlı bir şekilde bulmak için anahtar kelimeleri yazın.

Düğmeyi tıklamak için bir fare kullanmak istemiyorsanız, blokları bulmak ve eklemek için yazarak bir klavye kısayolu kullanabilirsiniz.
Her bloğun yeni düzenleyicisinde bir blokla çalışmak, bloğun üzerinde görünen kendi araç çubuğu ile donatılmıştır. Aygıt çubuğundaki düğme, düzenlediğiniz bloğa bağlı olarak değişecektir. Örneğin, bu ekran görüntüsünde, metin, kalınlık, eğik, eklenmiş bağlantılar ve daha fazlası gibi temel formatan düğmesini gösteren bir paragraf bloğunda çalışıyoruz. Araçların yanı sıra, her bloğun da kendi bloğu ayarına sahip olabilir. Ekranı Düzenle.

Bloğu sadece sürükleyerek veya her bir bloğun yanındaki üst ve alt düğmeleri tıklayarak yukarı ve aşağı hareket ettirebilirsiniz.

Bloğu grupta ayarlayın ve Block Düzenleme sütunu, içeriğinizin düzenini yönetmek ve yönetmek için pratik bir araçla donatılmıştır. Klavyenizdeki kaydırma düğmesine basarken tıklayarak birkaç blok seçebilirsiniz.

Bundan sonra, seçilen bloğu bir grup veya sütuna değiştirmek için araç çubuğundaki blok türü düğmesini tıklayın.

Daha sonra stili, tesviye veya ifadesini değiştirme gibi tüm grup bloklarına uygulayabilirsiniz. Block Editor ayrıca boş bir grup veya sütun bloğu eklemenize izin verir. Bundan sonra, başka bir blokla doldurabilirsiniz.

Daha sonra güzel bir düzen yapmak için her sütunu herhangi bir blokla doldurabilirsiniz.

Gutenberg’de blokları saklamak ve yeniden kullanmak, bloklarla ilgili en iyi şeylerden biri depolanabilmeleri ve yeniden kullanılabilmeleridir. Bu, makalelerine veya sayfalarına genellikle belirli içerik görüntüleri eklemesi gereken web sitesi ve blog yazarı için çok yararlıdır.

Her bloğun çubuğunun sağ köşesinde bulunan menü düğmesini tıklamanız yeterlidir. Menüden, ‘Yeniden kullanılabilecek bloğa ekle’yi seçin. Blok için yeniden kullanılabilecek bir ad vermelisiniz, böylece daha sonra tanımlayabilir ve tekrar kullanabilirsiniz.

Block Editor şimdi yeniden kullanılabilecek bir blok olarak bir bloğu kaydedecektir. Şimdi bir bloğu kaydettikten sonra, sitenizdeki diğer WordPress yayınlarına ve sayfalarına geri kullanılabilecek bir bloğun nasıl ekleneceğine bakalım. Yeniden kullanılabilecek bir blok eklemek istediğiniz gönderiyi veya sayfayı düzenleyin. Düzenle ekranından Düzenle, Blok Ekle düğmesini tıklayın.

‘Yeniden Kullanılabilir’ sekmesinin altında depolanmış bir blok bulacaksınız. Ayrıca adını arama çubuğuna yazarak da bulabilirsiniz.
Bloğun hızlı önizlemesini görmek için fareyi üste yönlendirebilirsiniz. Gönderinize veya sayfanıza girmek için bloğu tıklamanız yeterlidir. Yeniden kullanılabilecek tüm bloklar WordPress veritabanınızda saklanır ve ‘Yeniden kullanılabilecek tüm blokları yönet’ bağlantısına tıklayarak yönetebilirsiniz. Bu sizi blok yönetimi sayfasına götürecektir. Buradan, yeniden kullanılabilecek blokları düzenleyebilir veya silebilirsiniz. Ayrıca yeniden kullanılabilecek blokları dışa aktarabilir ve diğer WordPress web sitelerinde kullanabilirsiniz.

Not: Tüm grubu ve sütunu yeniden kullanılabilecek bir blok olarak da kullanabilirsiniz. Bu, tüm parçaları depolamanıza ve ihtiyaç duyulan herhangi bir zamanda kullanmanıza olanak tanır. Gutenberg Block Editor’daki Yayın ve Yönetim seçeneği Her WordPress Post birçok meta veriyi içerir. Bu, yayın tarihi, kategoriler ve etiketler, üstün resimler ve daha fazlası gibi bilgileri içerir. Tüm bu seçenekler düzenleyicinin ekranındaki sağ sütuna düzgün bir şekilde yerleştirilmiştir. Gutenberg WordPress eklentisindeki eklenti seçenekleri, kendi ayarlarını düzenleme ekranına entegre etmek için API düzenleyici bloğunu kullanabilir. Bazı popüler eklentiler kendi bloklarıyla birlikte gelir. Örneğin, en iyi WordPress Form Maker eklentisi olan WPForms, blokları kullanarak içeriğinize formlar eklemenizi sağlar.

WordPress için bir SEO’daki her şey bu, Block Düzenleyicisi’ndeki SEO ayarlarını düzenlemenize izin verir:
WooCommerce ayrıca WordPress yayınlarınızdan ve sayfalarınızdan birine kolayca ekleyebileceğiniz bir blokla donatılmıştır.

Yeni düzenleyiciye birkaç ortak blok ekleyerek temel olarak Block Editor, klasik editör tarafından yapılan her şeyi yapabilir. Ancak, işleri eskisinden daha hızlı ve zarif yapacaksınız.

1. WordPress Block Düzenleyicisine Görüntüler Ekle WordPress Block Düzenleyicisinde Hazır -Kullanım Bloğu vardır. Sadece bir blok ekleyin ve ardından resim dosyasını yükleyin veya medya kitaplığından seçin.

Ayrıca bilgisayarınızdan görüntüler çekebilir ve kaldırabilirsiniz, düzenleyici otomatik olarak bunun için bir resim bloğu oluşturur. Bir görüntü ekledikten sonra, alternatif metinler, boyutlar gibi görüntülere meta verileri ekleyebileceğiniz blok ayarlarını görebilecek ve görüntülere bağlantılar ekleyebilirsiniz. Metin ekleyebileceğiniz birkaç blokla donatılmış Block Düzenleyici Bloğu’na bir bağlantı ekleyin. En yaygın olarak kullanılan, takım çubuğuna eklenen bağlantı düğmesi ile donatılmış paragraf bloğudur. Yaygın olarak kullanılan diğer tüm metin blokları ayrıca araç çubuğunda bir bağlantı düğmesi içerir.

Ayrıca, Windows bilgisayarında Mac için Command + K ve Ctrl + K olan bir klavye kısayolu kullanarak bir bağlantı ekleyebilirsiniz. 3. Gutenberg Block Gallery işlevlerine resim bloğu gibi bir resim galerisi ekleyin. Ekle ve ardından resim dosyasını yükleyin veya seçersiniz.

4. Gutenberg’i kullanarak bir WordPress Post’a Kısa Kod Ekleme Tüm Kısa Kodlarınız Klasik Editörde Yaptıkları gibi çalışacaktır. Sadece paragraf bloğuna eklersiniz veya kısa bir kod bloğu kullanabilirsiniz.

Gutenberg editörü Gutenberg’de birkaç yeni içerik bloğunu keşfetmek, birkaç yeni blok getirerek WordPress’teki eski kullanımların bazı sorunlarını çözme sözü verdi. Aşağıdakiler, kullanıcılara gerçekten yardımcı olacağına inandığımız favorilerden bazıları. 1. Eski düzenleyiciyi kullanarak WordPress’te birkaç metnin yanına resim ekleyin, kullanıcılarımızın çoğu görüntüyü metnin yanına yerleştiremez. Bunu şimdi bir medya bloğu ve metinle yapabilirsiniz.

Bu basit blok yan yana yerleştirilmiş iki blokla birlikte gelir, böylece yanında bazı metinlerle kolayca görüntüler ekleyebilirsiniz. 2. Gönderi ve WordPress sayfası ekleme düğmesine bir düğme ekleyin Gönderi veya blog sayfanıza eski editördeki başka bir bozukluktır. Düğmeler için kısa bir kod oluşturan bir eklenti kullanmalısınız veya HTML moduna geçmeli ve kod yazmalısınız. Gutenberg, herhangi bir gönderi veya sayfaya hızlı bir şekilde bir düğme eklemenizi sağlayan bir düğme bloğu ile birlikte gelir. Düğmenize bir bağlantı ekleyebilir, rengini değiştirebilir ve daha fazlası. Ayrıntılar için WordPress’e düğmelerin nasıl kolayca ekleneceğine dair makalemize bakın. 3. Bir blog yayınına ve denemek isteyebileceğiniz diğer havalı özellik yön sayfalarına güzel bir kapak resmi ekleyin, yayınlarınıza ve sayfalarınıza bir renk kapağı veya renk arka plan kapağı eklemenizi sağlayan ‘kapak’ bloğudur. Kapak görüntüleri, sayfanın yeni bir kısmı veya hikayenin başlangıcı için genellikle kapak olarak kullanılan daha geniş görüntülerdir. Güzel görünüyorlar ve çekici içerik düzeni yapmanıza izin veriyorlar. Sadece kapak bloğunu ekleyin, ardından kullanmak istediğiniz resmi yükleyin. Kullanıcı sayfayı eğittiğinde bir paralaks efekti oluşturmak için kapak için kaplama rengini seçebilir veya sabit bir arka plan görüntüsü haline getirebilirsiniz.

Daha fazla ayrıntı için, WordPress’teki kapak görüntüleri ve özellik görüntüleri arasındaki fark hakkındaki makalemize bakın.4. Klasik Editör makalesinde bir tablo oluşturmanın WordPress yayınınıza bir tablo eklemek için bir düğmesi yoktur.Bir eklenti kullanmalı veya özel bir CSS ve HTML yazma tablosu oluşturmalısınız.Gutenberg editörü, yayınınıza ve sayfanıza bir tablo eklemenizi çok kolaylaştıran varsayılan bir tablo bloğu ile birlikte gelir.Sadece bloğu ekleyin ve eklemek istediğiniz sütun ve satır sayısını seçin. Şimdi devam edebilir ve tablo satırına veri eklemeye başlayabilirsiniz.Gerekirse her zaman daha fazla satır ve sütun ekleyebilirsiniz.Ayrıca iki temel stil seçeneği de mevcuttur.5. Çok sütunlu içerik yapmak çok sütunlu içerik yapmak, klasik bir editör tarafından hiç işlenmeyen başka bir sorundur.Block Editor, temel olarak iki paragraf blok sütunu ekleyen sütun blokları eklemenize olanak tanır.

Bu sütun bloğu oldukça esnektir. Arka arkaya 6 sütun ekleyebilir ve hatta her sütunda başka bloklar kullanabilirsiniz. Bonus İpuçları Gutenberg’i Block Düzenleyiciyi Görüntüleme gibi kullanmak için, bloğu eklemek ve ayarlamak için gerçek içeriği oluşturmaktan daha fazla zaman harcayacağınızı merak ediyor olabilir misiniz? Blok editörü çok hızlı ve birkaç dakika boyunca çok temel bir kullanım bile düşünmeden anında bir blok eklemenize izin verecektir. Hemen bu yaklaşımla iş akışınızın ne kadar hızlı olduğunu anlayacaksınız. Güçlü kullanıcılar için, WordPress Block Düzenleyicisi ile daha hızlı çalışmanıza yardımcı olacak bazı bonus ipuçları. 1. Blok aletini üste taşıyın. Yukarıdaki ekran görüntülerine, her bloğun üzerinde görünen bir çubuk olduğu için dikkat etmiş olabilirsiniz. Çubuğu editörün üstüne taşıyabilirsiniz. Ekranın sağ üst köşesindeki üç noktayı tıklayın ve ardından Üst Takım Çubuğu seçeneğini seçin. Gutenberg Klavye Kısayolunu, iş akışınızı daha iyi hale getirecek bazı pratik kısayollarla birlikte gelir. Hemen kullanmaya başlamanız gereken ilk şey /. Sadece girin / ve sonra yazmaya başlayın ve size anında ekleyebileceğiniz uygun bir blok gösterecektir. Diğer kısayollar için ekranınızın sağ üst köşesindeki üç nokta menüsünü tıklayın, ardından ‘Klavye Kısayolunu’ seçin.

Bu, kullanabileceğiniz tüm klavye kısayollarının bir listesi ile açılır pencereyi getirecektir. Bu listenin Windows ve Mac kullanıcıları için farklı bir kısayolu olacaktır. 3. Bir medya bloğu yapmak için medyayı sürükleyin ve sürükleyin Gutenberg, dosyaları yalnızca ekranda herhangi bir yere sürükleyip bırakmanıza ve otomatik olarak sizin için bir blok oluşturmanıza olanak tanır. Bir resim dosyası veya video bırakabilirsiniz, sizin için bir blok oluşturur. Bir galeri bloğu oluşturmak için bazı resim dosyalarını da bırakabilirsiniz. YouTube, Twitter, Vimeo ve diğer diğer blok düzenleyiciyi eklemek, üçüncü taraf içeriğini WordPress içeriğinize yerleştirmeyi kolaylaştırır. Tüm popüler üçüncü taraf hizmetleri için bir blok var.

Bununla birlikte, Semanan URL’sini istediğiniz zaman kopyalayıp eklersiniz ve bu sizin için otomatik olarak bir blok oluşturur. Örneğin, bir YouTube video URL’si eklerseniz, otomatik olarak bir YouTube gömme bloğu oluşturur ve videoyu görüntüler.

Facebook ve Instagram gömme için, Facebook ve Instagram yayınlarını WordPress’e nasıl yerleştireceğinizle ilgili makalemize bakın. WordPress’teki WordPress Editor Block’taki Gutenberg Block Editor’a daha fazla blok ekledi, geliştiricilerin kendi bloklarını oluşturmalarını sağlar. Yeni editörler için paket blokları sunan birkaç olağanüstü WordPress eklentisi var. İşte bazıları: 1. Gutenberg için nihai eklentiler

Gutenberg için Ultimate Addons, içeriğinize daha fazla tasarım öğesi eklemenize yardımcı olan birçok gelişmiş blokla donatılmış bir blok kütüphanesidir. Popüler Astra WordPress temasının arkasındaki insanlar tarafından yapılan Ultimate Addons, herhangi bir kod yazmadan güzel bir tasarım oluşturmanıza yardımcı olur. 2. PerspublishPress Blocks Block’un yayınlanması, Gutenberg blok düzenleyicisini genişletmek için ek bloklarla donatılmış bir başka güçlü blok kütüphanesidir. Buna güzel düzen seçenekleri, kayar bıçaklar, düğmeler, simgeler, resim galerileri, haritalar, sekmeler, referanslar, Chordes ve daha fazlasını içerir. 3. İstiflenebilir – Gutenberg bloğu

Stackable – Gutenberg Blocks, web sitenizde kullanabileceğiniz güzel tasarlanmış Gutenberg bloklarının bir koleksiyonudur. Bu, kaplar, direkler, ızgaralar, akorlar, çizim kutuları, simgeler listeleri, harekete geçirmeye davet ve daha fazlası için bloklar içerir. Gutenberg Hakkında SSS – WordPress’teki Blok Editör Gutenberg varsayılan bir WordPress editörü olduğundan, birçok sorumuz var. Gutenberg hakkında en sık sorulan soruların bazılarının cevabı aşağıdadır. 1. Eski gönderilerime ve sayfalarıma ne oldu? Yine de düzenleyebilir miyim? Eski yayınınız ve sayfanız tamamen güvenlidir ve blok düzenleyicisinden etkilenmez. Yine de düzenleyebilirsiniz ve editör otomatik olarak klasik bir editör içeren bir blokta açacaktır.

Eski bir editörde düzenleyebilir veya eski makaleyi bir blok olarak değiştirebilir ve bir blok düzenleyiciyi kullanabilirsiniz. 2. Yine de eski editörü kullanabilir miyim? Evet, yine de eski editörü kullanabilirsiniz. Klasik Editör eklentisini yükleyip etkinleştirmeniz yeterlidir. Etkinleştirmeden sonra, blok düzenleyiciyi devre dışı bırakır ve klasik bir editör kullanmaya devam edebileceksiniz. Klasik editörün 2022’ye kadar destekleneceğini lütfen unutmayın. Blok düzenleyiciyi kullanmaya başlamak daha iyi olurdu, böylece buna alışmak için. 3. Block editörü kullandığım eklenti veya tema ile çalışmazsa ne yapmalı? Gutenberg projesi uzun zamandır geliştirilmektedir. Bu, eklenti üreticilerinin ve temaların kod uyumluluğunu test etmeleri için çok zaman verir. Bununla birlikte, bazı eklentilerin ve temaların blok editörlerle düzgün çalışmaması olasılığı hala vardır. Bu durumda, klasik bir editör eklentisi yükleyebilir, geliştiriciye Gutenberg desteği eklemesini isteyebilir veya sadece alternatif bir eklenti veya tema arayabilirsiniz. 4. Gutenberg’in ipuçlarını ve püf noktalarını nasıl daha fazla öğrenir?