Gutenberg Düzenleyicisine hoş geldiniz

jifulive Avatar

Dağlar ve Matbaalar

Bu yeni düzenleyicinin amacı, WordPress’e zengin içerik eklemeyi basit ve keyifli hale getirmektir. Bu yazının tamamı, LEGO tuğlalarına biraz benzeyen, istediğiniz gibi hareket ettirebileceğiniz ve etkileşim kurabileceğiniz içerik parçalarındanoluşmaktadır. İmlecinizi hareket ettirdiğinizde, farklı blokların çerçeveler ve oklarla vurgulandığını göreceksiniz. Ok tuşlarına basarak blokları hızlıca yeniden konumlandırabilirsiniz; bu işlem sırasında kopyalama ve yapıştırma sürecinde içeriklerin kaybolmasından endişe etmenize gerek yoktur.

Şu anda okuduğunuz şey, en temel blok olan metin bloğ udur. Metin bloğunun, yazı içinde serbestçe hareket ettirilebilmesi için kendine özgü kontrol öğeleri vardır…

… tıpkı bu gibi, sağa hizalanmış olan.

Başlıklar da ayrı bloklardır; bu da içeriğinizin ana hatlarının belirlenmesi ve düzenlenmesi açısından yardımcı olur.

Bir resim bin kelimeye bedeldir

Görseller ve medya öğelerini azami özenle işlemek, yeni düzenleyicinin temel odak noktalarından biridir. Umarız, resimlerinize başlık ekleme veya resimleri tam genişlikte görüntüleme gibi işlemleri eskisinden çok daha kolay ve güvenilir bulursunuz.

Güzel manzara
Temanız bu özelliği destekliyorsa, resim araç çubuğunda “geniş” düğmesini göreceksiniz. Bir deneyin.

Başlığı seçip silmeyi veya düzenlemeyi deneyin; artık yanlışlıkla resme veya başka bir metne tıklayarak sunumu mahvetme endişesi yaşamayacaksınız.

Yerleştirme Aracı

WordPress’in yapabileceği her şeyin, arayüzde tek bir yerden hızlıca erişilebilir olduğunu hayal edin. HTML etiketlerini veya sınıflarını anlamaya ya da karmaşık kısa kod sözdizimini ezberlemeye gerek yok. İşte “inserter”ın ardındaki felsefe budur— (+) Editörün çevresinde göreceğiniz bu düğme, mevcut tüm içerik bloklarını gözden geçirmenize ve bunları yazınıza eklemenize olanak tanır. Eklentiler ve temalar kendi içerik bloklarını kaydedebilir; bu da zengin düzenleme ve yayınlama için her türlü imkânı sunar.

Hadi bir deneyin; belki de WordPress’in yazılarınıza ekleyebileceği, sizin henüz bilmediğiniz özellikleri keşfedersiniz. İşte şu anda orada bulabileceğiniz özelliklerin kısa bir listesi:

  • Metin ve Başlıklar
  • Görseller ve Videolar
  • Galeriler
  • YouTube videoları, Tweet’ler veya diğer WordPress gönderileri gibi gömülü içerikler.
  • Düğmeler, Hero Görselleri, Ayırıcılar vb. gibi düzen blokları.
  • Ve tabii ki bunun gibi listeler 🙂

Görsel Düzenleme

Blokların en büyük avantajlarından biri, bunları yerinde düzenleyebilmeniz ve içeriğinizi doğrudan değiştirebilmenizdir. Alıntı kaynağı veya bir düğmenin metni gibi öğeleri düzenlemek için ayrı alanlara ihtiyaç duymadan, içeriği doğrudan değiştirebilirsiniz. Aşağıdaki alıntıyı düzenlemeyi deneyin:

Editör, zengin içerikli yazıları zahmetsizce yazmayı sağlayan yeni bir sayfa oluşturma ve yayınlama deneyimi sunmaya çalışacak; ayrıca, günümüzde kısa kodlar, özel HTML veya “mystery meat” olarak adlandırılan gömme öğeleri bulma gibi işlemleri kolaylaştıran “bloklar” içerecektir.

Matt Mullenweg, 2017

Alıntının kaynağına ait bilgi, resim altındaki açıklamalara benzer şekilde ayrı bir metin alanıdır; bu sayede, kaynağı seçseniz, düzenleseniz veya silseniz bile alıntının yapısı korunur. Kaynağı geri eklemek her zaman kolaydır.

Bloklar, ihtiyacınız olan her şey olabilir. Örneğin, metninizin kompozisyonunun bir parçası olarak sade bir alıntı eklemek isteyebilirsiniz ya da devasa ve stilize edilmiş bir alıntı sergilemeyi tercih edebilirsiniz. Tüm bu seçenekler ekleyici araçta mevcuttur.

Yan çubuktaki blok denetleyicisinde bulunan kaydırma çubuğunu sürükleyerek galerilerinizdeki sütun sayısını değiştirebilirsiniz.

Zengin Medya İçeriği

Yeni geniş ve tam genişlikli mizanpajları galerilerle birleştirirseniz, çok kısa sürede medya öğeleriyle zenginleştirilmiş bir mizanpaj oluşturabilirsiniz:

Erişilebilirlik önemlidir — resimlerin alt özniteliklerini unutmayın

Elbette, tam genişlikteki resim oldukça büyük olabilir. Ama bazen resim buna değer.

Yukarıda sadece iki resimden oluşan bir galeri yer almaktadır. Bu, float öğeleriyle uğraşmak zorunda kalmadan görsel açıdan çekici düzenler oluşturmanın daha kolay bir yoludur. Ayrıca, blok değiştiriciyi kullanarak galeriyi tekrar tek tek resimlere kolayca dönüştürebilirsiniz.

Herhangi bir blok bu hizalamaları kullanabilir. Gömülü blokta da bu özellikler mevcuttur ve hazır olarak duyarlı bir yapıya sahiptir:

İster statik ister dinamik, ister süslü ister sade olsun, istediğiniz herhangi bir bloğu oluşturabilirsiniz. İşte bir alıntı bloğu:

Kod, Şiirdir

WordPress topluluğu

Ek blokların nasıl oluşturulacağı hakkında daha fazla bilgi edinmek istiyorsanız ya da projeye katkıda bulunmakla ilgileniyorsanız, GitHub deposuna göz atın.


Gutenberg'i denediğiniz için teşekkür ederiz!

👋

Yanıt yaz

E-posta adresiniz yayınlanmayacaktır. Zorunlu alanlar * ile işaretlenmiştir