Gutenberg Şablonları Nasıl Oluşturulur

Gutenberg Blokları ile sayfalar ve gönderiler oluşturmanın avantajlarından biri, onları şablon olarak kaydetme yeteneğidir. Gutenberg için şablonlar oluşturmak, yayınlama sürecini hızlandırmanın harika bir yoludur. Bunları oluşturmanın birkaç yolu vardır. Bu yazıda Gutenberg şablonlarının nasıl oluşturulacağını göreceğiz.

Bunları oluşturmak için üç yöntemi ele alacağız:

1. Dışa aktarmak veya klonlamak için Gutenberg kitaplığınıza eklemek için bir düzen oluşturma.
2. Kullanmak istediğinizde kopyalayıp yapıştırabileceğiniz bir düzen oluşturma.
3. Sayfalar, gönderiler veya özel gönderi türleri için varsayılan düzen olarak eklenecek bir düzen oluşturma.

Bu yöntemler yalnızca blokları yeniden kullanmamıza izin verir. Başka hiçbir ayar dahil edilmeyecektir.

Neden Gutenberg Şablonları Oluşturun

Sayfanızı veya gönderi düzeninizi tasarladıktan sonra, yeniden kullanmak üzere öznitelikleriyle birlikte blokların listesini kaydedebilirsiniz. Bu, düzene odaklanmanız gerekmediğinden içeriğinizi oluşturmaya bir adım önde başlamanızı sağlar. Blok şablonları, tutarlı bir tasarıma sahip olmanızı sağlar.

Blok şablonu, yer tutucu içeriğe sahip olabilir. Statik veya dinamik olabilirler. Bir düzenleyici oturumunun varsayılan durumunu tanımlayabilirsiniz. Hatta şablonlarınızı JSON dosyaları olarak içe veya dışa aktarabilirsiniz, böylece tasarımlarınızı birden çok web sitesinde yeniden kullanabilir veya başkalarıyla paylaşabilirsiniz. Bunları kilitleyebilirsiniz, böylece kullanıcılar içerik ekleyebilir ancak blokları değiştiremez.

Yöntem 1: Bir Düzen Şablonu Oluşturun

Düzen şablonları, aynı anda birden fazla bloğu taşımamıza veya silmemize izin vermek için başlangıçta eklenen çoklu seçim özelliğini kullanmanıza olanak tanır.

Global yeniden kullanılabilir bloklar kitaplığımıza bir kerede bir blok veya bir kerede birden fazla blok seçip ekleyebiliriz. Bu, onları JSON dosyaları olarak dışa aktarmayı kolaylaştırır.

Örnek Düzen Şablonu

Blog yazısı, ürün incelemesi vb. olarak kullanabileceğim basit bir düzen oluşturdum. Bunu yeniden kullanmak üzere kitaplığa kaydetmek çok kolay.

İmlecinizi eklemek istediğiniz ilk bloğa getirin ve onları vurgulamak için farenizi son bloğa sürükleyin.

İlk bloğun üzerinde solda üç nokta göreceksiniz. Noktalara tıklayın ve Yeniden Kullanılabilir Bloklara Ekle'yi seçin.

Üst kısımdaki yeşil mesaj çubuğu, bloğun oluşturulduğunu gösterecektir. Düzene sizin için anlamlı olan bir ad verin ve Kaydet'i seçin.

Yeşil çubuktaki mesaj bloğun güncellendiğini gösterecektir. Düzeni oluşturdunuz!

Kullanmak için yeni bir sayfa veya gönderi oluşturun ve seçenekleri açın (üç nokta). Araçlar altında, Tüm Yeniden Kullanılabilir Blokları Yönet'i seçin.

Bu, tüm bloklarınızın bir listesini gösterir. Burada bloklarınızı JSON dosyaları olarak dışa ve içe aktarabilirsiniz. Yeniden kullanılabilir bloklar küreseldir. Düzenlerseniz, orijinali düzenlersiniz. Orijinali korumak ve düzeni kullanarak yeni bir gönderi oluşturmak için, onu dışa aktarmanız, yeniden adlandırmanız ve düzeni içe aktarmanız gerekir.

Yinelenen Gönderiler

Neyse ki, başka bir seçeneğimiz var. Duplicate Post adlı bir eklenti, Gutenberg blokları için bir klonlama özelliği ekler.

Yinelenen Gönderiler ayarlarında , Blokları etkinleştirin.

Artık Blocks kitaplığında bir klonlama seçeneğim var. İstediğiniz düzeni klonlayın ve ardından düzenleyin. Her düzen geneldir, bu nedenle düzeni her kullanmak istediğinizde klonlamanız ve düzenlemeniz gerekir.

Yöntem 2: Gutenberg Şablonu Oluşturmanın Kolay Alternatif Yolu

Bu yöntem sadece basit bir hiledir, ancak işe yarıyor. İlk olarak, herhangi bir yer tutucu içerikle birlikte yeniden kullanmak istediğiniz bir düzen oluşturun.

Ardından, kod düzenleyiciye geçin. Bunu yapmak için sağ üst köşedeki üç noktayı seçin. Düzenleyici altında, Kod Düzenleyici'yi seçin.

Kodu vurgulayın ve kopyalayın.

Kodu bir metin düzenleyiciye yapıştırın ve yeniden kullanmak üzere kaydedin.

Şablonu kullanmaya hazır olduğunuzda, yeni bir gönderi oluşturun, kod düzenleyiciye geçin ve kodu yapıştırın.

Artık içerik eklemeye başlayabileceğim yeni bir gönderi var.

Yöntem 3: Özel Bir Gönderi Türü Oluşturun

Bir blok şablonu bir argümandır. Argümanı sayfalara ve gönderilere ekleyebilir veya yeni bir gönderi türü oluşturabilirsiniz. Düzen, bu gönderi türüne bağlı olacaktır, bu nedenle, bu gönderi türünü oluşturduğunuzda, düzen varsayılan olarak görüntülenir.

Bu, farklı makale türleri için mizanpajlar oluşturmak için harikadır. Örneğin, bir ürün inceleme gönderi türünüz, tatil özeti gönderi türünü, yemek tarifi gönderi türünü vb.

Şablonun oluşturulması şunları içerir:

• Varsayılan durumu dinamik olarak ayarlama.
• Belirli bir gönderi türü için varsayılan düzen olarak kaydedilmesi.

Şablonu Bildirmek

Şablonun kendisi bir blockTypes dizisi olarak bildirilecektir. Bu JavaScript veya PHP ile yapılır. Gutenberg geliştiricisinin el kitabının gösterdiği gibi, şöyle görünecektir:

const template = [

[ 'block/name', {} ], // [ blockName, attributes ]

];

Veya bu:

'template' => array(

array( 'block/name' ),

),

Şablonu Özel Gönderi Türlerine Kaydetme

Özel gönderi türü de şablonu kaydedebilir. Şuna benzeyebilir:

function myplugin_register_book_post_type() {

$args = array(

'public' => true,

'label'  => 'Books',

'show_in_rest' => true,

'template' => array(

array( 'core/image', array(

'align' => 'left',

) ),

array( 'core/heading', array(

'placeholder' => 'Add Author...',

) ),

array( 'core/paragraph', array(

'placeholder' => 'Add Description...',

) ),

),

);

register_post_type( 'book', $args );

}

add_action( 'init', 'myplugin_register_book_post_type' );

Dizi, bloğun nereden geldiğini ve bloğun adını tanımlar. Bu örnekte, dizi 'çekirdek/paragraf' kullanır. Bu, bloğun WordPress çekirdeğinden (bir eklentinin aksine) ve adının paragrafından (hangi bloğun kullanılacağını belirten) geldiği anlamına gelir.

Şablonu Sayfalara ve Gönderilere Kaydetme

Şablonu sayfalara veya gönderilere eklerseniz, her sayfa veya gönderi oluşturduğunuzda otomatik olarak yüklenir. Bunları belirli özel gönderi türlerine eklemeyi tercih ediyorum çünkü daha fazla yaratıcı özgürlüğünüz var ve şablonların bulunmasını kolaylaştırarak içerik oluşturma sürecini kolaylaştırıyor.

Bunları sayfalara veya gönderilere eklemeye karar verirseniz, bu kodu kullanabilirsiniz:

function my_add_template_to_posts() {

$post_type_object = get_post_type_object( 'post' );

$post_type_object->template = array(

array( 'core/paragraph', array(

'placeholder' => 'Add Description...',

) ),

);

$post_type_object->template_lock = 'all';

}

add_action( 'init', 'my_add_template_to_posts' );

Yerleştirme Şablonları

Şablonları Konteyner blokları (örneğin, sütun blokları) içine bile yerleştirebilirsiniz. Bu, bloğun kendisine iç içe bir şablon atayarak yapılır. Örneğin:

$template = array(

array( 'core/paragraph', array(

'placeholder' => 'Add a root-level paragraph',

) ),

array( 'core/columns', array(), array(

array( 'core/column', array(), array(

array( 'core/image', array() ),

) ),

array( 'core/column', array(), array(

array( 'core/paragraph', array(

'placeholder' => 'Add a inner paragraph'

) ),

) ),

) )

);

Şablonu Kilitleme

Bu kodu kullanarak şablonu kilitleyebilirsiniz:

'template_lock' => 'all', // or 'insert' to allow moving

Özel Gönderi Türüne Sahip Örnek Şablon

Yukarıda gördüğümüz Kitaplar adlı özel yazı türünü oluşturmak istiyorum. Düzen şablonunu gösterecek ve bir resim, başlık ve paragraf içerecektir.

Kod, functions.php dosyasına yapıştırılacaktır. PHP dosyalarına kod eklerken her zaman bir alt tema kullanın. Bunu yapmazsanız, temayı güncellediğinizde kodun üzerine yazılacaktır.

Kodu elle yazmanız gerekecek (gösterdiğim kod örneklerini kullanmanızı tavsiye ederim). Seçeneklerden biri, istediğiniz düzeni oluşturmak ve ardından kodu görüntülemektir (sağ üst köşedeki üç noktayı tıklayın ve Editör bölümünde Kod Düzenleyici'yi seçin). Bu, blokları önceden yapmış olduğunuz düzendeki öznitelikleriyle birlikte gösterecek, böylece blokları kodunuzdaki nasıl düzenleyeceğinizi önceden bileceksiniz.

Tema İşlevlerine (functions.php) gidin ve kodu yapıştırın. Kodu en alta yapıştırdım. Bu bir test sitesi ve kodu saklamayı planlamıyorum, bu yüzden bir alt tema kullanmadım.

Kontrol paneli menüsüne Kitaplar adlı yeni bir gönderi türü eklendi. Bir liste ve bir Yeni Ekle bağlantısı içerir. Yeni Ekle'ye tıkladım ve yeni şablonum, içerik eklemeye başlayabileceğim düzenleyiciye eklendi.

Bloklar, kodda göründükleri sıraya göre yerleştirilir ve kendilerine atanan nitelikleri içerir. Kod içerisine istediğiniz kadar blok yerleştirebilir ve onlara istediğiniz özellikleri verebilirsiniz. İstediğiniz kadar özel gönderi türü oluşturabilirsiniz ve her birinin benzersiz bir varsayılan düzeni olabilir. Bu örnek, yer tutucu metni içerir.

Biten Düşünceler

Gutenberg şablonlarını nasıl oluşturacağımıza bakışımız bu. Her üç yöntem de harika çalışıyor. Yeni özel gönderi türleri oluşturmak istemiyorsanız, yeniden kullanılabilir şablonlar veya çoğaltma yöntemlerinden biri daha iyi bir seçim olabilir. Özel gönderi türlerini seviyorum çünkü oluşturmak istediğiniz içerik türünü seçmeyi kolaylaştırıyor ve şablonlar sizin için önceden sıralanıyor.

Kod konusunda rahatsanız ve WordPress'te kullanımı en uygun olan özel gönderi türlerini oluşturmak kolaydır. Function.php'nize eklemek için şablonlar oluşturmanın ana dezavantajı, düzeni Gutenberg düzenleyicisi yerine kodda oluşturmanızdır, bu nedenle görsel değildir.

Şablonlarınıza önceden hazırlanmış içerik eklemenizi seviyorum. Bu, katkıda bulunanlara hangi bilgilerin nereye gittiğini göstermek için yer tutucu metin için harikadır. Yeniden kullanılabilir şablonlar, iş akışı sürecinizi hızlandırmanın ve kolaylaştırmanın harika bir yoludur ve paylaşılacak sayfa ve gönderi düzenleri oluşturmanın harika bir yoludur.

Senden duymak istiyoruz. Gutenberg şablonları oluşturdunuz mu? Aşağıdaki yorumlarda deneyiminizi bize bildirin.

Nadia Snopek / Shutterstock.com aracılığıyla Öne Çıkan Görsel