WordPress 5.8'deki Yenilikler

Yayınlanan: 2021-06-24

WordCamp Europe 2021'deki sunumları ve özellikle blok düzenleyicide bize gelen yeni özelliklerin bir videosunu içeren Matt Mullenweg ve Matias Ventura arasındaki konuşmayı izledikten sonra, WordPress'in bu yeni sürümünü denemek için can atıyordum. Temmuz ortasında piyasaya sürülmek üzere olan 5.8.

Bu yüzden size gelen yeni özelliklerden bahsedebilmek için WordPress 5.8-beta2 sürümünü kurdum. Bu sürümü WordPress.org'dan Twenty Twenty-one temasıyla test ettiğimi ve sitenize yüklediğiniz temaya bağlı olarak bahsedilen bazı özelliklerin kullanılamayabilir.

İç İçe Bloklar ve Blok Modelleri

WordPress 5.5'in gelişiyle blok düzenleyici, blok kalıpları kavramını içeriyordu. Blok kalıbı fikri çok basittir: bunlar, sayfaların ve gönderilerin oluşturulmasında kullanabileceğiniz bir grup bloktan oluşan önceden tanımlanmış bölümler veya snippet'lerdir. Blok kalıpları, iki düğme görüntüleyen bir bölüm veya göz alıcı ve karmaşık düzenlere sahip bir fiyatlandırma bölümü veya hatta tüm sayfanın düzeni kadar basit bir şey olabilir.

Blokları ve blok kalıpları düzenlemeyi daha kolay ve daha rahat hale getirmek için birçok çalışma yapılıyor. Ve özellikle, onları daha hızlı yerleştirmek ve taşımak için. Başlangıç olarak, şimdi sol taraftaki menü çubuğunda gösterilen bloklar ve desenler listesinden bunları seçip eklemek için sayfanın alanına sürükleyebiliriz.

Gutenberg'de bir desen seçme ve ekleme ekran görüntüsü — Bloklar ve desenler listesinden, doğrudan sayfanıza eklemek istediğiniz bloğu veya deseni seçip sürükleyebilirsiniz.

Son zamanlarda, herhangi bir bloğu bulunduğu kap içinde hareket ettirebilmemiz için sürükle simgesi (6 nokta simgesi) de eklendi.

Gutenberg düzenleyicide bir bloğu sürükleme seçeneği — Sürükle simgesine tıklayarak, sütun tipi bir blok içindeki kapak bloğunu hareket ettirebilirsiniz.

Bir bloktayken, seçim moduna geçmek için Esc tuşuna ve düzenleme moduna geri dönmek için Enter tuşuna basın.

Gutenberg editöründe seçim modu — Gutenberg editöründe Enter ve Esc tuşlarıyla seçim modundan düzenleme moduna geçebilirsiniz.

Seçim modunda ( Esc tuşuna basmayı unutmayın), blok yapısı arasında gezinme optimize edilir. Fareyi bir blok içinde hareket ettirerek içerdiği blokların her birinin sınırlarını görebiliriz. Bu sayede yapıyı anlamak ve blokları ebeveyn blok içinde sürüklemek daha kolaydır.

Blok düzenleyicide iç içe blok seçmenin ekran görüntüsü — Seçim modunda, fareyi kapak bloğunda hareket ettirirken içerdiği blokların her birinin sınırlarını görebiliriz.

Ve şimdi, bu yeni sürümle, düzenleme moduna geçtiğinizde ( Enter tuşuna basın), bir bloğu hareket ettirirken, konteynerinin sınırları da görüntülenir, böylece seçme, sürükleme ve bırakma işlemi çok daha kolay ve sezgisel hale gelir.

WordPress 5.8 düzenleyicide bir bloğu sürükleme seçeneği — WordPress 5.8 düzenleyicide bir blok seçeneğini sürüklemenin ekran görüntüsü.

Resim Sürümü

Blok düzenlemeyi geliştirme fikriyle devam eden kritik bir blok, görüntü tipi bloktur. Artık resimleri resim, metin ve medya türü bloklara veya sütun gibi herhangi bir kapsayıcı tipi bloklara sürükleyerek ekleyebileceğimizi gördük.

Ancak en büyük yenilik, eklenen görüntüleri Medya Kitaplığına gitmek zorunda kalmadan düzenleyicinin kendisinde düzenleyebilmemiz ve değiştirebilmemizdir.

Blok düzenleyicide görüntü düzenleme seçenekleri — Blok düzenleyicide bir görüntüyü düzenleme seçenekleri.

Bir resim bağlantısını ortalayacak ve ekleyecek simgelere ek olarak, WordPress 5.8 ile üç yeni simgemiz var: Kırp , Metin Ekle ve Çift Ton Filtreleri .

Görüntüyü kırp

Kırpma simgesine tıklayarak üç ek menü seçeneği belirir: yakınlaştır , en boy oranını değiştirin ve resmi döndürün .

Blok düzenleyicide bir görüntüyü düzenlemenin ekran görüntüsü — Kırpma seçeneğini seçtikten sonra, istediğiniz yakınlaştırma, en boy ve döndürme değişikliklerini yapın ve değişiklikleri uygulayın.

Gördüğünüz gibi, görüntünüzün istediğiniz gibi görünmesini sağlamak için artık medya kitaplığına gitmenize gerek yok.

Çift Ton Filtreler

WordPress 5.8 ile birlikte gelen bir diğer yeni özellik, herhangi bir görüntüyü çift ton olarak filtreleme yeteneğidir. Görüntüye uygulamak istediğiniz filtrenin iki rengini seçin ve bu kadar, görüntünün yalnızca iki tonu olacaktır.

WordPress'teki görüntü çift ton seçeneğinin ekran görüntüsü — Görüntü çift ton seçeneğiyle bir görüntüyü yalnızca iki tonda görüntüleyin.

Yazı ekle

Bir resme metin ekleyen bu yeni simge, resmi bir kapak tipi bloğuna dönüştürmekle eşdeğerdir. Ve tabi bu değişiklikten sonra daha önce yaptığınız gibi istediğiniz metni kapak bloğuna ekleyebilirsiniz.

Gutenberg'de bir arka plan bloğunu düzenlemenin ekran görüntüsü — Gutenberg'de bir kapak bloğunu düzenlemenin ekran görüntüsü.

Ek olarak, blok özelliklerinde de görebileceğiniz gibi, artık boşlukları değiştirebilir ve metne dolgu ekleyebilirsiniz, böylece metin tam olarak görüntüde olmasını istediğiniz yerde olur. Dolgu, metnin 4 tarafının her biri için aynı veya farklı olarak tanımlanabilir.

Şahsen, tüm bu dönüşümleri medya kitaplığına gitmeden doğrudan düzenleyicide ekleyip gerçekleştirebilmenizi harika buluyorum. Yine de, resimlerinizi SEO için optimize etmek istiyorsanız, korkarım yine de kütüphaneye gitmeniz gerekecek.

Blok Dönüşümleri

Bir bloğun resim türünden kapak tipine nasıl dönüştürüleceğini gördüğümüz gibi, blok düzenleyici artık diğer dönüşüm türlerini de içeriyor. Örneğin, üç paragraf seçip bunları başlıklara, sütunlara, listeye vb. dönüştürebilirsiniz. Ve dönüştürmeyi gerçekleştirmeden önce, dönüşümün yeni görünümünün ön izlemesi yapılır.

Paragraftan Sütun Dönüşümüne Önizleme Ekran Görüntüsü — Paragraflardan sütunlara dönüşümün önizlemesi.

Paragrafın Dönüşüm Önizleme Listesinin Ekran Görüntüsü — Paragraflardan sütunlara dönüşümün önizlemesi.

Benzer şekilde, bir dizi görüntü türü bloğunu bir görüntü galerisi türü bloğuna veya hatta bir dizi düğme vb. ile değiştirebilirsiniz.

Kapak Bloğu

Düzenleyicinin kendisinde bulunan tüm bu yeni özelliklerle birlikte, kapak bloğu, şimdiye kadar sahip olduklarımızdan çok farklı tasarımlar oluşturmamızı sağlıyor. Örneğin, artık her biri kendi rengine, metnine ve odağına sahip iki iç içe kapak bloğumuz (çocuk ve ebeveyn arasında bir dolgu ile) olabilir.

Gutenberg'de iç içe geçmiş iki arka plan bloğunu gösteren resim — İç içe geçmiş iki kapak bloğunu gösteren resim.

Gezinme Bloğu

WordCamp'te sunulan videodaki blok düzenleyici önizlemesinin bir başka harika yeni özelliği de yeni gezinme bloğudur. Bu bloğun kurulu beta sürümüne dahil olmadığını görüyoruz, ancak bunu Gutenberg eklentisinin en son sürümü 10.8.1'de bulacaksınız.

Bu blok, ziyaretçilerinizin başka herhangi bir sayfaya gidebilmesi için herhangi bir sayfaya bir bağlantı menüsü eklemenize olanak tanır. WordPress'ten zaten bildiğimiz gezinme menülerinin yerini alması amaçlanmamıştır, ancak bir sayfaya ek bir menü eklemek istediğinizde bir alternatif olarak tasarlanmıştır.

Menüyü yatay mı yoksa dikey mi istediğinizi belirtmenin yanı sıra, menüyü oluştururken birkaç seçeneğiniz vardır:

Gutenberg'de bir gezinme menüsü oluşturun — Blok düzenleyicide bir gezinme menüsü oluşturma seçenekleri.

Mevcut bir menüden oluşturun: sitenizde önceden oluşturduğunuz bir menüyü görüntülemeyi seçebilirsiniz.
Boş oluştur: bu, gezinmede göstermek istediğiniz her bağlantıyı manuel olarak eklemeniz için boş bir menü oluşturur.
Tüm üst düzey sayfalardan oluşturun – Bu, sitenizdeki mevcut her sayfayı otomatik olarak bir bağlantı olarak ekler, daha sonra düzenleyebilir ve yeniden düzenleyebilirsiniz. Buraya yalnızca üst düzey sayfalar eklenir.

Navigasyona yeni bir bağlantı eklemek için aşağıdakiler arasında seçim yapmanızı sağlayan + simgesine tıklamanız gerekir:

Sayfa bağlantısı: sitenizdeki bir sayfa.
Gönderi bağlantısı: sitenizdeki bir gönderi.
Kategori bağlantısı: belirli bir kategoriye sahip tüm gönderiler.
Etiket bağlantısı: belirli bir etikete sahip tüm gönderiler.
Özel bağlantı: harici bir URL.
Sosyal simgeler: sosyal ağlar için simgeler.
Arama: ziyaretçilerin içeriğinizi araması için bir arama kutusu.

Herhangi bir menüyü oluşturduğunuzda, stilini (yazı tipi, yazı tipi ve arka plan rengi) değiştirme, alt menüler ekleme, öğeleri hareket ettirme vb. seçeneğiniz de vardır.

Böylece bu blok ile çok kolay bir şekilde menü tasarımları oluşturabilirsiniz.

Gördüğünüz gibi, bu yeni blok türü, sayfalarımızın ve gönderilerimizin tasarımında çok daha fazla olanak sunacak.

Şablon Tasarımı

WordPress düzenleyicisinin bu yeni sürümüyle birlikte bize gelen bir diğer büyük değişiklik de şablon tasarımının blok düzenleyiciye tamamen entegre olmasıdır. Bu şekilde, oluşturulan bir sayfadan bir şablon oluşturabilirsiniz ve ayrıca sol kenar çubuğunda yapısını listeleyebileceğiniz seçeneği de ekler.

WordPress'te bir şablon tasarlama — WordPress'te bir şablon tasarımı. Sol tarafta şablonun yapısını görebiliriz.

Şablonun yapısı boyunca hareket edebiliriz ve her öğe düzenleyicide vurgulanır, böylece uygun olduğunda değişiklik yapmak çok kolaydır ve her kapsayıcı bloğunda yuvalanmış tüm öğeleri hızlı bir şekilde görebilirsiniz.

Ve Daha Fazlası Var…

Ve son olarak, WordCamp Europe'da sunulan videoda, renk paletini, tipografiyi vb. değiştirmek için temanın global stillerini doğrudan blok düzenleyicide tanımlama seçeneği de gösterildi. Hâlâ herhangi bir şüpheniz varsa, bu yeni ile WordPress 5.8 sürümü, web sitenizin sayfalarını oluşturmak için başka bir sayfa oluşturucuya ihtiyaç duymama hedefine her geçen gün daha da yaklaşıyoruz.

Unsplash'ta XPS tarafından öne çıkan görüntü .