Yaklaşan WordPress Gutenberg Düzenleyicisini Kullanmak İçin En İyi Kılavuzunuz

Önümüzdeki birkaç ay içinde, WordPress ile içerik oluşturma şekliniz kökten değişecek. Yıllardır kullandığınız mevcut metin düzenleyici ortadan kalkacak ve yerini yepyeni WordPress Gutenberg Düzenleyicisi alacak.

Bunun gibi büyük bir değişiklik, muhtemelen kafanızda bazı alarm zillerini çalıyor…

İş akışlarınız kesintiye uğrayacak mı? Mevcut eklentileriniz ve temalarınız çalışmaya devam edecek mi? Bu yeni düzenleyiciyle harika içerikler oluşturmaya nasıl devam edebilirsiniz?

Bu yazıda, bu soruların cevaplarını ve daha fazlasını öğreneceksiniz.

Bu, WordPress ile içerik oluşturan herkes için nihai WordPress Gutenberg Editör kılavuzudur.

Öğreneceksin:

1. WordPress Gutenberg Editörü nedir, neden/ne zaman geliyor ve bazı temel SSS'lerin yanıtları.
2. Mevcut düzenleyici işlevini nasıl taklit edebileceğinizi ve Gutenberg ile temel bir blog gönderisini nasıl oluşturabileceğinizi.
3. Gutenberg ile daha üretken bir şekilde çalışmak için radarda olmayan bazı ipuçları ( canlı bir sitede uygulamalı deneyimime dayanarak ).
4. Daha önce hiç erişemediğiniz içerik ve düzen işlevlerinden yararlanmak için Gutenberg'deki yeni özelliklerden nasıl yararlanılır.

Bu yeni editör ne olursa olsun geliyor, bu yüzden WordPress Gutenberg Editörünü tanımak için biraz zaman ayırın, böylece piyasaya çıkar çıkmaz çalışmaya hazırsınız!

Gutenberg Editörü Nedir, Artı Neden Umursamalısınız?

Gutenberg Düzenleyicisi, WordPress ile yazılar veya sayfalar oluşturmak için kullandığınız mevcut WordPress metin düzenleyicisinin tam bir yeniden tasavvurudur.

Yeniden tasarlamak yerine yeniden hayal etme diyorum çünkü kurgu deneyimini sıfırdan gerçekten yeniden inşa ediyor.

Geliştirme tamamlandıktan sonra, Gutenberg mevcut WordPress metin düzenleyicisinin yerini alacak ve ileriye dönük içerik oluşturmak için Gutenberg Düzenleyicisini kullanacaksınız ( ancak mevcut deneyime bağlı kalmak istiyorsanız seçenekleriniz olacak - daha sonra bunun hakkında ).

Peki Gutenberg Editörünü “tam bir yeniden tasavvur” yapan nedir?

İlk olarak, “WordPress editörü” ile ne demek istediğimi tazeleyerek başlayalım. Ne hakkında konuştuğumdan tam olarak emin değilseniz , mevcut WordPress TinyMCE düzenleyicisi şöyle görünür :

WordPress gönderilerini doğrudan Google Dokümanlar'dan yayınlamak için Wordable kullanıyorsanız , orada çok fazla zaman harcamayabilirsiniz! Ama bahse girerim, editörün nasıl çalıştığını iyi biliyor olman için hala iyi bir şansın var.

Gutenberg Editörü “Bloklar” Adlı Bir Şeyi Tanıtıyor

Mevcut WordPress metin düzenleyicisi, uzun bir Microsoft Word belgesi gibidir. Gutenberg, bu dinamiği bloklar adı verilen bir şeyle değiştirir.

Tek bir düzenleme alanından ziyade, Gutenberg'deki her "şey" kendi "blok"udur. Medium ile daha önce bir gönderi yazdıysanız – bu aynı fikirdir .

Örneğin:

• Metnin her paragrafı kendi ayrı bloğudur.
• Bir görüntü kendi bloğudur.
• Bir YouTube videosu kendi bloğudur.
• …kaptın bu işi.

Daha sonra bir dizi blok kullanarak içeriğinizi birleştirirsiniz. Örneğin, yukarıdan aynı içeriğin Gutenberg'de nasıl göründüğü aşağıdadır. Dört farklı bloğu vardır:

• Üç ayrı paragraf bloğu
• Bir resim bloğu

Bu blok tabanlı yaklaşımın önemi, içerik ve düzen için daha gelişmiş yeteneklerin kilidini açmasıdır.

Örneğin, sütunları tanıtabilir, düğmeler ekleyebilir ve stil düğmelerine sahip olabilirsiniz ve mevcut düzenleyiciyle yapamadığınız veya geçerli düzenleyiciyle HTML/CSS gerektirebilecek birçok başka eylemi gerçekleştirebilirsiniz.

Daha sonra, blokları çok daha ayrıntılı olarak ele alacağım. Ancak şu anda ayaklarınızı ıslatmak istiyorsanız, buraya giderek Gutenberg Editörünün canlı demosu ile oynayabilirsiniz - hiçbir şey yüklemenize gerek yok.

WordPress Çekirdek Ekibi Bu Değişikliği Neden Yapıyor?

WordPress, ömrünün çoğunda aynı temel düzenleyiciyi (TinyMCE) kullandı. Tasarım burada ve orada değişmiş olsa da, temel işlevsellik asla sallanmadı.

Peki neden şimdi değişiklik? Son ~ 15 yıl çalıştıysa, neden önümüzdeki 15 yıl boyunca çalışmaya devam etmesin?

Bir kaç neden var.

Öncelikle, mevcut editör, bu gün ve yaşta sıradan kullanıcılar için çok sınırlayıcı. WordPress, hayal edebileceğiniz her şeyi yaratmayı mümkün kılarken, bunu yalnızca biraz HTML/CSS biliyorsanız yapar .

(Hem ~ geçen yıl kullanımlarını iki katına) Squarespace ve Wix gibi görsel web sitesi yapanlar rekabet ile birleştiren ve WordPress çekirdek ekibi WordPress kenarını tutmak için daha esnek bir düzenleme deneyimi ihtiyacı olduğunu hissetti neden anlayabilir.

İkincisi, Gutenberg, meşgul WordPress kullanıcılarının sahip olduğu birçok farklı arayüzü birleştirme yeteneği sağlar. Burada çok teknik olmak istemiyorum. Ancak üçüncü taraf eklentiler kullanıyorsanız, muhtemelen WordPress iş akışlarınızın bir parçası olan çeşitli kısa kodlarınız, meta kutuları ve ayar alanlarınız vardır.

Gutenberg, tüm bu farklı arayüzleri blok sisteminde birleştirebilir.

Üçüncüsü, Gutenberg modern teknolojileri WordPress'e tanıtıyor. Özellikle, React. Bu, yalnızca editörün kendisine yardımcı olmakla kalmaz, aynı zamanda üçüncü taraf geliştiricilerin bu modern teknolojilerle çalışmasına da olanak tanır.

Son olarak, içerik düzenleme bu sürecin sadece başlangıcıdır. Şu anda Gutenberg, gönderileri ve sayfaları oluşturma şeklinizi değiştirecek olsa da, nihai hedef Gutenberg'in tam görsel web sitesi tasarımına geçmesini sağlamaktır.

Yeni Gutenberg Editörüne Geçişin Artıları ve Eksileri

Peki… Gutenberg senin için iyi bir şey mi olacak?

Aslında, WordPress topluluğunda her iki tarafta da tutkulu tartışmalarla oldukça bölücü bir konu oldu.

Bir tarafta Gutenberg'in faydalarından bahseden insanlar var:

• İçerik için daha fazla olasılık – Gutenberg, düğmeler, alıntılar vb. için önceden oluşturulmuş bloklar ekler. Bu, özel CSS'ye gerek kalmadan içeriğiniz üzerinde daha fazla kontrol sahibi olmanızı sağlar. Ek olarak, üçüncü taraf eklentiler, size daha fazla esneklik sağlayan kendi içerik bloklarını ekleyebilir.
• Düzen için daha fazla olanak – yeni içerik olanaklarının ötesinde, herhangi bir özel koda ihtiyaç duymadan sütunlar veya ayırıcılar ekleme yeteneği gibi yeni düzen seçenekleri de elde edersiniz.
• Birleşik deneyim – üçüncü taraf eklentilerden içerik eklemek için kısa kodlar kullanmak yerine, bu eklentiler kendi bloklarını oluşturabilecek ve bu da daha basit, daha birleşik bir düzenleme deneyimi yaratacaktır.
• Mobil uyumlu – Gutenberg, varsayılan olarak mobil cihazlarda harika çalışır ve herhangi bir cihazdan içerik oluşturmanıza veya düzenlemenize olanak tanır.

Ancak diğer tarafta, bu kadar iddialı bir projeyle ilgili bazı büyük sorunlara dikkat çeken insanlar var:

• Geriye dönük uyumluluk – Tüm İnternet'in ~%32'si mevcut WordPress düzenleyicisini kullanıyor ve bu da tamamen yeni bir düzenleme deneyimine geçişi çok zorlaştırıyor. Temel olarak, tüm bu eski içeriğe sahip o kadar çok uç durum var ki, sorunsuz bir geçiş sağlamak zor.
• Geliştiriciler için zor – tema ve eklenti geliştiricilerinin, eklentilerine ve temalarına Gutenberg uyumluluğu eklemesi gerekecek ve eski uzantılar her zaman mükemmel şekilde çalışmayabilir. Uyumluluk sorunları yaşayabilecek on binlerce eski eklenti var.
• Kullanıcı eğitimi – yeni kullanıcılar Gutenberg'i beğenebilirken, eski kullanıcıların yeni iş akışlarını öğrenmeleri gerekecek, bu özellikle teknik olmayan müşteriler için siteler oluşturan geliştiriciler için zor.

Peki WordPress Gutenberg Editörü iyi bir şey mi yoksa kötü bir şey mi?

Pekala, burada bir nevi kişisel görüşlerimi araya sokuyorum , ancak Gutenberg'in uzun vadede olumlu bir değişiklik olacağını düşünüyorum. Harici çözümlere veya özel kod çözümlerine ihtiyaç duymadan içeriğinizin nasıl göründüğü ve çalıştığı üzerinde daha fazla kontrole sahip olacaksınız.

Bununla birlikte, kullanabileceğiniz mevcut eklentilerle uyumluluk söz konusu olduğunda kesinlikle kısa vadeli büyüme sancıları olasılığı vardır. Ve WordPress'in devasa kullanıcı tabanını yeni bir arayüz öğrenmeye zorlamak zor olacak.

Gutenberg Editörü Ne Zaman Çıkacak?

Kısa cevap – kesin tarihi bilmiyoruz . Gutenberg, WordPress 5.0'ın bir parçası olarak piyasaya sürülecek, ancak WordPress 5.0'ın tam çıkış tarihi hakkında henüz resmi bir açıklama yok.

Yine de şimdi kaba bir fikrimiz var. Son WordPress 5.0 başlangıç ​​toplantısına göre, öngörülen tarihler 19 Kasım 2018 kadar erken veya 22 Ocak 2019 kadar geç.

İşte daha uzun cevap:

Şu anda, Gutenberg Düzenleyicisi beta durumu sırasında bir eklenti olarak mevcuttur . İsterseniz, eklentiyi gerçekten yükleyebilir ve bugün sitenizde kullanmaya başlayabilirsiniz ( yine de beta sürümündedir, bu yüzden tavsiye etmem ).

Beta ve test tamamlandıktan sonra, WordPress ekibi WordPress 5.0 çekirdek WordPress yazılımı içine Gutenberg Editör birleştirilecek. Ardından, WordPress sitenizi WordPress 5.0'a güncelledikten sonra Gutenberg Düzenleyicisi, mevcut TinyMCE düzenleyicisinin yerini otomatik olarak alacaktır.

Gutenberg Editörü Çıktıktan Sonra Mevcut İçeriğinize Ne Olacak?

Gutenberg mevcut editörü değiştirdiği için, muhtemelen mevcut tüm içeriğinize ne olacağını merak ediyorsunuzdur.

Endişelenmeyin – Gutenberg geriye dönük uyumlu olacak şekilde tasarlanmıştır .

Şimdi olduğu gibi , Gutenberg tüm eski içeriğinizi tek bir Klasik blokta toplar. Örneğin, Gutenberg'i kurduğumda yukarıdan TinyMCE örneği şöyle görünüyor:

İsterseniz, deneyim biraz garip olsa da, o tek Klasik blok içinde çalışmaya devam edebilirsiniz. Veya eski içeriğinizi Gutenberg bloklarına dönüştürmek için üç nokta simgesini tıklayabilirsiniz:

Eski içeriğinizi bloklara dönüştürdüğünüzde, tıpkı diğer Gutenberg Editör gönderileri gibi çalışacaktır.

Gutenberg Editör eski içerik için bu tek klasik blok yaklaşımı kullandığından, herhangi bir geçiş sorunları yaşamaya olmamalıdır. Ancak üçüncü taraf eklentilerle ilgili sorunlar yaşayabilirsiniz, bu nedenle yine de dikkatli olmanız ve eski içeriğinizi kontrol etmeniz gerekir.

Gutenberg Editörü Tüm WordPress Temalarıyla Çalışacak mı?

Evet! Yine, Gutenberg varsayılan editör olacağından, doğal olarak herhangi bir WordPress temasıyla çalışması gerekiyor.

Bununla birlikte, geliştiricilerin Gutenberg için özel yetenekler eklemek için yapabilecekleri bazı şeyler var, bu yüzden çok yakında birçok temanın pazarlama materyallerinde “Gutenberg uyumlu” görünmeye başlayacaksınız.

İşte bir temayı Gutenberg ile uyumlu yapan şey:

• Özel blok stili – temalar, temel Gutenberg blokları için özel stil ekleyebilir. Bu, tüm Gutenberg bloklarının temanızın tasarımına mükemmel şekilde uymasını sağlar.
• Tam genişlikte hizalama – Gutenberg, tüm ekran boyunca uzanan tam genişlikte görüntüler oluşturmanıza olanak tanır, ancak yalnızca tema geliştiricileri bunu özellikle etkinleştirirse.
• Düzenleyici stili – tema geliştiricileri , arka uç Gutenberg düzenleme arayüzüne kendi stillerini de ekleyebilirler. Bu daha çok görsel bir tasarım yaklaşımı yaratır. Burada bir örnek görebilirsiniz .

WordPress 5.0 Çıktıktan Sonra Gutenberg Düzenleyicisini Kullanmanız Gerekiyor mu?

Numara! Gutenberg, WordPress 5.0'da varsayılan düzenleyici olacak olsa da, aslında onu kullanmak zorunda değilsiniz.

Mevcut WordPress düzenleyiciyi kullanmaya devam etmek istiyorsanız, Gutenberg'in tüm izlerini gizleyen ve mevcut düzenleme deneyimini geri getiren resmi bir Klasik Düzenleyici eklentisi var.

Alternatif olarak, bu eklenti aynı zamanda her iki düzenleyiciyi de kullanmanıza ve her gönderi temelinde aralarında geçiş yapmanıza izin verebilir.

WordPress Gutenberg Eğitimi – Yeni Düzenleyiciyi Nasıl Kullanacaksınız

Tamam, şimdi Gutenberg 101 hızlandırılmış kursunuzu bitirdiğinize göre, hadi Gutenberg Düzenleyicisi ile uygulamalı olarak gidelim.

Bu bölümün amacı sizi Gutenberg Editörü ile tanıştırmaktır, böylece yayınlandığında hemen işe koyulabilirsiniz.

Başlamak için, Gutenberg Editör arayüzünün temel öğelerini anlamanıza yardımcı olacak bir grafik:

1. Bu, editörün gövdesidir. İçerikle çalışacağınız yer burasıdır
2. Bu düğmeler yeni bloklar eklemenizi sağlar . Bir resim, video veya başka herhangi bir blok içerik eklemek istiyorsanız, bunları kullanacaksınız.
3. Burası, gönderinizin başlığını ekleyeceğiniz yerdir.
4. Bu seçenekler taslakları kaydetmenize, önizlemeleri görüntülemenize ve sonunda gönderinizi yayınlamanıza olanak tanır.
5. Seçili bir bloğunuz olmadığında , bu kenar çubuğu, gönderiniz için kategoriler ve öne çıkan görseliniz gibi genel seçenekleri yönetmenize olanak tanır. Eğer bir blok seçili var olduğunda, bu size bu özel blok için seçenekler sunar.

Ardından, yeni bir blok eklemeye gittiğinizde, mevcut tüm blokların bir listesini içeren bu açılır pencereyi göreceksiniz. Şunlardan birini yapabilirsiniz:

1. Mevcut tüm bloklara göz atmak için akordeon sekmelerini kullanın
2. Doğrudan istediğiniz bloğu arayın

Gutenberg Editörü ile Basit Bir Blog Yazısı Nasıl Oluşturulur

Bu bölümde, halihazırda mevcut WordPress düzenleyicide gerçekleştirebildiğiniz eylemlerin aynısını nasıl gerçekleştirebileceğinizi öğreneceksiniz.

Temel olarak, mevcut iş akışınızı Gutenberg Editörüne nasıl uyarlayacağınızı öğreneceksiniz. Ardından, bir sonraki bölümde size Gutenberg Editörünün yeni işlevselliğinden nasıl yararlanacağınızı göstereceğim.

Temel Metin İçeriğini Ekleme veya Biçimlendirme

Temel paragraf metin içeriği basittir - tıklamanız ve yazmanız yeterlidir. Aradaki tek fark, yeni bir satır oluşturmak için Enter'a her bastığınızda, Gutenberg'in bir sonraki paragrafınız için otomatik olarak yeni bir blok oluşturmasıdır:

Bir bloğa tıkladığınızda, şunları yapabileceğiniz bir biçimlendirme araç çubuğunun göründüğünü göreceksiniz:

• Hizalamayı değiştir
• Kalın ve italik ekleyin
• Bağlantı ekle
• Vb.

Temel olarak, bu, mevcut düzenleyicideki araç çubuğuna çok benzer:

Daha sonra, size bu varsayılan yaklaşıma temiz bir alternatif göstereceğim.

Araç çubuğundaki biçimlendirme seçeneklerinin yanı sıra, sağ kenar çubuğunda şunları yapmanıza olanak tanıyan bazı seçenekler de bulunur:

• Metin boyutunu ve rengini kontrol edin
• Gömme büyük harf ekle

Buraya kadar yeterince basit, değil mi?

Başlık Oluşturma (H1, H2 vb.)

Başlık oluşturmak için birkaç farklı seçeneğiniz vardır.

İlk olarak, yeni bir Başlık bloğu eklemek için + simgesini kullanabilirsiniz:

Başlık bloğunu ekledikten sonra, metninizi eklemek için yazabilir ve hangi başlığın kullanılacağını kontrol etmek için kenar çubuğunu veya araç çubuğunu kullanabilirsiniz (örn. H2 ve H3):

Alternatif olarak şunları da yapabilirsiniz:

• Blok türünü değiştir düğmesini kullanarak normal bir paragraf bloğunu bir başlık bloğuna dönüştürün.
• Başlığınızı oluşturmak için işaretlemeyi kullanın (örneğin, "## Bu, 2 numaralı başlıktır")

İşte bu iki yöntemi gösteren bir GIF:

Resim, Video veya Diğer Medya İçeriğini Ekleme

Tamam, şimdi hem temel metin hem de başlıklar oluşturabilir ve biçimlendirebilirsiniz. Bu seni en çok oraya götürecek!

Peki ya medya içeriği eklemek?

Herhangi bir medya içeriği eklemek için, bir blok eklemek için aynı + simgesini kullanabilirsiniz.

Mevcut içeriğinizin altına medya içeriği eklemek için sol üst köşedeki + simgesini kullanın.

Alternatif olarak, içeriğinizi eklemek istediğiniz noktanın üzerine gelerek mevcut içeriğiniz arasına yeni bir blok da ekleyebilirsiniz. Ardından, yeni bloğun solundaki Blok ekle düğmesini kullanırsınız:

Blok Ekle açılır penceresini açtığınızda, aşağıdakiler arasından seçim yapabilirsiniz:

• Resim – WordPress medya kitaplığından veya harici bir URL'den bir resim ekleyin.
• Video – WordPress medya kitaplığından veya harici bir URL'den bir video gömün.
• Gömmeler – YouTube, Vimeo, Spotify, SoundCloud, Instagram ve tonlarca başka kaynaktan içerik yerleştirmenize yardımcı olacak ayrı bloklar.

Örneğin, WordPress medya kitaplığından bir resim eklemek şöyle görünür:

İşte bir YouTube videosunu nasıl yerleştirebileceğiniz:

Diğer Eklentilerden Kısa Kodlar Ekleme

Çoğu WordPress kullanıcısı gibiyseniz, muhtemelen yayınınıza veya sayfa içeriğinize kısa kodlar kullanarak eklediğiniz bazı eklentileriniz vardır.

Sonunda amaç, bu tür eklentilerin doğrudan kullanabileceğiniz kendi Gutenberg bloklarını oluşturmasıdır (bundan daha sonra bahsedeceğiz). Ancak o zamana kadar , Kısa Kod bloğunu kullanarak Gutenberg içeriğinize yine de kısa kodlar ekleyebilirsiniz:

İçeriği Yeniden Düzenleme (İki Seçeneğiniz Var)

Tamam, şimdiye kadar yeterince kolay… peki ya bloklarınızın sırasını değiştirmek isterseniz?

Bunu yapmak için iki seçeneğiniz var.

İlk olarak, farenizi bir bloğun* soluna getirirseniz, blokları hareket ettirmek için sürükle ve bırak özelliğini kullanabilirsiniz:

İkinci olarak, blokları bir konum yukarı veya aşağı kaydırmak için yukarı veya aşağı okları da kullanabilirsiniz:

*Sürükle bırak özelliğini etkinleştirmek için farenizi yukarı ve aşağı oklar arasındaki 6 noktanın üzerinde tutun.

Sahne Arkası Bilgileriyle Çalışmak (Kategoriler, URL Slug, vb.)

Tamam, yukarıdakiler temel blog içeriğinin nasıl ekleneceğini kapsamalıdır. Peki ya bir gönderiyi yayına hazırlamanın diğer sahne arkası bölümleri ne olacak?

Çoğu eylem için kenar çubuğunun Belge sekmesini kullanabilirsiniz. İşte buradasınız:

• Önceden bir yayın tarihi/program gönderileri seçin
• Yazarı seçin
• Kategoriler ve etiketler ekleyin
• Öne çıkan görselinizi seçin
• Alıntınızı girin

Ek olarak, o kenar çubuğunun üzerindeki düğmeleri aşağıdakiler için kullanabilirsiniz:

• Gönderinizi önizleyin
• Taslakları kaydet ( Gutenberg taslağınızı otomatik olarak kaydeder, bu nedenle genellikle bunu manuel olarak yapmanız gerekmez )
• Gönderinizi yayınlayın

Zor olan tek şey, gönderinizin veya sayfanızın URL bilgisini ayarlamaktır. Bunu düzenlemek için başlığa tıklayın. Ardından, bilgi parçasını düzenleyebileceksiniz:

Yoast SEO Gibi Eklentiler Nedir? Nasıl Çalışacaklar?

Her içerik parçası için yapılandırmanız gereken başka arka uç eklentilerine sahip olma ihtimaliniz yüksek.

Bu eklentilerle etkileşim kurmanın iki yolu vardır.

Öncelikle, birçok geliştirici doğrudan Gutenberg uyumluluğu üzerinde çalışıyor. Örneğin, Yoast SEO zaten Gutenberg'i destekliyor ve Yoast SEO ayarlarınızı aynı Belge kenar çubuğundan yapılandıracaksınız:

Henüz Gutenberg desteği olmayan eski eklentiler için, TinyMCE düzenleyicide olduğu gibi meta kutuları kullanmaya devam edebileceksiniz:

Gutenberg ile Daha Verimli Çalışmak İçin Altı İpucu

Gutenberg Editörü ile ilk çalışmaya başladığınızda, biraz ağır gelebilir. Bu ipuçları, süreci hızlandırmaya yardımcı olabilir ve ihtiyacınız olan blokları hızla eklemeyi ve özelleştirmeyi kolaylaştırabilir.

1. Tonlarca Zaman Kazanmak İçin “/” Yazarak Hızlı Ekleme Blokları

Yukarıda size gösterdiğim blok ekleme yöntemi, Gutenberg'e yeni başladığınızda kullanışlıdır çünkü mevcut tüm blokları görmenizi sağlar.

Ancak hangi bloklara ihtiyacınız olduğunu öğrendikten sonra, hızlı ekleme özelliğini kullanarak bunları çok daha hızlı yerleştirebilirsiniz.

+ simgesine tıklamak yerine, sadece:

• Yeni bir blok oluşturmak için enter'a basın
• Bir “/” yazın
• Bloğun adını yazmaya başlayın

Siz yazdıkça, Gutenberg eşleşen blokları otomatik olarak önerecektir. Ardından, istediğiniz bloğu eklemek için Enter'a basın.

İşte eylemde:

Bu çok daha hızlı, değil mi?

2. Daha Hızlı Düzenleme İçin Klavye Kısayollarını Öğrenin

Gutenberg, çalışma şeklinizi hızlandırabilecek klavye kısayollarıyla birlikte gelir.

CTRL + Alt + H (Windows) veya CMD + Alt + H (Mac) seçeneklerini tıklatarak bu kısayolların tam listesini görüntüleyebilirsiniz:

Listenin tamamını okumalısınız, ancak en yararlılarından bazıları şunlardır:

• Ctrl + S – taslağınızı kaydedin.
• Ctrl + Z - geri al veya Ctrl + Y - yinele.
• Ctrl + Alt + Backspace – seçili bloğu silin ( gerçekten kullanışlı ).
• Ctrl + Shift + D - seçilen bloğu çoğaltın.
• Ctrl + Alt + T – seçilen bloktan önce yeni bir blok ekleyin.
• Ctrl + Alt + Y - seçilen bloktan sonra yeni bir blok ekleyin.

Kalın için Ctrl + B veya yapıştırmak için Ctrl + V gibi genel kısayolların çoğunu da kullanabilirsiniz.

3. Resimleri Masaüstünüzden Gutenberg İçeriğinize Sürükleyin

Çok fazla resim eklemeniz gerekiyorsa, bu başka bir güzel numaradır.

Her resim için manuel olarak yeni bir resim bloğu oluşturmaya ihtiyaç duymak yerine, bir resmi doğrudan masaüstünüzdeki bir klasörden gönderinize ekleyebileceğiniz noktaya sürükleyebilirsiniz.

WordPress daha sonra otomatik olarak medya kitaplığınıza yükleyecek ve tam oraya ekleyecektir. Dikkat etmeniz gereken tek bir şey var – resmi sürüklediğinizde mavi çizgiyi gördüğünüzden emin olun , aksi halde çalışmaz:

4. Sabit Düzenleme Araç Çubuğu Ekleyin

Bazı insanların Gutenberg'de zorlandığı şeylerden biri, siz farklı paragraf blokları arasında tıklarken düzenleme araç çubuğunun sürekli yanıp sönmesi ve kaybolmasıdır.

Bundan hoşlanmıyorsanız, Gutenberg arayüzünün en üstünde her zaman mevcut bir araç çubuğu almak için Birleşik Araç Çubuğu seçeneğini açabilirsiniz:

5. Başlıklar, Listeler vb. İçin Markdown Sözdizimini kullanın.

Markdown kullanmayı seviyorsanız, Gutenberg'e bazı markdown sözdizimlerini dahil edebileceksiniz.

Örneğin:

• ## – bir H2 oluşturur ( bunu zaten gördünüz – bir başlık bloğuna dönüşür ).
• * – sırasız bir liste başlatır.
• 1. – sıralı bir liste başlatır.
• > – bir blok alıntı oluşturur ( bir alıntı bloğuna dönüşür ).

Tüm markdown sözdizimini kullanamazsınız. Ancak yukarıdaki örnekler, daha hızlı biçimlendirme için zaten oldukça faydalıdır:

6. Gerekirse HTML'yi Doğrudan Düzenleyin

HTML'yi doğrudan düzenlemek istediğiniz bir durumla karşılaşırsanız, sağ üst köşedeki üç noktayı tıklayarak veya Ctrl + Shift + Alt + M kısayolunu kullanarak kod düzenleyiciye erişebilirsiniz:

Gutenberg'in Yeni İşlevselliğinden Yararlanmak – Sütunlar, Düğmeler ve Daha Fazlası!

Pekala, ele aldık:

• Temel bir blog yazısı oluşturmak için Gutenberg nasıl kullanılır?
• Gutenberg ile çalışma şeklinizi hızlandırmak için bazı ipuçları.

Şimdi, Gutenberg ile yapabileceğiniz bazı harika yeni şeylere geçelim. Bunlar, WordPress ekibinin neden Gutenberg ile ilerlemeye karar verdiğini açıklamaya yardımcı olması gereken heyecan verici özelliklerdir.

Düğme Ekle – HTML Gerekmez

Eski düzenleyicide, düğme oluşturmanın tek yolu, manuel olarak bir CSS sınıfı eklemek veya üçüncü taraf bir eklenti kullanmaktı.

Gutenberg ile Düğme bloğunu eklemeniz yeterlidir. Düğme metnini düzenlemek için tıklayıp yazmanız yeterlidir. Renkleri değiştirmek için kenar çubuğunu kullanabilirsiniz:

Çok Sütunlu Düzenler Oluşturun

Eski düzenleyiciyle, kendi özel HTML'niz veya bir üçüncü taraf eklentiniz olmadan çok sütunlu düzenler oluşturmanın bir yolu yoktu.

Gutenberg ile sadece Sütunlar bloğunu eklersiniz. Ardından, farklı sütunların içine başka bloklar ekleyebilirsiniz:

Tam Genişlikte Uzatılmış Görüntüler Oluşturun

Temanız destekliyorsa , görüntüleri tüm ekrana yaymanıza olanak tanıyan ve bazı ilginç içerik düzenleri açan yeni bir tam genişlikte hizalama seçeneği alırsınız:

Yeniden Kullanılabilir Blok Şablonları Oluşturun

Kendinizi düzenli olarak aynı blok kombinasyonunu kullanırken bulursanız, yeniden kullanılabilir bir blok grubu oluşturarak zamandan tasarruf edebilirsiniz.

İlk olarak, eklemek istediğiniz tüm blokları seçmek için tıklayıp sürükleyebilirsiniz. Ardından, Yeniden Kullanılabilir Bloklara Eklemek için üç noktayı kullanabilirsiniz:

Bir isim vereceksin. Ardından, şablonun tamamını diğer bloklarda yaptığınız gibi ekleyebileceksiniz:

Üçüncü Taraf Eklentilerle Daha Fazla Blok ve İşlevsellik Ekleyebilirsiniz

Gutenberg'in daha da soğumaya başladığı yer burası:

Üçüncü taraf eklentiler, Gutenberg tasarımlarınızda kullanabileceğiniz kendi bloklarını ekleyebilir.

Bunun size fayda sağlamasının iki yolu vardır:

• Halihazırda kullandığınız eklentiler kendi Gutenberg bloklarını oluşturacaktır. Örneğin, bir etkinlik takvimi eklentisi kullanıyorsanız, yalnızca eklentinizin etkinlik bloğunu kullanarak etkinlik ekleyebilirsiniz.
• Geliştiriciler, tasarımlarınız üzerinde size daha fazla kontrol sağlayan tonlarca genel yeni içerik bloğu ekleyen özel Gutenberg eklentileri yapıyorlar.

Örneğin, ücretsiz İstiflenebilir eklentiye göz atın . Yükleyip etkinleştirdikten sonra, Gutenberg'de yepyeni bir İstiflenebilir blok seti alacaksınız:

Sonra bu blokları, bir fiyat tablosu veya referans eklemek gibi oldukça havalı şeyler yapmak için kullanabilirsiniz:

Bu, WordPress Gutenberg Düzenleyicisi İçin Sadece Başlangıç

Ve bu kadar! Buraya kadar geldiyseniz, WordPress 5.0 yayınlanır yayınlanmaz çalışmaya başlamaya hazır bir Gutenberg gurusu olmalısınız.

Yeni bir iş akışı öğrenmek çoğu kişinin "bir hafta sonu geçirmenin eğlenceli yolları" listesinde yer almasa da, WordPress kullanan herkes için Gutenberg'in içini ve dışını öğrenmek çok önemli olacaktır.

Gutenberg, şu anda içerik oluşturma şeklinizi etkilemekle kalmayacak, aynı zamanda WordPress'in ilerlemesinde de önemli bir rol oynayacak.

Yukarıda gördüğünüz her şey Gutenberg'in sadece birinci aşaması. İkinci aşamada, Gutenberg sayfa şablonlarına geçecek ve üçüncü aşamada Gutenberg'i tam web sitesi özelleştirmesi için bir araca dönüştürecek.

Yani… Gutenberg ile iyi arkadaş olun, çünkü önümüzdeki birkaç yıl içinde onu çokça göreceksiniz!