WordPress için küme bloğu: Birden çok bloğun altına arka plan resmi ekleyin

Size WordPress Gutenberg editörü – Küme bloğu için yaptığımız kullanışlı bloğu tanıtıyoruz. Özel blok grubumuzun bir parçasıdır. Güzel web sitesi oluşturmanıza yardımcı olurlar. Tüm AitThemes özel blokları Citadela Blocks eklentisinde mevcuttur.

Ayrıntılı ayarlar için lütfen Küme Bloğu belgelerini okuyun.

Küme bloğu, birden fazla bloğu tek bir blokta gruplamanıza olanak tanır. Bir blok olduğu için tüm kümelenmiş grupla etkili bir şekilde çalışabilirsiniz. Küme genişliği tam sayfa genişliğine ayarlanabilir, bu da çeşitli bloklar eklemek için ekstra geniş bir alanınız olduğu anlamına gelir.

Aşağıdaki durumlarda küme tam genişliğe kadar uzamaz:

• Etkin bir kenar çubuğunuz var
• Küme için alanı sınırlayacak sütunlar kullanıyorsanız

Temel WordPress bloklarından bazıları yalnızca içerik genişliğine göre hizalanabildiğinden, Küme bloğu web sitenizi oluştururken daha fazla değişkenlik sunar. Harika bir özellik de, WordPress'e bir arka plan görüntüsü ayarlayabilmeniz, rengini değiştirebilmeniz veya arka plan görüntüsü yerleşimini ayarlayabilmenizdir. Arka plan bu nedenle web sitesi tasarımına yapılandırılabilir.

Bu yazıda size göstereceğiz:

• WordPress düzenleyicisine Küme bloğu nasıl eklenir
• Küme içinde gruplama
• Araç çubuğundaki temel ayarlar
• WP 5.3'te eklenen yeni işlevler
• Gruplandırılmış blokların altına arka plan resmi nasıl eklenir
• Arka plan yerleşimi nedir
• Grup bloğu ve Ait Cluster bloğu arasındaki fark nedir?

Küme bloğu nasıl eklenir

Küme bloğu, premium bir bloktur ve yalnızca Citadela Blocks eklentisini yükleyip etkinleştirirseniz kullanılabilir. Eklentiyi kurduktan sonra, Küme bloğu otomatik olarak WordPress blok düzenleyicisine eklenecektir ve hemen onunla çalışmaya başlayabilirsiniz.

Küme bloğu hem yazılara hem de sayfalara eklenebilir. Üst çubukta veya düzenleyici masaüstünde herhangi bir yerde “+” işaretine tıklamanız yeterlidir. Bundan sonra sadece Küme bloğunu arayın.

Küme bloğu eklemek için ikinci seçenek, bundan sonra “/” ve blok adını yazmaktır. Küme bloğu daha sonra kullanıma hazırdır.

Küme kullanarak blokları gruplama

Küme bloğunun ana özelliği, birden fazla bloğu tek bir blokta gruplamaktır. Nasıl çalıştığına bir göz atalım. Sayfanıza Küme bloğu eklerseniz, hemen “Buraya daha fazla blok ekle” yer tutucusunu görürsünüz. Üzerine tıklarsanız, mevcut tüm blokların bir listesini alırsınız. Ayrıca, listenin üst kısmındaki arama çubuğunu kullanarak istenen bloğu arayabilirsiniz.

Tüm iç içe bloklar, tüm varsayılan seçeneklere ve kullanılabilir ayarlara sahip olacaktır. Örneğin, Resim bloğu eklerseniz, resim yükleme veya Medya Kitaplığından seçme seçeneğiniz olur.

Küme bloğunu kullanarak, örneğin son çalışmalarınızı sunmak için web sitenizde göz alıcı bir bölüm oluşturabilirsiniz. Portföyünüzden görseller ekleyin ve bundan sonra altına arka plan resmini ayarlayın. Portföyünüz için güzel bir bağlantı oluşturdunuz.

Küme bloğu, çekici ürün sunumu oluşturmak için de kullanılabilir. Ürün resmini bölüm arka planı olarak ayarlayabilir ve rengini seçebilirsiniz. Hizmet bloğu, Küme bloğunun içine de yerleştirilebilir.

Tek bir blokta birden fazla blok

Küme'ye birden çok iç içe blok eklemek istiyorsanız, Sütun bloğunu kullanabilirsiniz. Sütun bloğunu kullanarak yan yana birkaç blok ekleyebilirsiniz. Her sütun, resim, paragraf, listeler veya düğme gibi farklı içerik türlerine sahip olabilir.

Küme bloğu ile birlikte birden çok sütunun tipik örneği, tek sayfalık web sitesidir.

Araç çubuğundaki temel ayarlar: İçerik hizalama seçenekleri

Varsayılan olarak, Küme blok genişliği içerik boyutuna ayarlanmıştır. Bu davranışı araç çubuğunda değiştirebilirsiniz. Aşağıdaki seçenekler mevcuttur:

• İçerik boyutu – varsayılan seçenek, Küme bloğu içerikle aynı genişliğe sahiptir.
• Geniş boyut – Küme içindeki içerik, içerik genişliğinden daha geniştir.
• Tam genişlik boyutu – bu durumda Küme genişliği, tarayıcı penceresinin bir yanından diğerinedir.

Bu ayarın yalnızca şu anda etkin olan temanız destekliyorsa Küme içeriğini etkileyeceğini unutmamak önemlidir. Tüm iç içe bloklar, seçeneklerinin kullanılabilirliğine göre yapılandırılabilir.

WP 5.3'te eklenen yeni işlevler

Başlık rengi değişikliği

WP 5.3 ile Başlık bloğu aracılığıyla başlığınızın rengini değiştirebilirsiniz. Bu çok kullanışlı bir özelliktir – özellikle koyu bir düzeniniz ve renk düzeniniz varsa, varsayılan metin rengini (siyah olan) daha açık bir renge değiştirmek daha iyidir.

Karanlık bir tabanda görünürlüğü ile ilgili sorunlara neden olan yeni sürüme kadar başlık rengini değiştirmek mümkün değildi. Bu nedenle, başlığın WordPress arka plan görüntüsü veya eklediğiniz fotoğrafla karıştırılması sık sık meydana geldi. Artık sitenizin parlamasını sağlamak için doğru başlık rengini seçebilirsiniz.

Web sitenizde kullanılan Ayırıcı için yeni renk

WP'nize bir arka plan resmi veya başka bir içerik türü eklediğinizde, bazen onu web sitesinin geri kalanından ayırmanız gerekebilir. Bu amaçla Ayırıcı adlı özel bloğu kullanabilirsiniz. Ayırıcı ekleyerek şunları yapabilirsiniz:

• Ayrı özel bloklar
• Tüm metni daha küçük bölümlere ayırın
• Önemli parçaları vurgulayın
• İçeriğin daha iyi okunabilirliğini sağlayın
• Web sitenizde gezinmeyi basitleştirin

Ek olarak, artık güncellenmiş WordPress ile Ayırıcı çizgi rengini değiştirebilirsiniz. Renkli Ayırıcı, web sitenizin renk düzenini tamamlamak için mükemmeldir.

Gruplandırılmış blokların altına arka plan resmi nasıl eklenir

Küme bloğunun gerçek gücü, arka plan görüntüsü ekleyebilmeniz ve gruplanmış blokların altına arka plan rengini ayarlayabilmenizdir. Her şey WordPress denetçisi içinde kolayca yapılandırılabilir. Nasıl yapılacağına bir göz atalım.

1. Arka plan görüntüsüne tıklayın ve “Arka plan görüntüsünü göster” işlevini etkinleştirin.
2. “Resim seç”e tıklayın. Medya Kitaplığı açılacaktır. Mevcut görseli seçebilir veya yeni görseli kitaplığınıza yükleyebilirsiniz.
3. Arka plan görüntüsü de sabit olarak ayarlanabilir. Yani sayfayı kaydırırsanız arka plan içerikle birlikte hareket etmeyecek ve konumu sabitlenecektir.
4. Ayrıca “Odak Noktası Seçici”yi kullanarak arka plan görüntüsünün hangi bölümünün gösterileceğini de seçebilirsiniz. Yüzde kullanarak görüntünün bir bölümünü seçmek de mümkündür.

Arka plan yerleşimi

Küme'deki gelişmiş seçeneklerden biri Arka Plan görüntüsü yerleşimidir. Varsayılan renklerden birini seçebilir veya renk seçiciyi kullanarak özel renk seçebilirsiniz. Renk opaklığını ayarlamak da mümkündür. Bu Küme engelleme ayarları, gerçekten çekici web sitesi sunumu oluşturmanıza yardımcı olur.

Çekirdekte yeni Grup bloğu mevcut

Grup bloğu ve AitThemes Küme bloğu arasındaki fark nedir?

Özel yapım Küme bloğumuz, Grup bloğundan daha önce piyasaya sürüldü ve daha karmaşık bir çözüm sunuyor. Birden çok bloğu gruplamak için Grup bloğunu kullanabilirsiniz, ancak yine de sınırlı işlevleri vardır. Örneğin, blokta renk kaplaması ayarlayamazsınız – yalnızca görüntünün etrafında olacak temel arka plan rengini seçebilirsiniz, üzerinde değil.

Arka plan resmi düzenleme, Küme bloğumuzda çocuk oyuncağıdır.

WordPress arka plan resminize yükleyebilir, bunun için arka plan rengini ayarlayabilir ve ayrıca arka plan rengi kaplamasını ayarlayabilirsiniz (ve kaplama opaklığını da özelleştirebilirsiniz!). Sadece birkaç dakika sürer.