WordPress'te görüntü arka planı nasıl ayarlanır?

WordPress'te görüntü arka planı nasıl ayarlanır?
Diğer öğelerle birlikte Ana Sayfa için WordPress Arka Plan Resmi.

WordPress'te arka plan resimleri eklemenin daha fazla yolu vardır. Tema kodu değiştirme ile temelden en gelişmişe. Ancak, kodlama ve tasarım bilgisi olmayan web sitesi yöneticileri için ideal, kullanıcı dostu bir aracı tanıtmaktan mutluluk duyuyoruz. Citadela Pro eklentisi web sitesi özelleştirmesi için birçok özellik ve ayar ile birlikte gelir.

Citadela Pro eklentisindeki güçlü blokları, ayarları ve özellikleri ücretsiz deneyin. Tüm premium özelliklerle birlikte 7 Günlük Deneme sunuyoruz. WordPress sayfalarına, gönderilerine ve özel gönderi türlerine arka plan resimleri eklemenizi sağlayan mükemmel aracı keşfedebilirsiniz.

Küme, WordPress'te bir arka plan resmi eklemenizi sağlayan bir Gutenberg bloğudur. Çok işlevli öğe, WordPress arka planını varsayılandan değiştirmenize olanak tanır. Sadece bir arka plan resmi ekleyemezsiniz ve onu diğer bloklarla birleştirebilirsiniz. Birçok varyasyon ve çok yönlülük elde edersiniz.

ile kombine Sayfa Başlığı bloğu, kolaylıkla muhteşem görünümlü bir web sitesine sahip olursunuz. WordPress'te daha fazla Gutenberg bloğu ekleyebilir ve arka plan görüntüsünü özelleştirebilirsiniz. Ayrıca, yeniden kullanılabilir bloklar gibi bir dizi bloğu kaydedebilir ve web sitenizin herhangi bir yerine bir tema ekleyebilirsiniz. Böylece WordPress web sitesinin arka planını tek seferde değiştirebilirsiniz.

Gutenberg bloğunu kullanarak WordPress'te arka plan resmi nasıl eklenir

Şimdi başla

Şimdi risksiz bir deneme sürümüyle başlayın. Kredi kartına gerek yok.

Küme bloğu aracılığıyla WordPress Arka Plan Görüntüsü

Size arka plan görüntüsü için WordPress Gutenberg bloğu için yaptığımız kullanışlı bloğu tanıtıyoruz - Küme bloğu. Kendi blok grubumuzun bir parçasıdır. Citadela Pro eklentisi, güzel bir web sitesi oluşturmanıza yardımcı olacak birçok özelliğe sahiptir. Tüm AitThemes özel blokları şurada mevcuttur: Citadela Pro eklentisi.

Lütfen oku Küme Bloğu belgeleri detay ayarları için

Küme bloğu, birden çok bloğu tek bir blokta gruplandırmanıza olanak tanır. Tek 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 alana sahip olduğunuz anlamına gelir.

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

  • 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, Cluster 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 göre yapılandırılabilir.

Bu yazıda size şunları göstereceğiz:

Küme bloğu nasıl eklenir

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

Küme bloğu hem yazılara hem de sayfalara eklenebilir. Üst çubukta veya editör masaüstünde herhangi bir yerde "+" işaretini tıklamanız yeterlidir. Bundan sonra sadece Küme bloğunu arayın.

“+” işaretini tıklayarak WordPress editörüne Küme bloğu ekleyin
“+”ya tıklayarak Küme bloğu ekleme

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

Eğik çizgi "/" ile Küme bloğu ekle
Eğik çizgi “/” kullanarak Küme bloğu ekleme

Küme kullanarak blokları gruplama

Küme bloğunun ana özelliği, birden çok 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 bir yer tutucu görürsünüz "Buraya daha fazla blok ekleyin". Üzerine tıklarsanız, mevcut tüm blokların bir listesini alırsınız. Listenin üst kısmındaki arama çubuğunu kullanarak da istenen bloğu arayabilirsiniz.

Yuvalanmış blokları seçme süreci
Yuvalanmış blokları seçme ve ekleme süreci

Tüm iç içe bloklar, mevcut tüm varsayılan seçeneklere ve ayarlara sahip olacaktır. Örneğin, Görüntü bloğu eklerseniz, görüntü 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 dikkat çekici bir bölüm oluşturabilirsiniz. Portföyünüzden resimler ekleyin ve ardından altındaki arka plan resmini ayarlayın. Portföyünüze güzel bir bağlantı oluşturdunuz.

Küme bloğunda iç içe görüntü bloğu
Cluster bloğu yardımıyla oluşturulan portföy web sitesi

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

Küme bloğunda iç içe hizmet bloğu
Ürününüzü (ve özelliklerini) daha çekici bir şekilde sunmak için Küme bloğunda Servis bloğunu kullanın

Tek bir blokta birden fazla blok

Kümeye birden çok iç içe blok eklemek istiyorsanız, Sütunlar bloğunu kullanabilirsiniz. Sütun bloğunu kullanarak birkaç bloğu yan yana 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 bir web sitesidir.

Küme bloğunda iç içe sütun bloğu
Küme bloğu, Tek sayfa web sitesinde nasıl kullanılabilir?

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

Varsayılan olarak, Küme bloğu genişliği içerik boyutuna ayarlanmıştır. Bu davranışı araç çubuğundan 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ğer yanına doğrudur.

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

Citadela WordPress Tema ve Eklentilerini İndirin

Şimdi risksiz bir deneme sürümüyle başlayın. Kredi kartına gerek yok.

Başlık ve Ayırıcı Renk Ayarları

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

WP 5.3'ten beri, başlığınızın rengini Başlık bloğu aracılığıyla 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.

Yeni sürüme kadar başlık rengini değiştirmek mümkün değildi, bu da karanlık bir zeminde görünürlüğünde sorunlara neden oldu. Bu nedenle, başlığın eklediğiniz WordPress arka plan resmi veya fotoğrafıyla karıştığı sık sık oldu. 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 eklediğinizde, bazen onu web sitesinin geri kalanından ayırmanız gerekebilir. Bu amaçla Separator adlı özel bloğu kullanabilirsiniz. Ayırıcı ekleyerek şunları yapabilirsiniz:

  • Belirli blokları ayırın
  • Tüm metni daha küçük bölümlere ayırın
  • Önemli kısımları 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ü, gruplandırılmış blokların altına arka plan resmi ekleyebilmeniz ve arka plan rengini ayarlayabilmenizdir. Her şey WordPress denetçisinde kolayca yapılandırılabilir. Nasıl yapılacağına bir göz atalım.

  1. Arka plan resmine tıklayın ve “Arka plan resmini göster” işlevini etkinleştirin.
  2. "Görüntü seç"e tıklayın. Medya Kitaplığı açılacaktır. Mevcut görseli seçebilir veya kitaplığınıza yeni görsel yükleyebilirsiniz.
  3. Arka plan görüntüsü de sabit olarak ayarlanabilir. Bu, sayfayı kaydırırsanız arka planın içerikle birlikte hareket etmeyeceği ve konumunun sabitleneceği anlamına gelir.
  4. "Odak Noktası Seçici"yi kullanarak arka plan görüntüsünün hangi bölümünün gösterilmesi gerektiğini de seçebilirsiniz. Yüzde kullanarak görüntünün bir bölümünü seçmek de mümkündür.
Gruplandırılmış blokların altına arka plan resmi nasıl eklenir
Arka plan resmi eklemeye ilişkin adım adım kılavuz

Şimdi başla

Şimdi risksiz bir deneme sürümüyle başlayın. Kredi kartına gerek yok.

Arka plan yerleşimi

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

WordPress Arka Plan Resmi Yerleşimi
Göz alıcı bir tasarım oluşturmak için arka plan kaplamasını ayarlayın ve opaklığını değiştirin

Çekirdekte yeni Grup bloğu mevcut

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

Özel yapım Küme bloğumuz, Grup bloğundan daha önce yayınlandı ve daha karmaşık bir çözüm sunuyor. Birden çok bloğu gruplandırmak 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 çevresinde olacak temel arka plan rengini seçebilirsiniz, üzerinde değil.

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

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

4'nin “How to set image background in WordPress” üzerine düşünceleri

  1. tüm web yöneticilerine yardımcı olan hava teması sayesinde
    webin çok iyi

  2. Küme bloklarını kullanarak bir ziyaretçinin web sitenize bir dizi resim arasından bir arka plan resmi ve bir kaplama resmi seçmesine izin vermek mümkün müdür?

    1. Merhaba John,

      Citadela ürünleriyle ilgilendiğiniz için teşekkür ederiz. Evet, arka planı ayarlamak için farklı seçenekler arasından seçim yapabilirsiniz. Ayrıntılı bilgi şu adreste bulunabilir: https://www.ait-themes.club/citadela-doc/cluster-block/

      Saygılarımla!
      Zlatko
      AİT ekibi

Yoruma kapalı.