WordPress Block Desen 101: Bu nedir?Ve nasıl kullanılacağı
WordPress Block Düzenleyicisi’nde zamandan tasarruf etmek ve daha profesyonel tasarımlar oluşturmak ister misiniz? Eğer öyleyse, WordPress blok desenleri hakkında bilgi edinin belki de ihtiyacınız var. Bir blok deseni ile bitmiş tasarıma girebilir, ihtiyaçlarınızı karşılayacak şekilde ayarlayabilir ve kullanıma hazır olabilirsiniz. Bu harika bir zaman tasarrufu. Ve bir tasarımcı değilseniz, bir blok deseni de yararlıdır, çünkü tasarımı sıfırdan yapacak bilgiye sahip olmasanız bile daha benzersiz bir tasarım kullanmanıza izin verir. Bu yazıda, WordPress blok desenleri hakkında bilmeniz gereken her şeyi tartışacağız:
WordPress blok deseni nedir ve yeniden kullanılabilecek bloklarla fark.
Editörde Blok Deseni Nasıl Kullanılır.
Burada yeni bir blok deseni bulun ve nasıl kullanılacağı.
Kod olmadan kendi blok deseninizi nasıl yapabilirsiniz.
#WordPress #Block Desen 101: Nedir ve Nasıl Kullanılır?
Tweet için tıklayın
WordPress blok deseni nedir? WordPress blok desenleri temel olarak sadece bloklardan yapılmış şablonlardır. Belirli bir düzende düzenlenen bir blok veya birkaç blok içerebilirler. Blokun kendisine ek olarak, blok deseni de blok için ayarlar da içerecektir (düğmeyi belirli bir renge dönüştürmek gibi).
Tam sayfa şablonları için bir blok deseni bulabilirsiniz. Veya daha yaygın olarak, sayfada kullanmak isteyebileceğiniz belirli parçalar için bir blok deseni bulacaksınız. Daha sonra tasarımınızı oluşturmak için LEGO gibi bazı blok desenleri toplayabilirsiniz. Örneğin, görüntünün bir arka planı, bazı başlık metni ve düğmesi olan bir parça yapmak istersiniz. Bunu blok düzenleyiciyi kullanarak manuel olarak ayarlayabilirsiniz. Ancak bir blok deseniyle, mizanpaj ile bitmiş bir tasarım ekleyebilir ve ardından içeriğinize uyacak şekilde ayarlayabilirsiniz. Yukarıda bahsettiğim gibi, WordPress blok modelini kullanmanın ana yararı: Zamanınızı koruyorlar.
Daha karmaşık tasarımlar yapmayı kolaylaştırırlar, çünkü belirli bir tasarım türü oluşturma bilgisine sahip olmayabilir.
Blok vs Blok desenleri, WordPress blok modelinin ne olduğunu bildikten sonra yeniden kullanılabilen blok desenleri, desenin yeniden kullanılabilen WordPress bloğuna çok benzediğini düşünebilirsiniz, bu da blok deseninden önce tanıtılan temel bir özelliktir. Yeniden kullanılabilecek bloklar, içeriğinize kolayca ekleyebileceğiniz bir veya daha fazla blok koleksiyonudur.
Benzerdirler çünkü her ikisi de hızlı bir şekilde önceden hazırlanmış tasarımlara girmenize izin verir, ancak büyük bir farkları vardır:
Blok deseni, tasarımınızın başlangıç noktasıdır. Kullanmak istediğiniz temel tasarımı içe aktarmak için kullanabilirsiniz, ancak istediğiniz zaman ayarlayacaksınız ve blok modelinin her örneği farklı olacaktır.
Yeniden kullanılabilecek bloklar her durumda aynı olacaktır. Yeniden kullanılabilecek bir bloğun her bir örneği her zaman aynı olacaktır ve tek bir yerde yeniden kullanılabilecek blok tasarımını güncellerseniz, değişiklik tekrar kullanılabilecek her bir bloğun her örneğine uygulanacaktır. İşte bir örnek Her birini kullanabildiğinizde:
İlk olarak, içeriğinize bir teklif eklemek için özel bir formatınız olduğunu varsayalım. Yani, her teklif girdiğinizde, her şeyi tutarlı tutmak için aynı blok düzenlemesini kullanmak istersiniz. Her alıntı farklı olacaksa, bunun için bir blok deseni kullanmak isteyeceksiniz. Temel biçimlendirmeyi düzenlemek için bir blok deseni ekleyebilir ve ardından benzersiz bir teklif metni ekleyebilirsiniz. Şimdi, her blog yayınının sonuna eklemek istediğiniz e -posta listenize katılmaları için (CTA) harekete geçme davetiniz olduğunu varsayalım. Bu CTA’nın her durumda tam olarak aynı olmasını istiyorsunuz ve ayrıca gelecekte bunu yapabilmeyi istiyorsunuz.
Kullanım durumları için, yeniden kullanılabilecek bir blok kullanmak istersiniz. Yeniden kullanılabilecek bloklar, CTA’nızın her örneğinin aynı olmasını sağlayacaktır. CTA’yı değiştirmek istiyorsanız, yalnızca bir kez tekrar kullanılabilecek bloğu güncellemeniz gerekir ve değişiklik her örnek için geçerlidir.
WordPress Block Desenleri Nasıl Kullanılır Bir blok eklemek için kullandığınız aynı arabirimden bir blok deseni ekleyebilirsiniz. Başlamak için, bir blok deseni eklemek istediğiniz içerik için düzenleyiciyi açın. Ardından, içeriğin içeriğinin içeriğini açmak için sol üst köşedeki artı simgesini tıklayın. Görünen yan çubukta Desen sekmesine tıklayın. Daha sonra çeşitli desen türlerini filtrelemek için bir açılır menü kullanabilirsiniz. Beğendiğiniz deseni bulduğunuzda, yapmanız gereken tek şey içeriğinize koymak için tıklamaktır:
Blok desenine girdikten sonra, bir tasarım yaparsanız tüm ayrı blokları yaptığınız gibi düzenleyebilirsiniz:
Ve hepsi bu! Başka bir blok deseni eklemek istiyorsanız, aynı işlemi tekrarlayabilirsiniz. Blok deseni, imleci editöre yerleştirdiğiniz yere yerleştirilecektir.
Yeni bir blok deseni bulmanıza yardımcı olmak için yeni bir WordPress blok deseni nasıl bulunur ve kullanılır, WordPress ekibi WordPress’te resmi bir blok desen kütüphanesi oluşturdu. Buraya tıklayarak erişebilirsiniz.
WordPress.org’daki resmi blok desen kütüphanesine ek olarak, ShareAvock ve Gutenberg Hub Şablon Kütüphanesi (resmi kütüphane ile aynı kopya/yapıştır yaklaşımını kullanan) gibi üçüncü taraf dizinini de bulabilirsiniz. Ayrıca bir Orijinal blok desen özelliğini kullanmak yerine kendi özel çözümlerini kullanabilmelerine rağmen, blok desenini ve şablonlarını girmenize izin veren eklenti sayısı.Her iki durumda da, sonuç aynıdır.Gutenberg şablon eklentisinde yazımızdaki en iyi seçeneklerden bazılarını bulabilirsiniz.
Kodu olmadan kendi WordPress blok deseninizi nasıl yapacağınız Şimdiye kadar, WordPress Core Block Düzenleyicisi, biraz hayal kırıklığı yaratan bir kod oluşturacağınızı bilmediğiniz sürece kendi blok deseninizi yapmanıza izin vermez.Neyse ki, WordPress’ten beklediğiniz gibi, onu düzelten bir eklenti var.
Kişisel favorim ücretsiz Justin Tadlock desen oluşturucu desen eklentisi. Temel olarak, bu eklenti bir blok düzenleyici kullanarak kendi tasarımınızı oluşturmanıza ve ardından blok deseni olarak saklamanıza olanak tanır. Böylece deseninizi bir editör kullanarak tasarlayabilir, bir desen olarak saklayabilir, ardından diğer desenler gibi kolayca yerleştirebilirsiniz. Dürüst olmak gerekirse, oldukça garip bu özellik WordPress Core yazılımında değil, ancak bu büyük bir sorun değil çünkü sadece ücretsiz bir eklenti yükleyerek çözebilirsiniz. WordPress.org’dan Serbest Blok Desen Oluşturucu eklentisini başlatmak, yüklemek ve etkinleştirmek için. Yukarıda Justin Tadlock’tan bahsedilen eklentiyi kullanıyorum, ancak Blockmeister’dan biraz daha fazla özellik ile aynı işlevselliği sunan bir aynı adı verilen bir eklenti var. Ardından, normal editörü açın ve tasarruf etmek istediğiniz tasarımı yapın. Bunu bitirdikten sonra, blok deseninize dahil etmek istediğiniz tüm blokları seçin ve üç nokta simgesini tıklayın. Ardından, Blok Desen seçeneğini ekle seçeneğini seçin: Ardından bir ad verebilirsiniz: Ve sadece bu – artık diğer blok desenleri gibi girebilirsiniz. Varsayılan olarak, “Kategorize Değil” bölümünde olacaktır:Editörden çalışmanın yanı sıra, blok desenleri yönetmek ve oluşturmak için WordPress kontrol panelinizde özel bir blok desen sekmesi de alacaksınız.
Bugünün blok deseniyle başlayın
WordPress blok deseni, bir blok düzenleyicisinden daha fazlasını elde etmek için çok kullanışlı bir araçtır, bu nedenle nasıl çalıştığını anlamak önemlidir. #Wordpress #block desenleri hakkında her şeyi öğrenin – nasıl çalışır ve nerede bulunur Tweet için tıklayın Bir blok deseni kullanmak oldukça kolaydır – bir blok gibi girebilirsiniz. Ve girdikten sonra, kendi tasarımınızı yapmanız gibi desenlerde blokları düzenleyebilirsiniz. Size daha fazla esneklik sağlamak için, yeni blok modeline erişmenin birkaç yolu vardır: WordPress.org adresindeki Resmi Blok Desen Kütüphanesini veya üçüncü taraf kütüphane web sitelerinden birini kullanabilirsiniz. Tek yapmanız gereken Kütüphane ve WordPress editörü arasında kopyalamak ve yapışmaktır.
Topladığımız Gutenberg şablon eklentilerinden birini kullanabilirsiniz. Bu eklentinin hepsi orijinal blok desen özelliğini kullanmaz, ancak aynı hedeflere ve işlevlere hizmet eder.
Block Desen Oluşturucu gibi editörleri ve eklentileri kullanarak kendi blok desenlerinizi tasarlayabilirsiniz. Tasarımınızı kaydettikten sonra, gelecekte kolayca kullanabilirsiniz.
Block Editor’da çalışma şeklinizi geliştirmenin diğer birkaç yolunu öğrenmek için, en iyi blok düzenleyicimizden ve blok eklentisinin koleksiyonundan maksimum sonuçların nasıl alınacağına dair kılavuzumuza bakın. WordPress blok desenleri hakkında hala sorularınız var mı? Bize yorumlarda söyleyin ve yardım etmeye çalışacağız.
ÜCRETSİZ KILAVUZU 5 WordPress sitenizi hızlandırmak için önemli ipuçları, basit ipuçlarını takip ederek yükleme sürenizi% 50-80’e kadar azaltın. Ücretsiz Kılavuz İndir
