Gutenberg'de Yeniden Kullanılabilir Bir Blok Nasıl Oluşturulur

Klasik düzenleyicinin yerini alan WordPress 5.0 sürümüyle birlikte gelen Gutenberg blok düzenleyicisi, yazı ve sayfa oluşturma paradigmamızı değiştirdi. Her biri belirli bir tür içerik veya bloktan oluşur: metin, başlık, alıntı, liste, dosya, tablo, resim, kapak, resim galerisi, medya ve metin, düğme, gömülü vb. bazı özellikler hızla çok çarpıcı tasarımlar yaratıyor.

Örneğin, aşağıda size göstereceğim bölümü eklemek, içine %100 opak bir turuncu renk filtresi yerleştirdiğim ve hoşuma giden mesajları ve düğmeyi eklediğim yeni bir kapak bloğu eklemek kadar kolay.

Tüm bunlar Gutenberg blok düzenleyicisinden ve gönderiden ayrılmanıza veya HTML kodunu kopyalayıp yapıştırmanıza veya düzenlemenize gerek kalmadan. Klasik WordPress editörü ile bu düşünülemezdi. Kapak bloğunun sunduğu farklı olanaklar hakkında daha fazla ayrıntı öğrenmek istiyorsanız, öne çıkan görsel ile kapak bloğu arasındaki farklar hakkındaki bu makaleyi okumakla kesinlikle ilgileneceksiniz.

Blok düzenleyici ile her türlü öğeyi birleştirmeye dayalı birçok yeni tasarım olanağına sahipsiniz. Ve sizi temin ederim ki, sayfaların ve gönderilerin tasarımında çok daha yaratıcı ve üretken olmak için mevcut blokların her birinin sunduğu farklı olasılıkları bilmek için biraz zaman ayırmanın telafisi var.

Blok düzenleyicinin en büyük avantajlarından biri, yalnızca mevcut tüm bloklar tarafından sunulan çeşitli içerikleri oluşturabilmeniz değil, aynı zamanda blokları yeniden kullanabilmenizdir.

Kodun, içeriğin ve tasarımın yeniden kullanımının, tüm web geliştiricilerinin önceki çalışmalardan yararlanmaları, zamandan tasarruf etmeleri ve fazlalığı azaltmaları için temel bir verimlilik ilkesi olduğunu zaten biliyorsunuz. Ayrıca, web sitenizin tamamında tek tip bir görüntü veya stil sağlamanıza yardımcı olur. Aynı stilde ancak farklı içerikte, farklı harekete geçirici mesajlar veya müşterilerimizden gelen referanslar ile aralarında çok benzer bir dizi bölüm görmek için web sitemize göz atmanız yeterlidir.

Aşağıda yeniden kullanılabilir bir blok oluşturmanın nasıl çalıştığını görelim.

Yeniden Kullanılabilir Bir Blok Oluşturun

Bir gönderide veya sayfada oluşturduğunuz herhangi bir blok, yeniden kullanılabilir bir bloğa dönüştürülebilir. Bunu yapmak için, söz konusu bloğu seçin, üç noktalı simgeye tıklayın ve Yeniden Kullanılabilir bloklara Ekle öğesini seçin .

Eklemek istediğiniz blok için bir isim girmeniz ve kaydetmeniz istenir.

Bir Bloğu Yeniden Kullan

Artık, yeniden kullanılabilir bloklarınızdan birini bir gönderide veya sayfada kullanmak istediğinizde, blok kitaplığınızın Yeniden Kullanılabilir bölümünde bulunur.

Seçtikten sonra blok eklenir. Etki, bu bloğu, onu oluşturan gönderide çoğaltmışsınız gibi aynıdır:

Yeniden Kullanılabilir Bloğu Değiştirin

Yeniden kullanılabilir bir bloğun diğer normal bloklar gibi değiştirilemeyeceğine dikkat edin; onu yalnızca Düzenle düğmesine tıklayarak değiştirebilirsiniz:

Yeniden kullanılabilir bir bloğu düzenlediğinizde, yalnızca mevcut gönderinizde görünen örneği değil, her yerde bloğun kendisini de değiştirmiş olursunuz. Başka bir deyişle, yeniden kullanılabilir bir blokta yaptığınız herhangi bir değişiklik, yeniden kullanılabilir bloğu eklediğiniz tüm gönderiler ve sayfalar için de geçerli olacaktır.

Elbette kendinize soruyorsunuz, sadece yeni eklediğim blokta bir değişiklik yapmak için nasıl yapabilirim, ancak oluşturulan blokların geri kalanında değil?

Normal bloğa dönüştür

Web sitenizin geri kalanında bulunan bloğun tüm örneklerini değiştirmeden yeni eklediğiniz yeniden kullanılan bloğu değiştirmek istiyorsanız, yeni eklediğiniz bloğu her zaman normal bir bloğa dönüştürme seçeneğiniz vardır.

Bu andan itibaren, yeniden kullanılan blok yeniden orijinal tipte bir blok haline gelir. Bu durumda blok tekrar bir kapak bloğuna dönüştürülür ve artık yeniden kullanılabilir bloğu değiştirmeden istediğim değişiklikleri yapabilirim.

Yeniden Kullanılabilir Blokları Yönetin

Oluşturduğunuz her yeniden kullanılabilir blok için, veritabanınızda belirttiğiniz adla yeni bir özel içerik türü blok türü oluşturulur. Ancak, herhangi bir zamanda, herhangi bir başka gönderi türüymüş gibi oluşturulan yeniden kullanılabilir bloklardan herhangi birini doğrudan değiştirmeye veya silmeye gidebilirsiniz.

Bunu yapmak için, yeniden kullanılabilir bloklar sekmesindeki blok kitaplığının sonunda bulunan Tüm Yeniden Kullanılabilir Blokları Yönet seçeneğine tıklayın.

Ya da sağ üst menüde üç noktalı simge, Daha fazla araç ve seçenek göster 'de bulabileceğiniz Tüm Yeniden Kullanılabilir Blokları Yönet seçeneğinden yeniden kullanılabilir blokların listesine erişme seçeneğiniz de vardır.

Her iki durumda da, oluşturduğunuz yeniden kullanılabilir blokların listesini görselleştirebileceksiniz ve her biri için herhangi bir gönderi veya sayfada yaptığınız gibi değiştirebilir veya silebilirsiniz.

Yeniden kullanılabilir bir blokta yaptığınız herhangi bir değişikliğin, onu kullanan tüm gönderilere ve sayfalara otomatik olarak uygulanacağını unutmayın.

Benzer şekilde, onu silerseniz, yeniden kullanılabilir blok, eklediğiniz tüm sayfalarda da otomatik olarak silinir (ve onu tekrar normal bir bloğa dönüştürmediniz).

Ve web sitenizin tüm bölümlerini yeniden kullanarak çok daha üretken ve verimli olmanız için gerekli olan şey, site boyunca aynı görüntü ve stili koruduğunuzdan emin olmaktır.

Bir sonraki gönderide, Gutenberg ile blokları nasıl dışa ve içe aktarabileceğinizi de açıklayacağım. Ama benim tavsiyem, Gutenberg ile İçerik oluşturma kursuna kaydolarak Gutenberg hakkında daha birçok püf noktası öğrenmeniz olduğunu biliyor musunuz?

Unsplash'ta Nicola Fioravanti'nin fotoğrafı .