Twenty Twenty Two Temasında WordPress Blok Kalıpları ve Global Stiller

Yayınlanan: 2022-02-09

Twenty Twenty Two temasının WordPress Blok Kalıpları ve Global Stilleri , WordPress tam site düzenlemesine en şaşırtıcı ektir.

Bazı WordPress kullanıcıları, yeni WordPress temasının tamamen Gutenberg Kalıp Blokları koleksiyonuyla ilgili olduğunu söylüyor. Ancak, Yirmi Yirmi İki bununla sınırlı değildir. Tam site düzenleme yeteneklerine ve çok daha fazlasına sahiptir. Bu nedenle, yeni Temanın çeşitli konuları hakkında sürekli olarak blog gönderileri yayınlıyoruz.

Şimdiye kadar Twenty Twenty Two Theme'nin site simgeleri, menü özelleştirmesi, kenar çubuğu ve özel ana sayfası veya ön sayfası hakkında yayınlar yaptık.

Size yeni gelecek vaat eden WordPress temasına tam bir genel bakış sunmak için daha fazla öne çıkan blog yazısı geliyor.

İçindekiler gizle
Yirmi Yirmi İki Temanın 1 WordPress Blok Modeli
2 WordPress Blok Kalıpları nasıl kullanılır
2.1 Desen Kitaplığı
2.2 Kalıp Dizini
3 WordPress Blok Kalıpları Nasıl Özelleştirilir
Yirmi Yirmi İki Temasında Blok Kalıpların 4 Faydası
Yirmi Yirmi İki Temada 5 Küresel Stil
5.1 Tipografi
5.2 Renkler
5.3 Düzen
5.4 Bloklar
6 Sonuç

Yirmi Yirmi İki Temanın WordPress Blok Kalıpları

Şimdi, WordPress Blok Kalıplarının ayrıntılı bir açıklamasına geçmeden önce herkesin aklına gelen ilk soruyu cevaplamak istiyorum. Soru şu: WordPress Blok Kalıpları Nelerdir?

WordPress Blok Kalıpları veya Gutenberg Blok Kalıpları, çoklu Gutenberg Bloklarının kombinasyonu ile yapılmış hazır bölümlerdir. Böylece WordPress kullanıcıları, bir bölüm oluşturmak için birden fazla blok eklemek yerine önceden hazırlanmış kalıpları kullanarak zaman kazanabilirler.

WordPress Kalıplarının önceden hazırlanmış tasarımları sınırlıdır, ancak bu sınırlama Kalıp dizini kullanılarak kaldırılabilir.

WordPress Blok Kalıpları nasıl kullanılır?

Gutenberg Blok Modellerini kullanmanın iki yolu vardır. Twenty Twenty Two temasının kalıp kitaplığını kullanabilir veya WordPress Kalıp Dizininden herhangi bir kalıbı doğrudan kopyalayabilirsiniz.

Desen Kitaplığı

Pattern Library
Desen Kitaplığı

Gutenberg Blok Kalıbının ilk kaynağı Kalıp Kitaplığıdır. WordPress Kalıp kitaplığından herhangi bir hazır kalıbı nasıl ekleyebileceğinizi göstereyim.

Her şeyden önce, yeni bir sayfa ekleyin veya kalıpları kullanmak istediğiniz bir sayfayı düzenlemeye başlayın.

  • Artı Simgesine tıklayın.
  • Desenler Sekmesine tıklayın.
  • Deseninize tıklayın.
Adding Block Pattern
Blok Modeli Ekleme

İstenilen desene tıkladıktan sonra sayfaya eklenecektir.

Desen Dizini

Pattern Directory
Desen Dizini

Bir WordPress kullanıcısı olarak, Varsayılan WordPress kalıp kitaplığını kullanmakla sınırlı olmadığınızı biliyor olabilirsiniz. Gutenberg kalıplarını ekleyebileceğiniz başka bir kaynak var. WordPress.org sitesinde bulunan bir WordPress Model dizini vardır. Ve sitenize herhangi bir desen eklemek, bir parça kek ısırmak gibidir.

  • Desen dizinine gidin.
  • Arzu desenini seçin.
  • Kopyala'ya tıklayın.
  • Düzenlemekte olduğunuz sayfaya yapıştırın.
Copy from Pattern Directory
Kalıp Dizininden Kopyala

WordPress Blok Kalıpları Nasıl Özelleştirilir

Blok kalıpları eklemek hikayenin sonu değil. Ayrıca ihtiyaçlarımıza göre özelleştirmemiz gerekiyor. Tüm blok desenleri, blok tema kitaplığından veya dizinden olursa olsun, bir tür özelleştirme seçeneği sunar. Şimdi kalıplarla ne tür özelleştirmelerin mevcut olduğunu görelim.

Resmi Değiştir: Blok desenlerinin çoğu varsayılan bir resimle gelir. Bu nedenle, görüntüye herhangi bir desen eklerseniz, onu site kitaplığınızdaki herhangi bir başka görüntüyle kolayca değiştirebilirsiniz. Varsayılan resimle değiştirmek için herhangi bir resmi de yükleyebilirsiniz.

Replace Image
Resmi Değiştir

Özel Metin Ekle: Kalıplarla birlikte gelen metin boş metindir. Bu nedenle, sahte metin yerine özel metin eklememiz gerekiyor.

Add Custom Text
Özel Metin Ekle

Düğmeyi Özelleştir: Düğme metni içeren bir blok ekliyorsanız, düğmeye bir bağlantı eklemeniz gerekir. Aksi takdirde, düğme herhangi bir eylemi tetiklemeyecektir. Düğme stilini, boyutunu ve renklerini de değiştirebilirsiniz.

Customize Button
Düğmeyi Özelleştir

Yirmi Yirmi İki Temasında Blok Kalıpların Faydaları

Artık blok kalıplarını neden ve nasıl kullanacağınızı bildiğinize göre, faydaları belirtmenin zamanı geldi.

Zamandan Tasarruf : Kalıpların ana faydası, zamanımızı koruyabilmeleridir. Daha önce de belirttiğim gibi, Modeller birden fazla Gutenberg Bloğunun birleşimidir. Bu nedenle, bir sayfaya desen eklerken aslında aynı anda birden çok blok ekliyoruz. Bu sayede birden fazla blok eklemek yerine kalıpları kullanarak zamandan tasarruf ediyoruz.

Özelleştirmesi Kolay : Diğer bir faydası da, tüm Gutenberg Blok Kalıplarının esnek ve özelleştirilebilir olmasıdır. Ayarlar, Gutenberg düzenleyicisinin varsayılan bloklarına benzer. Böylece onları özelleştirirken kendimizi rahat hissediyoruz.

Yirmi Yirmi İki Temada Küresel Stiller

Twenty Twenty Two temasının Global Styles ayarları, temayı üç ana ayarla özelleştirmemize izin veriyor. Sitemizin Tipografisini, Renklerini ve Düzenini özelleştirebiliriz. Global ayarlara bir göz atalım:

tipografi

Tipografi ayarları, sitemizdeki metinlerin ve bağlantıların yazı tiplerini özelleştirmemize olanak tanır. Ancak, bu ayar seçeneklerinde çok fazla kontrol yoktur. Yazı tipi ailesi, boyut, satır yüksekliği ve Görünüm olmak üzere dört seçenekle oynayabilirsiniz.

Typography
tipografi

Renkler

Genel stil ayarının renk bölümü, Arka Plan, Metin ve bağlantıların renklerini değiştirmemizi sağlar. Varsayılan renk topakları arasından seçim yapabilir veya herhangi bir özel renk seçebilirsiniz. Ancak, varsayılan renk paletini de değiştirebilirsiniz.

Global Colors
Küresel Renkler

Düzen

Düzen ayarı, sitenize dolgu eklemeyi önerir. WordPress sitenizin Üst, Sağ, Alt ve sol taraflarına özel dolgu ekleyebilirsiniz.

Global Layout
Küresel Düzen

bloklar

Global Styles'ın bir başka ilginç gerçeği de bireysel bloklar için özel renkler de kullanabilmemizdir. Bunun için, özel renkler ayarlamak istediğimiz belirli blokları seçmek için Bloklar bölümüne gitmemiz gerekiyor. Bir blok seçtikten sonra, seçilen bloğun Arka Planı, Metni ve Bağlantıları için özel renkler belirledik.

Individuals Blocks Color
Bireyler Blok Rengi

Çözüm

Hepsi WordPress Blok Kalıpları ve Global Stiller ile ilgili. Bir açılış sayfası oluşturmak için Gutenberg Block Parrerns'den en iyi şekilde yararlanın. Gutenberg blok kalıplarını kullanırken herhangi bir zorlukla karşılaşırsanız, aşağıya yorum yapmaktan çekinmeyin.