WordPress Block Desenlerini Kullanma Kılavuzu
Bir WordPress kullanıcısıysanız, Gutenberg ve blok kavramına aşina olmalısınız. Bununla birlikte, Gutenberg iki yıldan fazla bir süredir var ve hızlı bir WordPress web sitesi oluşturmanın ana yolu. Ama blok desenine aşina mısınız? Gutenberg yönleri deneyimli WordPress kullanıcıları tarafından genellikle göz ardı edilir veya bilinmemektedir. Bu iyi değil, çünkü özellikle daha küçük web siteleri için blok desenleri kullanmanın birçok faydası var. Bu yazıda, WordPress Gutenberg Blok Deseni hakkında bilmeniz gereken her şeyi tartışacağız. İlk olarak, bir blok deseninin ne olduğu ve nasıl çalıştığı hakkında konuşacağız. Ardından, kendi deseninizi indirme, düzenleme ve yapma konusunda size rehberlik edeceğiz.
Blok desenleri hakkında bilgi edinmeye hazır mısınız?
İçindekiler
WordPress Block Desenleri Hakkında
WordPress desen blok şablonlarını kullanma
Desenleri engelleme kılavuzumuzu tamamlayın
WordPress Blok Desenleri Hakkında Blok Deseni tam olarak nedir? Bu terim oldukça korkutucu görünebilir, ama endişelenmeyin, bu çok kolay. Blok modelinin farklı bölümlerini ve nasıl çalıştığını kontrol ederek bunu göndermeye başlayalım. WordPress blok deseni nedir? Blok deseni daha önce yapılmış, WordPress bloğundan oluşan hazır bir düzen. Saniyeler içinde kolayca karmaşık bir blok düzeni oluşturmanıza ve bir şablon gibi saklamanıza izin verir.
Daha sonra, bu deseni web sitenizdeki herhangi bir yerde, tekrarlayan bir bölümü biraz çaba sarf ederek yeniden oluşturmak için kullanabilirsiniz. Bu büyük bir artış çünkü her seferinde bir blok ekleyerek manuel bir düzen yapmak zorunda!
Desenin “katil özelliği”, desenin diğer WordPress web sitelerinde kullanılmak üzere depolanabilmesi, yeniden kullanılması ve paylaşılabilmesidir. Bu, aynı deseni birkaç sayfada veya yayınlarda herhangi bir yerde yeniden kullanabileceğiniz anlamına gelir. Başlıklar, altbilgi ve kenar çubuğu dahil olmak üzere web sitenizin çeşitli alanlarında kalıplar da kullanabilirsiniz. Blok modelini anlamanıza yardımcı olabilecek bir metafor bir tariftir. Blok deseni temel olarak Gutenberg blok içeriğinden küçük bir tariftir. Tarifler (desenler) indirebilir, kendi yemeğinizi (web sitesi içeriğinizi) yapmak için kullanabilir, daha sonra kullanmak için kaydedebilir ve hatta arkadaşlarınız, aileniz veya meslektaşlarınızla paylaşabilirsiniz. Özünde, sıfırdan başlamak zorunda kalmadan içerik oluşturmayı kolaylaştırırlar. Herhangi bir tarif olmadan yeni yiyecek türleri pişirmeniz gerektiğini hayal edebiliyor musunuz? Bu daha uzun, çok verimsiz ve daha az iştah açıcı olabilir. Blok deseni temelde aynı şey! Aşağıdaki resim blok desenini “bir galeri ile tanıma” veya tarifi göstermektedir.
Neden WordPress blok modelini kullanmak zorundasınız? Bir blok deseni kullanmayı düşünmeniz için dört büyük nedeni var: zamandan tasarruf etmek için Profesyonel tasarımcılar tarafından yapılan önceden hazırlanmış kalıpları kullanmak
Tekrar kullanmak istediğiniz deseni kaydetmek için
Esnektirler, ayarlanabilirler ve temaya bağlı değildir
Birbirimize geçelim. Tek tek öğeleri tekrar tekrar yapmak yerine, yalnızca desenleri kullanabilirsiniz. Bu, web sitenizde birkaç kez deseni veya belirli bir düzeni tekrarlamak istiyorsanız çok yararlıdır. Tasarımcı becerileri ve profesyonel geliştiriciler.
WordPress Block Desen Dizini’nin desenini indirerek, kendi düzeninizi tasarlamanın gerekliliğini karşılayabilirsiniz. Başlıklardan abonelik kutularına kadar her şeyi içeren yüzlerce hazır desen var. Bu öğeleri birleştirerek, tasarımcı olmaya gerek kalmadan güzel bir tasarım oluşturabilirsiniz. Ve kendinizi sık sık yaptığınız belirli içerik stilini kullanın.
Çoğu web sitesi, ana sayfa sayfaları, blog sayfaları, yayınlar ve diğer standart sayfalar dahil olmak üzere az sayıda farklı sayfa tasarımı vardır. Birçok site için, bu tür sayfadaki düzen oldukça düzgün.
Ancak ayarlamalar yapmak istiyorsanız, her bir ayrı sayfa türü için değişiklik yapmalısınız. Bir blok deseni ile, sıklıkla kullandığınız desen bloğu şablonunu saklayabilirsiniz. farklı yerlerde kullanılır. Özellikle, farklı temalarda ve temadaki farklı şablonlarda kullanılabilirler. Bu, farklı temalar için aynı öğeleri tekrar tekrar yapmaktan kaçınmanızı sağlar. WordPress blok deseni nasıl çalışır? Blok deseni nihayet kısa kodu, karmaşık tema seçeneklerini değiştirmek, gömülü kodu kopyalamak ve eklemek için tasarlanmıştır ve şimdi WordPress web sitesini ayarlamak için gereken diğer ağır görevleri. Bir blok desen şablonu kullanarak, daha önce yapılmış içerik seçeneklerini kolayca uygulayabilirsiniz. Blok Desen Vs. Elementor veya Beaver Builder Önceki Elementor veya Beaver Builder gibi bir sayfa üreticisi kullandıysanız, WordPress desenini onlardan veya benzer eklentilerden neyin farklı kılan şeyleri merak ediyor olabilirsiniz. Hepsi geldiklerinde temelde bir sayfa yapımcısıdır. Gutenberg bloklarının bloklarını ve desenlerini sayfa yapımcılarında bir artış olarak düşünebilirsiniz.Sayfa üreticisinin aksine, Gutenberg WordPress geliştiricisinin kendisi tarafından inşa edildi, bu da diğer WordPress kodlarının ve tasarımlarının genel yapısına uyum içinde olduğu anlamına geliyor.Bu, özellikle gelecekte, diğer sayfa üreticilerine kıyasla büyük bir avantaj sağlar.Beaver Builder ve Elementor şüphesiz gelecekte yararlı olacak olsa da, yeni başlıyorsanız ve her şeyi içeren basit bir çözüm istiyorsanız, doğrudan Gutenberg’e gitmeniz gerekebilir.Bu, WordPress için “varsayılan” bir sayfa üreticisi ve gerçekten de WordPress içeriği oluşturmanın varsayılan yolu olmaya devam edecektir.
Gutenberg’in “ilk içerik” olduğunu söylüyor, yani çoğunlukla gönderiye giren başka içerik türleri yazmak ve oluşturmak için tasarlanmıştır. Beaver Builder ve Elementor ise statik içerik sayfaları oluşturmak için daha fazla tasarlanmıştır. Bu gerçeği vurgulayan elementler veya kunduz inşaatçıları için birçok hazır şablon var. Sonunda, iki farklı eklenti ve tasarım arayüzünü nasıl kullanacağınızı öğrenmeyi umursamadığınız sürece, iki Gutenberg ve Page Buder’ı kullanmak kötü bir strateji değildir. Blok Desen Vs. Yeniden Kullanılabilir Gutenberg Bloklar Blok desenleri ile yeniden kullanılabilecek bloklar arasındaki fark nedir? Blok desenini yeniden kullanılabilecek bir blok koleksiyonu olarak düşünebilirsiniz. Sadece bir bloğu depolamak ve yeniden kullanmak yerine, tüm deseni saklayabilir ve istediğiniz zaman tekrar kullanabilirsiniz. Deseninizde istediğiniz kadar blok girebilirsiniz. WordPress desen bloğu şablonunu kullanarak WordPress blok modelinin ne olduğunu bildikten sonra, kullanımı hakkında konuşalım. Temel olarak bir blok deseni almanın üç yolu vardır: Astra başlangıç şablonlarını veya diğer tema tabanlı şablon çözümlerini kullanın Blok Desen Kütüphanesinden Kopyala
Kendin yap Başlangıç Şablonu Astra Paketi Yeni başlayan şablonumuz şimdi birçok konjenital Gutenberg blok deseniyle geliyor. Bu şablon, sitenize hızlı bir şekilde farklı tasarım öğeleri eklemeyi kolaylaştıran çok büyük bir zaman tasarrufudur.
Şablonlar başlatıcısından blok desenini kullanmak için bir sayfa veya yeni bir gönderi oluşturun ve başlıktaki büyük mavi düğme başlatıcı şablonlarını tıklayın.
Ardından, Desen sekmesi düğmesine basın.Şimdi, mevcut tüm şablonların dizini göreceksiniz.Ne kullanmak istediğinizi seçin ve içe aktarın. Son olarak, yeni blok modelinizi göreceksiniz!İyi iş.
Blog yazımızda veya aşağıdaki videomuzda Gutenberg için Başlayan Şablon hakkında daha fazla bilgi edinin.
WordPress Block Desen Kütüphanesi Hazır Yapılan Desen’i indirmek istiyor mu?Problem değil.Şimdi diğer WordPress tasarımcıları, geliştiricileri ve kullanıcıları tarafından yapılan bir blok desen kütüphanesi var.Aşağıdaki videomuza bakın veya daha fazla bilgi edinmek için okumaya devam edin.
Düğmeler, sütunlar, galeriler, başlıklar, resimler ve daha fazlası arasında değişen her şeyi kapsayan yüzlerce desen var.İndirmek için WordPress Block Desen Dizini’ni açın.
Aşağı kaydırın ve kendi sitenizde kullanabileceğiniz desenlerin bir listesini göreceksiniz. Desenleri seçin ve/veya belirli bir şey bulun. Birçok desen türü vardır ve kategorileri düğmelere, sütunlara, galerilere, başlıklara, görüntülere ve metne göre filtreleyebilirsiniz. İstediğiniz deseni bulduktan sonra yanındaki Kopyala düğmesini tıklayın. Kod bilgisayar klips kartınıza kopyalanacaktır. Ardından, WordPress sitenize gidin ve yeni bir sayfa veya yayın oluşturun. İmleci blok düzenleyiciye gidin, ardından farenizi istediğiniz desene taşıyın. Kodu düzenleyiciye yapıştırın. Voila! Şimdi web sitenizde yeni bir blok deseniniz olacak! WordPress Block Şablonu Nasıl Yapılır Kendi WordPress Desen Blok Şablonunuzu Yapma Hakkında Konuşalım. Kütüphaneden hazır olanı indirebilseniz de, kendiniz yapabilmek isteyebilirsiniz. Bu özellikle aynı düzene sahip birçok sayfanız varsa doğrudur. Düzeni her seferinde yeniden yaratmak yerine, bir blok deseni oluşturabilir ve daha sonra içeriğinize ekleyebilirsiniz. Ancak, geliştirici değilseniz bu oldukça karmaşık olabilir. Bir geliştiriciyseniz, kesinlikle Block Desen API’sını ve ilgili belgeleri görmek istersiniz. Neyse ki, blok desenlerinin yapımını çok kolaylaştıran birkaç eklenti var. İki temel seçenek vardır: kodu kullanın ve desen kodu eklentisi eklentisini kopyala/yapıştır/yapıştır Kendi deseninizi yapmanızı veya blok seçimini kendi özel desenlerinize değiştirmenizi sağlayan bir blockmeister blok desen eklentisi kullanın Aşağıdaki yönergelerde, Blockmeister’ın Block Desen Oluşturucuyu kullanacağız, çünkü bu en basit ve en hızlı çözümdür. Daha teknik iseniz, Resmi Blok Desen El Kitabına bakın. İlk olarak, eklentiyi yükleyin. WordPress deposundan veya sitenizdeki eklenti sayfasında arama yaparak alabilirsiniz. Ardından, blok desenini açın> WordPress kenar çubuğunuza yeni desen ekleyin.Şimdi Standart Gutenberg editör sayfasında olacaksınız. İstediğiniz tüm blokları ekleyerek kullanmak istediğiniz deseni oluşturun. Ayrıca hangi model kategorisinin yeni bir desene sahip olacağını da seçebilirsiniz. Varsayılan olarak, bu, web sitenizin adına göre adlandırılmış yeni bir kategoriye (aşağıdaki örneğimizde “Web Sitesi Testi”) belirlenecektir. Tamamlandıktan sonra Publish’e basın.
Şimdi deseninizi Blok Desenleri sayfasına> tüm desenlere kaydedeceksiniz. Sayfaya, gönderiye veya diğer konumlara eklemek istiyorsanız, orada da kaydedilecektir: Çok kolay! WordPress Block Desenini Düzenleme Gönderi / sayfanızda bir WordPress blok deseniniz olduğunda, bazı küçük değişiklikler yapmak isteyebilirsiniz. Sonuçta, siteniz için özel bir tasarıma veya tadına sahip olabilirsiniz ve blok desenini ona uyacak şekilde ayarlamak isteyebilirsiniz. Deseni düzenlemek için, imleci değiştirmek istediğiniz belirli bir bloğa yönlendirin ve üzerine tıklayın. Temel kayıtlı ayarlardan bazılarını göreceksiniz. Panelin sağındaki üç noktayı tıklarsanız, daha fazla ayar görüntüleyebilirsiniz.
Aferin! Her bloğu sayfa veya yayın için özel ihtiyaçlarınıza göre ayarlayabilirsiniz. Blok desenlerine yeniden kullanılabilecek bloklar nasıl değiştirilir, nasıl yeniden kullanılabilecek ve bir desene dönüştürmek isteyebilecek bir bloğunuz varsa? Bu işlemi basitleştirmek için kullanabileceğiniz iyi bir eklenti var. Buna yeniden kullanılabilir bloklar denir ve WordPress deposuna indirilmesi ücretsizdir. Kısaca kullanarak keşfedelim. Eklentiyi indirdikten, yükledikten ve etkinleştirdikten sonra, blokları açın> WordPress kenar çubuğunuzdaki yeniden kullanılabilir blokları yönetin.
Orada, bugün sakladığınız blokların listesini göreceksiniz. Bir desene dönüştürmek için Desen Desen düğmesini tıklayın. Artık modelinizi posta/sayfa yapımcısı olarak kaydedeceksiniz. Bu kadar basit. Gutenberg Block – Gutenberg için ana ekleme
Son olarak, Astra temasının arkasındaki ekip Brain fırtınası Force tarafından geliştirilen bir diğer yararlı eklenti hakkında kısaca tartışalım. Buna Gutenberg için Ultimate Addons denir ve WordPress deposundan ücretsiz olarak indirebilirsiniz. Bu, Gutenberg editörüne ekstra işlevsellik ekleyen küçük bir eklentidir. Bloklarla ilgili olarak, eklenti aşağıdakiler dahil olmak üzere birçok yeni blok türü ekler: Yıldız sıralaması Biçim Sekme Lottie (animasyon) İnceleme Şeması Blokquote
