WordPress Kalıp Dizini Hakkında Bilmeniz Gerekenler

Geçen yılın sonunda, WordPress kalıplarının ne olduğu, ne için oldukları ve bunların WordPress blok düzenleyicide nasıl oluşturulacağı ve kullanılacağı hakkında kapsamlı bir kılavuz yazdım. Yarım yıldan biraz fazla bir süre içinde, tüm WordPress topluluğunun arkasındaki çalışma sayesinde, blok kalıplarının geliştirilmesinde büyük ilerlemeler kaydedildi. WordPress 5.8 sürümünün yayınlanmasından sonra kullanılabilirliğinin ve kullanımının nasıl hızla arttığını görüyoruz. Bu nedenle, gelecekte sayfalarımızı ve temalarımızı nasıl yeniden tasarladığımızı etkileyeceğinden, WordPress Kalıp Dizini'nde güncel olmanın ilginç olduğunu düşünüyorum.

Daha önce yorumladığımız gibi, bir blok kalıbı , sayfalar ve gönderiler oluştururken kullanabileceğiniz bir grup bloktan oluşan önceden tanımlanmış bölümler veya parçalar kümesidir. Bu tasarımlar, iki düğmeyi gösteren bir bölüm veya gösterişli ve karmaşık tasarımlara sahip bir fiyat bölümü kadar basit bir şey olabilir.

Blok desenleri ekleyin ve düzenleyin

Blok düzenleyiciden bir blok deseni eklemek, herhangi bir blok eklemek kadar kolaydır. Editörün sol üst köşesindeki + simgesine tıkladıktan sonra, bloklar, desenler veya diğer yeniden kullanılabilir öğeleri ekleyebileceğiniz bir açılır iletişim kutusu görünür.

Kalıplar sekmesinde , aranacak kalıpları kategoriye göre seçebileceğiniz bir açılır menü bulacaksınız. Bulacağınız kalıplardan bazıları varsayılan olarak WordPress ile gelir, diğerleri yüklediğiniz temaya özeldir ve bazıları eklentilerinizden gelir. Aslında, yepyeni bir dizi güzel desen ekleyecek birçok eklenti var!

Herhangi bir kalıbı seçtiğinizde, onu oluşturan bloklar otomatik olarak gönderinize veya sayfanıza eklenir. Şimdi tek yapmanız gereken, istediğiniz içeriği içerecek şekilde ince ayar yapmak.

WordPress Kalıp Dizininden Kopyala ve Yapıştır

Nisan 2021'in sonlarında WordPress, WordPress.org'da Kalıp Dizini'ni yayınladı. Bu gönderiyi yazarken (23 Ağustos 2021), WordPress.org'da doğrudan bu sayfaya gitmek için bir menü öğesi yoktu. En azından İngilizce yok, çünkü İspanyolca bir tane var.

İlk bakışta bu dizin, tema veya eklenti dizini ile aynı gibi görünse de, herhangi bir yazıya veya sayfaya çok kolay bir şekilde herhangi bir kalıp ekleme işlevine sahiptir.

WordPress.org Kalıp Dizininde blok kalıpları aramak, WordPress panonuzda bulunanlara çok benzer. Anahtar kelimeye göre arama yapabilir veya aramanızı daraltmak için bir dizi kategoriye de sahip olabilirsiniz. Ek olarak, WordPress.org'da oturum açtıysanız, herhangi bir desene yer işareti koyabilirsiniz.

Desene çift tıkladığınızda ayrıntılı olarak gösterir ve her birinde nasıl göründüğünü görmek için farklı ekran boyutları arasından seçim yapabilirsiniz.

Yukarıdaki resimde görebileceğiniz gibi, deseni kopyalayabileceğiniz bir düğmeniz var ve herhangi bir sayfaya veya gönderiye yapıştırdıktan sonra, zaten tüm blok setine sahipsiniz, böylece bunları uyarlamak için gerekli değişiklikleri yapabilirsiniz. web siteniz istediğiniz gibi:

Fotoğrafları, metinleri ve bağlantıları değiştirerek, bir sayfada ihtiyacınız olan şeye mükemmel şekilde uyan bir blok bölümünü hızla oluşturursunuz.

Kolay değil mi?

WordPress Kalıp Dizinine Kalıp Ekleme

WordPress Kalıp Dizini'ne kalıp oluşturmak ve göndermek için son ortamın nasıl olması gerektiği konusunda hala çalışmalar yapılıyor olsa da, dizinde yayınlanacak kendi kalıplarınızı yüklemeniz için çağrı artık açık. Basit bir örnekle nasıl yaptığımızı görelim.

İlk önce kendi deseninizi oluşturmalısınız. Ana sayfamızda bulunandan aşağıda oluşturduğum referans modelinde olduğu gibi, doğrudan blok düzenleyicide oluşturabilirsiniz. Görsel eklerseniz, ticari kullanım için ücretsiz bir lisansa sahip olmaları gerektiğini unutmayın.

O zaman bir sahip olmanız gerekir Github hesabı oluşturun ve aşağıdakileri eklemeniz gereken önceden tanımlanmış bir formu doldurun:

• desen açıklaması,
• başlık,
• dizinde mevcut olanların bir kategorisi,
• desenin ekran görüntüsü,
• eklediğiniz resim kredileri ve
• Blok İşaretleme. Bunu yapmak için, fareyi deseni oluşturan grupta konumlandırmanız, üç nokta simgeli düğmeyi tıklamanız ve Kopyala'yı tıklamanız yeterlidir (böylece Github'a yapıştırabilirsiniz).

Ve bu kadar. Nasıl olduğunu görmek için Önizleme sekmesine gidebilir ve son olarak Yeni sayı gönder düğmesine tıklayabilirsiniz.

Şimdi, WordPress kalıp dizininde kullanılabilir hale gelmesi için birinin incelemesini beklemeniz gerekiyor.

Dizin Haberleri

Daha önce de belirttiğim gibi, kalıp gönderme süreci hala geliştirme aşamasındadır. GitHub'dan göndermeniz gerekmemesi ve yalnızca WordPress.org'da oturum açmanız için çalışmalar yapılıyor.

Üzerinde çalışılan fikir, https://wordpress.org/patterns/new-pattern/ adresinden (şu anda sayfa boş), WordPress.org'a giriş yaptığınızda aşağıdaki resme benzer bir sayfa göreceksiniz. bir Desen oluştur düğmesine sahip olacaksınız.

Bir kalıp oluşturmak için, blok düzenleyicinin WordPress tarafından barındırılan bir örneğini kullanabileceksiniz. Bu düzenleyici (çoğunlukla) normal blok düzenleyici gibi çalışacaktır, ancak birkaç değişiklikle. İlk değişiklik, düzenleyicinin kalıp oluşturmaya ve göndermeye odaklanan hoş geldiniz açılır penceresinin özel bir sürümüne sahip olmanızdır.

Öte yandan, bir kalıbın düzenleme kenar çubuğu, başlık, açıklama ve kategoriler gibi bununla ilgili bilgileri de içerecektir.

Son olarak, incelenmek üzere kalıbı gönderme ve dünyanın geri kalanıyla paylaşma seçeneğine sahip olacaksınız.

Özetleme

WordPress blok kalıpları, muhtemelen sayfa ve yazı tasarımı için en çok kullanılan öğeler olacaktır. Bir birim olarak mükemmel bir anlam ifade eden ve o bölümü oluşturan blokların her birini tek tek eklemeniz gerektiğinden çok daha hızlı sayfalar oluşturmanıza olanak tanıyan bölümler eklemek için yeterince kullanışlıdırlar. Ve dizindeki kalıpları aramak, eklentiler ve temalara benzer şekilde standart hale gelecektir.

Şahsen, şimdi dizindeki mevcut kalıplara baktığımda, doğrudan web sitemde kullanacağım kalıpları bulmakta hala zorlanıyorum. Ama bunun birkaç gün içinde değişeceğini biliyorum. Harika tasarımcılar önerilerini eklemeye başladığında, sayfalarımızı çok daha hızlı güncellememizi sağlayacak büyük bir tasarım patlaması parmaklarımızın ucunda olacak.

Unsplash'ta Nick Morrison'ın fotoğrafı.