WordPress’te özel bir Gutenberg bloğu nasıl yapılır (3 adımda)
WordPress Block Editor (“Gutenberg”) çeşitli doğuştan gelen bloklar sağlar, ancak bir beden her zaman herkes için uygun değildir. Kutudan çıkmış olan Gutenberg, güzel bir blok tabanlı web sitesi oluşturmak için ihtiyacınız olan her şeye sahip olmayabilir. Neyse ki, Gutenberg’in varsayılan kütüphanesini genişletmenin bir yolu var. Genesis Custom Blocks gibi bir eklenti kullanarak, bilinen bir WordPress düzenleyicisini kullanarak kendi öğelerinizi oluşturabilirsiniz. Bu, WooCommerce normal ürün sayfasının dışında kullanabileceğiniz ilgili bir ürün bloğunu veya yalnızca giren müşteriler için görünen bir kupon bloğunu içerebilir.
Bu makalede, bu kadar çok web sitesi sahibinin neden özel bir Gutenberg bloğu geliştirdiğini tartışacağız. Daha sonra size üç kolay adımda kendimiz nasıl yapacağınızı göstereceğiz. Başlayalım! Özel bloklara giriş (ve neden yapmak isteyebilirsiniz) Gutenberg WordPress editörü ilk tanıtıldığında tartışmalı olabilir. Ancak, blok düzenleyicinin web sitesi sahibine daha fazla esneklik sağladığı genel olarak kabul edilmektedir. Beğenilen birçok şey olmasına rağmen, bu editörün özellikle üçüncü taraflı bir eklenti kullanıyorsanız birkaç sınırlaması vardır. Örneğin, WooCommerce Core eklentisi, web sitenizdeki çeşitli yerlerde kullanmak isteyebileceğiniz ilgili ürün özelliklerine sahiptir. Ancak, bu özellik bir blok olarak mevcut değildir.
Genesis Custom Blocks, kendi bloğunuzu oluşturmak için kullanabileceğiniz bir eklentidir. Varsayılan WordPress seçeneğini kullanarak yaratıcı vizyonunuzu gerçekleştirmekte zorluk çekiyorsanız, özel öğeler oluşturmak yararlı olabilir. Bu aynı zamanda sitenizde benzersiz bir görünüm ve his ve hatta yeni işlevsellik sağlamak için iyi bir yol olabilir. Kendi bloğunuzu tasarlamak, yalnızca bloklarına erişmek için WordPress eklentilerini yüklemeniz gerekmediği anlamına gelir. Bu, sitenizde yüklenen eklenti sayısını en aza indirmeye yardımcı olabilir, bu da güvenlik için iyi bir haberdir. Bu aynı zamanda eklentinize ne kadar zaman ayırmanız gerektiğini de azaltabilir. Sitenizi birkaç eklenti, uygulamalar, sistemler veya diğer üçüncü taraf hizmetleriyle genişlettiyseniz, özel engelleme uyumluluğa yardımcı olabilir. Bu öğelerin web siteniz tarafından kullanılan tüm yazılım ve ek hizmetlerle entegre olduğundan emin olmak için bu öğeleri tasarlayabilirsiniz. Sayfanıza kod ekleyerek ve yayınlamaya özel bir engelleme efekti oluşturmak mümkün olsa da, bu zaman ve sinir bozucu olabilir. Ayrıca, yazım hataları ve tipik hatalar gibi insan hataları için birçok fırsat bırakır. Genellikle tasarımınızı yeniden kullanılabilecek bir içerik bloğu olarak uygulamak çok daha kolaydır. Ardından, bu bloğu her kullanmak istediğinizde, iyi bilinen bir Gutenberg editöründen seçebilirsiniz.
WordPress’te özel bir Gutenberg bloğu nasıl yapılır (3 adımda) Bu makalede, özel öğeler yapmak için Özel Bloklar Genesis eklentisini kullanacağız. Örneğin, blog yayınınızın altına ekleyebileceğiniz bir Bio Bio yazarı oluşturacağız. Bu blok, yazarın başlarının veya avatarlarının fotoğraflarını ve biyografilerinin alanını ekleyebileceği bir görüntü alanından oluşacaktır. Kullanmak istediğiniz ek alanları da ekleyebilirsiniz. Özel bloklar Genesis eklentisini etkinleştirdikten sonra, başlamaya hazırsınız. Adım 1: Bloğunuzu WordPress Gösterge Tablosunda yapılandırın, Özel Bloklar> Yeni Ekle’ye gidin. Daha sonra bloğunuza açıklayıcı bir isim verebilirsiniz: Ardından, blok özelliğini yapılandıracaksınız. Bu, bu bloğu Gutenberg Block’ta daha kolay bulmanıza yardımcı olacaktır. Bu adımda, editörde bu bloğu temsil edecek bir simge ve depolama kategorisi seçebilirsiniz. Varsayılan engelleme kategorisi arasından seçim yapabilir veya yeni bir kategori eklemeyi seçerek yeni bir kategori oluşturabilirsiniz. Birkaç blok oluşturmayı planlıyorsanız, tümesis bloklarınızı saklayacağınız bir kategori oluşturmanıza yardımcı olabilir:
Bu bloğa birkaç anahtar kelime de ayarlayabilirsiniz. Bu anahtar kelime, seçmenlerde bu bloğu bulmayı kolaylaştıracaktır. Maksimum üç girebilirsiniz:
Daha sonra, barındırma sağlayıcınıza uzaktan bağlantı kurmak için FileZilla gibi FTP istemcilerini kullanabilirsiniz. Bunu nasıl yapacağınızdan emin değilseniz, sağlayıcınızın belgelerine başvurmanıza yardımcı olabilir veya yardım almak için doğrudan bunlarla iletişime geçebilirsiniz. Web sitenize başarıyla bağlandıktan sonra, etkin tema dizininizi açabilirsiniz. Bu dizinde, “Block” adlı yeni bir klasör oluşturun. Ardından, blok dizininde yeni bir PHP dosyası oluşturun. Bu dosyanın adını aşağıdaki formatta verebilirsiniz: blok- {blok-slug} .php “Block-Slug” u önceki adımda oluşturduğunuz blok için slug ile değiştirdiğinizden emin olun. Örneğin, bu “Block-Custom-Block.php” gibi görünebilir. Bu noktada, Genesis blok şablonunuzu tanımayı başarabilir. Ancak, şablonunuzu HTML ve gerekli tüm PHP işlevlerini kullanarak kodlamanız gerekir. Bu adımı nasıl tamamladığınız, bloğunuza bağlı olarak değişecektir. Ancak, Custom Blocks Genesis web sitesinde birçok kod örneği bulacaksınız. Bu adımları başarıyla tamamladıktan sonra, Gutenberg editöründeki özel bloğunuza erişebilmeniz gerekir:
Bloğunuz otomatik olarak görünmüyorsa, hepsine göz atmayı tıklayarak Gutenberg Editör Kütüphanesi’ne erişebilirsiniz.Daha sonra özel bir blok oluşturduğunuz kategoriyi seçebilirsiniz – şimdi sayfanıza veya yayınınıza koyabilirsiniz.Sonuç Gutenberg, iyi bir konjenital blok seçimi sağlar, ancak tam bir listeden uzaktır.Custom Blocks Genesis gibi eklentileri kullanarak Gutenberg kütüphane sınırlarını aşabilirsiniz.Bu yazıda size üç aşamada özel bir Gutenberg bloğunun nasıl tasarlanacağını ve geliştirileceğini gösteriyoruz: Özel Gutenberg bloğunuzu yapılandırın.Blok tasarımınız. Bir blok şablonu yapın.
WordPress’te özel bir Gutenberg bloğu yapma hakkında sorularınız var mı?Aşağıdaki yorumlar bölümünde sorun!
