WordPress Kapak Bloğu Nasıl Kullanılır

WordPress Kapak Bloğu ilginçtir. Arka plana bir resim, video veya düz renk yerleştirmenize ve ön plana içerik blokları eklemenize olanak tanır. Bu, blokları diğer blokların üzerine yerleştirebileceğiniz anlamına gelir. Çoğu bloktan daha fazla seçeneğe sahiptir. Kapak Bloğunun nasıl kullanılacağını bilmek, web sitenizin tasarımını büyük ölçüde geliştirebilir.

Bu yazıda Cover Block'un ne yaptığına bakacağız ve ayarlarını ve seçeneklerini göreceğiz. Ayrıca, nasıl kullanılacağına dair bazı en iyi uygulamaları ve sık sorulan soruları göreceğiz.

Gönderinize veya Sayfanıza Kapak Bloğu Nasıl Eklenir

Kapak Bloğu'nu sayfalarınıza ve gönderilerinize eklemek için içeriğinizin içindeki veya sayfanın sol üst köşesindeki blok simgesini seçin, blok adını girin ve seçin.

Ayrıca /cover yazıp Enter'a basabilir veya bloğu seçebilirsiniz.

Ardından içeriğinizde, resim veya video gibi ortamlar ekleyebileceğiniz veya arka plan için renk kullanabileceğiniz ve metni ön plana yerleştirebileceğiniz bir Kapak Bloğuna sahip olacaksınız. Medya klasörünüzden veya renginizden içerik seçtiğinizde, metin seçeneği ön planda görünür.

Medya kitaplığımdan bir resim ekledim ve resmin üzerine bir resim yazısı ekledim. Başlık bir paragraf bloğudur. Bunu diğer blok türleriyle değiştirebilir, video gömebilir ve daha fazlasını yapabilirsiniz.

Ayrıca enter tuşuna basarak birden fazla blok ekleyebilirsiniz. Bloklarınızdan normal olarak seçin.

Ayrıca arka planınız için önceden seçilmiş renklerden birini seçebilirsiniz.

Renk, resimlerinizin üzerinde bir kaplama olarak kullanılabilir.

Kapak Bloğu Ayarları ve Seçenekleri

Kapak Bloğu, ayarlar ve seçenekler içeren iki alana sahiptir. Birincisi, Kapak Araç Çubuğu. İkincisi, sağ kenar çubuğundaki Kapak Bloğu seçenekleridir.

Kapak Bloğu Araç Çubuğu

Kapak Bloğunda herhangi bir yere tıklamak araç çubuğunu açar.

Kapak Bloğu Türünü veya Stilini Değiştirin

İlk ayar sütun sayısını değiştirir, gruplamanıza izin verir, bir görüntüde değişiklik yapar ve varsayılan veya kenarlıklardan stil seçer. Gezinme bir önizlemeyi ortaya çıkarır. Görüntünün üzerine geliyorum. Görüntü, bindirmede sahip olduğunuz içerik bloklarını siler.

Sürükle veya Taşı

Bloğu istediğiniz yere sürüklemek için sürükleme aracını (6 nokta) tutun. Taşı aracı, bloğu veya içerik içindeki metni yukarı taşımak için okları tıklamanızı sağlar.

hizalama

Hizalama seçenekleri arasında sol, orta, sağ, geniş genişlik ve tam genişlik bulunur. Bloğu, altındaki paragrafla birlikte sola ve sağa sarın.

İşte tam genişlikte görüntü. Bu, başlıklar oluşturmak, bölümleri bölmek vb. için kullanılabilir.

İçerik Konumunu Değiştir

Bu, içerik konumunu seçer. Noktalı bir 3×3 ızgara açar. Bir noktanın seçilmesi, içeriği görüntü içindeki o konuma taşır.

Tam Yüksekliği Aç/Kapat

Bu, görüntüyü yeniden boyutlandırmak yerine tam yüksekliğe ayarlar.

Çift Ton Filtresi Uygula

Önceden belirlediğiniz seçeneklerden bir çift ton seçin. Biri gölgeler için diğeri ise vurgular için geçerlidir.

Ayarlamak için kaydırıcıda bir renk seçin.

Önceden seçilmiş bir renk seçmek için kaydırıcının altında bir renk seçin.

Yer değiştirmek

Bu, kitaplıktan başka bir resim yükleyebilmeniz veya seçebilmeniz için medya seçeneklerini açar.

Seçenekler

Kapak Bloğu seçenekleri şunları içerir:

Diğer Ayarları Gizle – sağ kenar çubuğunu gizler.

Kopyala – Sayfanızın veya yayınınızın herhangi bir yerine yapıştırabilmeniz için Kapak Bloğu'nu kopyalar.

Çoğalt – Kapak Bloğunun bir kopyasını oluşturur ve orijinalin altına yerleştirir.

Öncesine Ekle – Kapak Bloğunun üzerine başka bir blok için boşluk ekler.

Sonraya Ekle – Kapak Bloğunun altına başka bir blok için boşluk ekler.

Move To – mavi bir çizgiyi ok tuşlarıyla yukarı veya aşağı hareket ettirerek bloğu hareket ettirmenizi sağlar. Enter tuşuna basın ve bloğunuz mavi çizginin bulunduğu yere taşınır.

Yeniden Kullanılabilir Bloklara Ekle – bloğu herhangi bir sayfada veya gönderide kullanabilmeniz için yeniden kullanılabilir bloklarınıza ekler.

Grup – bloğu bir gruba ekleyin, böylece onları tek bir birim olarak ayarlayabilirsiniz.

Bloğu Kaldır – bloğu siler.

Kapak Blok İçeriği

İçeriğin seçilmesi, yalnızca içerik için başka bir araç seti açar. Varsayılan, bir Paragraf Bloğu'dur ve hem araç çubuğu hem de kenar çubuğu ayarları için tüm standart seçenekleri içerir. Onu dönüştürebilir veya herhangi bir blok ekleyebilirsiniz. Bu size içerik için birçok seçenek sunar.

Kapak Seç

Bu, içerik araç çubuğunu kapatır ve Kapak Bloğu araç çubuğunu açar.

Kapak Bloğu Yeniden Boyutlandır

Resmin altındaki daireyi sürükleyerek resmi yeniden boyutlandırın.

Kapak Blok Ayarları

Kapak Bloğu ayarları sağ kenar çubuğuna yerleştirilir. Kenar çubuğunu göstermek için bloğa veya dişliye tıklayın. Bloğun içeriğindeki bloğu seçerseniz, kenar çubuğu ayarları görüntülenecektir.

Stiller

Bloğu kenarlıklı veya kenarlıksız görüntüleyin. Sınırı göstermek için varsayılanı da ayarlayabilirsiniz. Seçmeden önce nasıl görüneceğini görebilmeniz için bir önizleme içerir.

aralık

Tüm taraflara veya belirli taraflara boşluk ekleyin. Her bir tarafı tek tek seçin veya hepsini bir kerede ayarlamak için birbirine bağlayın.

Medya Ayarları

Blok içinde görüntülenen görüntünün bölümünü seçin. Alan için çok küçükse arka planı tekrarlamak için sabit bir arka plan (paralaks) seçebilir ve bir daireyi hareket ettirerek veya sol ve üst konumları belirleyerek odak noktasını belirleyebilirsiniz. Medyayı buradan da temizleyebilirsiniz. Videolar için yalnızca Odak Noktası Seçici kullanılabilir.

Bu örnek, Sabit arka planı gösterir. Metin kaydırılırken görüntü yerinde kalır ve bir paralaks etkisi yaratır.

Bu Tekrarlanan Arka Plandır. Küçük resimlerle ilginç desenler oluşturmak için iyidir.

Boyutlar

Alanı girerek yüksekliği piksel cinsinden belirtin. Bu, görüntünün altındaki sürükleme aracıyla aynı şekilde çalışır.

Kaplama

Kapak Bloğu, kaplama için birçok seçeneğe sahiptir. Önceden hazırlanmış bir renk seçin ve opaklığını seçin. Düz renk veya gradyan arasından seçim yapın. Değişiklikleri gerçek zamanlı olarak göreceksiniz. Bir resim yerine bir renk göstermeyi seçtiyseniz, rengi buradan değiştirebilirsiniz. Bu örnekte düz bir renk gösterilmektedir.

Ayrıca özel bir renk seçebilirsiniz. Bu, pencere içindeki rengi kullanabileceğiniz, kaydırıcı ile renk ölçeğini seçebileceğiniz veya hex, RGB veya HSL kodlarını girebileceğiniz bir renk seçiciyi açar.

Degrade seçeneği, görüntülenecek iki rengi seçmenize olanak tanır. Doğrusal veya radyal arasında seçim yapın. Renklerin opaklığını da ayarlayabilirsiniz. Bu örnekte radyal seçtim.

ileri

Gelişmiş iki alan içerir. Birincisi, bir HTML bağlantısı için bir seçenektir. Bu, yalnızca Kapak Bloğu için özel bir web adresi sağlar. İkincisi, ek CSS sınıfları eklemek için bir alandır. Bu, bloğunuzu biçimlendirmek için özel CSS oluşturmanıza olanak tanır. Seçtiğiniz stil de bu alanda görünür.

Kapak Bloğunun Etkili Kullanımı İçin İpuçları ve En İyi Uygulamalar

Görüntüler için, görüntünün görüntülemek istediğiniz bölümünü göstermek için kenar çubuğundaki medya ayarlarını kullanın.

Bölüm başlıkları oluşturmak için tam genişlik seçeneğiyle büyük resimler kullanın.

Ön plan için birden çok sütuna geçin ve harekete geçirici mesajlar oluşturmak için resimler, metinler ve düğmeler ekleyin.

Arka plan resmi veya rengi üzerinde okunması kolay bindirme ve metin renkleri kullanın.

Kenarlık rengini kontrol etmek istiyorsanız bloğu bir gruba dönüştürün.

Kapak Bloğu'nu içeriğinize yerleştirmek veya ayırmak için hizalama seçeneklerini kullanın.

Bazı ilginç görseller oluşturmak ve okuyucunun dikkatini çekmek için içerik konumlandırma ayarlarını yapın.

Paralaks efekti oluşturmak için Sabit Arka Planı kullanın.

İlginç arka plan desenleri oluşturmak için Tekrarlanan Arka Plan ile küçük resimler kullanın.

Kapak Bloğu Hakkında Sıkça Sorulan Sorular

Kapak Bloğu nedir?

Bu, arka plana medya veya renk eklemenize ve diğer blokları ön plana eklemenize izin veren bir bloktur.

Onu diğer bloklardan farklı kılan nedir?

Diğer blokları içerebilir. Ön plana başka bloklar ekleyebilirsiniz. Paralaks, desenler vb. oluşturur.

Diğer bloklara dönüştürülebilir mi?

Evet. Bir görüntü bloğuna dönüştürülebilir. İçerik alanına eklediğiniz diğer blokları siler.

Ne için kullanılabilir?

Harekete geçirici mesaj içeren bir arka plan oluşturmak için Kapak Bloğu'nu kullanabilir, bunu bir bölümün üzerinde bir başlık oluşturmak, posterler, kahraman bölümleri veya arka planda görüntü veya video olmasını istediğiniz herhangi bir şey oluşturmak için kullanabilirsiniz.

Çözüm

Cover Block'a bakışımız bu. Bu blok en ilginç özelliklerden bazılarına sahiptir ve başlıklar, başlıklar, CTA'lar, paralaks arka planları ve daha fazlasını oluşturmak için harika bir seçimdir. Kullanımı kolaydır ve web sitenizi çoğu bloktan daha fazla öne çıkarabilir. İlginç görseller oluşturma yeteneği onu en sevdiğim WordPress bloklarından biri yapıyor.

Senden duymak istiyoruz. Kapak Bloğu kullanıyor musunuz? Yorumlarda deneyiminizi bize bildirin.

fourSage / Shutterstock.com üzerinden Öne Çıkan Görsel