Yeni WordPress Editörü Gutenberg Hakkında Bilmeniz Gereken Her Şey

WordPress 5.0, WordPress'in yeni sürümüdür ve yeni özelliklerle birlikte gelir. Bir yandan Gutenberg adlı yeni bir içerik düzenleyici ile birlikte geliyor. Öte yandan, yeni bir varsayılan tema olan Twenty Nineteen ile birlikte gelir. Bu değişiklikler sizi nasıl etkiliyor? Pekala, düşündüğünüzden daha fazla… özellikle editör tarafından. Ama panik yapmayın.

Nelio'da Gutenberg'in kullanıcılar arasında birçok şüphe uyandıran tartışmalı bir konu olduğunun farkındayız. Sevin ya da sevmeyin, beğensek de beğenmesek de Gutenberg etrafımızda olacak gibi görünüyor, bu yüzden nasıl çalıştığını ve en kısa sürede nasıl kullanılacağını daha iyi anlıyorsunuz.

Henüz yapmadıysanız, Gutenberg'i WordPress'inize kurun ve adımlarda size yol göstermemize izin verin. Bugün Gutenberg'in temel işleyişi hakkında bilmeniz gereken her şeyi öğrenecek ve onun WordPress 5.0'a muzaffer gelişine hazır olacaksınız.

“Eski” WordPress Editörü

WordPress'i uzun süredir kullanıyorsanız, içerik düzenleme arayüzüne %100 aşina olma ihtimaliniz vardır. Bildiğiniz gibi, 5.0 sürümüne kadar WordPress varsayılan olarak TinyMCE düzenleyicisini ve içeriğinizin ek yönlerini düzenlemek için etrafındaki birkaç "kutuyu" kullandı:

Sitemize yüklediğimiz farklı eklentiler , dediğim gibi, yeni işlevlere sahip ek kutular ekleyerek bu düzenleme arayüzünü genişletebilir. Örneğin, eklentimiz Nelio Content , blogu sosyal medyada tanıtmak için tüm sosyal mesajları planlamak için bir tane bulduğumuz birkaç ek kutu ekler:

Editörün kendisi tam olarak beklediğiniz şeydir: içeriğinizi oluşturduğunuz bir metin alanı ve metni biçimlendirmek, başlıklar, listeler vb. eklemek için bir biçimlendirme çubuğu. Hiçbir şey fantezi değil.

Gutenberg

Şimdi Gutenberg'e bir göz atalım. Bu ne? Neden bunun hakkında konuşmalıyız? Alıştığımızdan çok mu farklı? Tüm bu soruları yanıtlamaya çalışalım ve geçişi olabildiğince sorunsuz hale getirmek için bilmeniz gereken her şeyi size öğretelim.

Gutenberg ile İlk Adımlar

Yeni düzenleyiciyi tanıyarak başlayalım. Gutenberg editörünü kullanarak blogumuzda yeni bir gönderi oluşturduğumuzda gördüğümüz ilk şey aşağıdaki kullanıcı arayüzüdür:

Önceki ekran görüntüsünden de görebileceğiniz gibi, Gutenberg'in kullanıcı arayüzü çok tanıdık ama aynı zamanda farklı, garip. Bir editör olarak iskeleti daha önce sahip olduğumuzla aynı: bazı ek seçeneklerle çevrili bir metin alanı. Elbette, daha taze ve daha az şişkin görünüyor, ama özü orada.

Şimdi ilginç kısma geçelim… hadi biraz içerik yazalım! Gördüğünüz gibi, Gutenberg bizi içerik yazmaya davet eden birkaç mesajla karşılıyor: “ Başlık ekle ” ve ardından “ Metin ekle veya / içerik ekle ”. Onun öncülüğünü takip edelim:

Bu oldukça kolaydı, değil mi? Çok uzak çok iyi! Öyleyse dalışa devam edelim… ya bir bağlantı, liste eklemek veya metni biçimlendirmek isterseniz? Bunu nasıl yaptın?

Aletlerim Nerede?

Ömür boyu editörümüzde , üstte bir araç çubuğuna alışmıştık . Orada ihtiyacımız olan her şeyi bulduk: kalın, italik, bağlantılar, hizalamalar, listeler, numaralandırmalar, başlıklar… Ama Gutenberg'de böyle bir şey yok, araç çubuğu yok. Yoksa var mı?

Dikkat ederseniz, gönderinizdeki bir paragrafı düzenlerken (önceki ekran görüntüsünde yakaladığımız gibi), araç çubuğunun üzerinde yüzdüğünü göreceksiniz. İşte tam da burada eksik olduğunuz araçlara sahipsiniz: hizalama, kalın, italik, vb. Bu, Gutenberg'de varsayılan olarak bulduğumuz ilk farklılıklardan biridir: araç çubukları bağlamsaldır ve düzenlediğimiz blokta görünür.

Ne? Bu davranışı sevmiyor musun? Sorun yok! Gutenberg geliştiricileri bunu zaten düşündü ve yeni araç çubuğunun davranışını değiştirme ve eski stile geri dönme olasılığını ekledi.

Aşağıdaki sonucu elde etmek için editör ayarlarına (ekranın sağ üst köşesindeki üç nokta simgesi) gidin ve Birleşik Araç Çubuğu seçeneğini etkinleştirin:

Bu iyi! Bu bizim her zamanki editörümüz gibi olmaya başladı, değil mi? ?

Şimdi araç çubuğunuza daha yakından bakın. Ne görmüyorsun ? Kesinlikle! Gutenberg'in araç çubuğu, önceki düzenleyicide sahip olduğumuzdan çok daha az güçlü görünüyor, çünkü birçok şey eksik…

Gutenberg Blokları

Endişelenme, umutsuzluğa kapılmayın. Gutenberg'in getirdiği önemli paradigma kayması, bloklar kavramıdır. Gutenberg'de içeriğinize eklediğiniz her parça bir bloktur. Ve tahmin edebileceğiniz gibi, birçok farklı blok var:

Önceki ekran görüntüsünde en yaygın bloklardan bazılarını içeren bir liste görebilirsiniz:

• Paragraflar herhangi bir gönderinin temel yapı taşıdır ve bu nedenle Gutenberg'in içerik yazarken önerdiği varsayılan bloklardır.
• Resimler ve Galeriler de oldukça yaygındır. Adlarından da anlaşılacağı gibi, temel olarak kopyanıza resim eklemek için kullanılırlar.
• Başlıklar , içeriğimizi düzenlememize yardımcı olur.
• Biçim numaralandırmalarını ve bir dizi sırasız öğeyi listeler .
• Alıntılar , birilerinden alıntı yapmamıza izin verir.

Oldukça açık, değil mi? Burada önemli olan, Gutenberg'de içeriğimizin her bir parçasının belirli tipte bir blok olduğu gerçeğidir. Bu gerçeğin bir sonucu olarak, herhangi bir zamanda kullanabileceğimiz eylemler, birlikte çalıştığımız bloğa bağlıdır:

Örneğin, önceki ekran görüntüsünde iki yeni blok görüyoruz: bir resim ve bir alıntı. Gördüğünüz gibi, kullanıcı resim bloğu ile çalışıyor ve bu nedenle erişilebilir bir resim araç çubuğuna sahipler. Diğer bir deyişle, kullanıcının başlığı ve alternatif metni düzenlemek için görüntü hizalama veya bir düğme gibi eylemlere erişimi vardır, ancak metin biçimlendirme ile ilgili hiçbir şey yoktur (çünkü bu belirli bağlam ve anda bir anlam ifade etmez). Kullanıcı odağını yeni bir bloğa kaydırırsa, mevcut eylemler yeni bağlama ve bloğa uyacak şekilde değişecektir.

Öte yandan, Gutenberg'in kenar çubuğunda, aktif blok hakkında daha fazla seçenek ve geçiş bulabileceğiniz Block adlı bir sekme olduğunu bilmelisiniz:

Gördüğünüz gibi Gutenberg , mevcut göreve odaklanan daha temiz bir arayüz sunuyor. Bu nedenle, binlerce seçenekli araç çubuklarına sahip olmak yerine, düzenleyicinin bize her an neyin alakalı ve yararlı olduğunu göstermesine izin verdik.

Peki ya Diğer Her Şey?

Bu noktada Gutenberg ile içerik oluşturmanın ve yönetmenin aslında çok basit olduğu aşikar olmalıdır. İçerdiği tüm değişikliklere ve işleri yapmanın “yeni yöntemine” rağmen, sonuç çok doğal ve sezgisel .

Ama diğer her şey ne olacak? Kategoriler, etiketler , öne çıkan görseller, yazarlar… önceki düzenleyicide metin düzenleyicinin kendisinin “etrafında” birçok şey vardı. Neredeler? Sıkça sorulan sorulardan birine ait bir örnekle başlayalım: Yazımdaki kalıcı bağlantıyı nasıl değiştirebilirim?

WordPress'in önceki sürümünde, kalıcı bağlantı gönderinizin başlığından oluşturuldu ve aslında onu değiştirme seçeneği hemen altındaydı. Gutenberg'in herhangi bir zamanda yalnızca ilgili seçenekleri gösterdiğini zaten söylemiştik ve kalıcı bağlantının gönderinin başlığıyla ilgili olduğu görülüyor, yani…

yazımızın başlığını düzenleseydik, kalıcı bağlantısını da değiştirebilirdik. Ve gerçekten öyleyiz! Elbette, eskisi kadar açık değil, çünkü artık ayar her zaman görünür değil, ancak WordPress hala eskisi gibi aynı mantığı kullanıyor. Yukarıda bahsettiğim gibi: tanıdık bir arayüz ama tamamen aynı değil.

Diğer tüm seçenekler, başka türlü olamayacağı için editörün kenar çubuğunda mevcuttur. Orada, önceki düzenleyicide sahip olduğumuz kutuların eşdeğeri olan Document adında bir sekme bulduk:

Kategoriler, etiketler, zamanlama, alıntılar… Daha önce sahip olduğumuz her şey burada bizi bekliyor. Önemli değil, değil mi?

Gutenberg ve Eklentilerim

Son olarak Gutenberg'in eklentilerimizle olan uyumluluğundan kısaca bahsedelim. Bildiğiniz gibi, önceki editörde eklentiler kendi “özelleştirmelerini” ekleyebiliyordu. Örneğin, Yoast SEO gibi bir eklenti , yazımızın SEO parametrelerini yönetmek için yeni bir kutu ekledi. Ama tabii artık kutu yok… Peki bu nasıl işliyor?

Önceki editörümüzde sahip olduğumuz farklı kutular artık Gutenberg'in çevresine de ya içerikten sonra (Yoast SEO'da olduğu gibi) ya da kenar çubuğu bölümlerinde yer alıyor.

Prensip olarak, eklentinizin bakış açısından, kullanıcı arayüzünde basit bir yükseltme olduğu için, eklentilerinizin yeni düzenleyici olarak Gutenberg ile çalışmaya devam edeceğini varsayabilirsiniz. Ne yazık ki, Gutenberg ile %100 uyumlu olmayabilecek ve geliştiricilerinden ekstra çalışma gerektirecek eklentiler var… yeni editör.

Özetle

Gutenberg kalmaya geldi. Bu önemli bir paradigma kayması olmasına ve bloklar ilk başta garip gelse de, yeni arayüze alışmak birkaç dakikadan fazla sürmüyor.

Gutenberg'in ideal olmaktan uzak olduğu pek çok senaryo olduğunun tamamen farkındayım, ama korkarım sabırlı olmamız ve artık gerçekliğimizin bir parçası olduğu için nasıl geliştiğini görmemiz gerekecek.

Ne düşünüyorsun? Aşağıdaki yorumlar bölümünde bize bildirin.

Unsplash aracılığıyla Alexander Andrews tarafından Öne Çıkan Resim.