[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0p0 ! önemli; border-bottom-width: 0px! important; padding-bottom: XNUMXpx! important;} "] [vc_column_text]

Divi: Kullanılacak en kolay WordPress teması

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "boş" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] İNDİR [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor.

[Ad_1]

WordPress sitenize arka plan resmi eklemek kolaydır. Kanun?

Çoğunlukla, evet. Temanız desteklemiyorsa. Gerçek şu ki, günümüzde birçok WordPress teması, mevcut bir arka plan resmini eklemek veya değiştirmek için hızlı ve kolay ayarlara sahiptir. Tıpkı varsayılan WP görünüm özelleştirmeleri gibi.

Ayrıca arka planı CSS kullanarak veya çeşitli eklentiler aracılığıyla sayfalarda, gönderilerde ve kategorilerde arka plan görüntüsü ayarlamak için seçenekleri açarak değiştirebilirsiniz.

Bu yazıda, yukarıdakilerin tümünü nasıl yapacağınızı ve tercih ettiğiniz göz alıcı bir görünümle sitenizin öne çıkmasını sağlayacağız.

Bu bağlantıları kullanarak okumaya devam edin veya ilerleyin:

Arka planı neden değiştirelim? Peki, temanızın varsayılan resmi size çekici gelmeyebilir veya markanızla eşleşiyor gibi görünebilir. Ya da belki bir resim değil, sadece renkler. Ya da belki ilk başta görüntüyü beğendiniz ama artık bıktınız.

Sebep ne olursa olsun, değiştirmeye çalışalım.

Varsayılan WordPress özelleştirmelerini kullanarak bir arka plan resmi ekleyin

WordPress temaları, arka planda renkli bir arka plana veya varsayılan bir fotoğrafa sahip olabilir. Çoğu kişi, bunları kendi zevklerine ve sitenin markasına daha uygun bir resim ve/veya renklerle değiştirmeyi tercih eder.

Varsayılan WordPress düzenleyicisine bir arka plan resmi eklemek için şu adımları uygulamanız gerekir:

  • WP panosundan şuraya gidin: Görünüm> Özelleştir> Arka Plan Resmi ou Görünüm> Arka Plan / Arka Plan Resmi.
  • Tıkla Bir resim seçin medya kitaplığınızı açmak için düğmesine basın.
  • İstediğiniz görüntüyü bilgisayarınızdan indirerek veya medya kitaplığınızdan birini seçerek seçin.
  • Seçmek istediğiniz resme sahip olduğunuzda, maviye tıklayın. Resim seç düğmesine basın.
  • Sol menünün üst penceresinde seçiminizin dolduğunu göreceksiniz. Sağda, arka plan resmiyle birlikte sitenizin ana sayfasının tam boyutlu bir önizlemesini göreceksiniz.

Gördüğünüzü beğendiyseniz, maviye tıklayın yayınlamak sağ üst köşedeki düğmesine basın ve işiniz bitti!

Sonlandırmadan önce görünüşünü değiştirmek isterseniz, favori görünümünüzü bulmak için oynayabileceğiniz bir dizi ayar ve seçenek vardır.

Varsayılan WP arka plan ayarları
Yinele seçeneği, fotoğraflarda değil, tam olarak hizalanacak şekilde tasarlanmış tasarımlarda en iyi şekilde kullanılır.

Arka plan resmi menüsü düzenleme araçları, ilişkili seçenekleriyle birlikte şunlardır:

  • ön hazırlık
    • Varsayılan, Ekranı Doldur, Ekranı Sığdır, Tekrarla, Özel
  • Görüntü konumu
    • Orta, sağ üst, sağ orta, sağ alt, orta alt, sol üst, sol orta, sol alt, orta üst
  • Görüntü boyutu
    • Orijinal, Ekrana sığdır, Ekranı doldur
  • Arka plan resmini tekrarla - onay kutusu
  • Sayfa ile kaydır - onay kutusu

Hangi boyutu, deseni ve konumu tercih ettiğinizi görmek için düzenleme araçlarıyla oynayın. Alt menülerden açılır seçeneklerden birini seçmek, sağ tarafta sayfanızın sonuç önizlemesini verecektir.

Herhangi bir şeye takılıp kalma konusunda endişelenme. İstediğiniz zaman ayarlara geri dönmek ve arka plan resmini (ve ilgili seçenekleri) değiştirmek kolaydır.

Bir eklenti kullanarak bir arka plan resmi ekleyin

WordPress.org'da arka plan resimleri ekleme görevini yerine getiren birkaç eklenti vardır.

Birkaçını saymak gerekirse: gelişmiş WordPress arka planları, tam arka plan yöneticisi ve basit tam ekran arka plan görüntüsü.

İkincisi, grubun favorim, bu yüzden bu eğitim için kullanacağım.

Elementor ile web sitenizi kolayca oluşturun

Elementor oluşturmanıza izin verir Kolay ve Ücretsiz profesyonel bir görünüme sahip herhangi bir web sitesi veya blog tasarımı. Kendiniz yapabileceğiniz bir web sitesi için çok fazla ödeme yapmayı bırakın.

basit tam ekran arka plan resmi eklenti afişi

Basit tam ekran arka plan resmi web sitenizin arka planı olarak tam ekran görüntüsünün kolay kurulumunu ve konfigürasyonunu sağlar. Görüntüleri tarayıcı ile otomatik olarak ölçeklendirir, bu da görüntünün her zaman ekranı doldurduğu anlamına gelir.

Uygulanması yalnızca birkaç basit adım gerektirir. Daha fazla özellik ekleyen ücretli / profesyonel bir sürüm var, ancak bu alıştırma için ihtiyacımız olan tek şey ücretsiz sürüm.

Şimdi tam ekran arka plan resmi eklemek için eklentiyi kullanalım.

  1. kurun ve etkinleştirin Basit tam ekran arka plan resmi bağlanın.
  2. WP panosundan şuraya gidin: Görünüm> Tam ekran arka plan resmi.
  3. İstediğiniz görüntüyü bilgisayarınızdan indirerek veya medya kitaplığınızdan birini seçerek seçin.
  4. Seçmek istediğiniz resme sahip olduğunuzda, maviye tıklayın. Resmi kullan düğmesine basın.
  5. mavi tıklayın Seçenekleri kaydet düğmesini tıklayın ve sitenizi ziyaret edin.
tam ekran arka plan resmi önizlemesi
içinde bir resim seçtikten sonra sayfanın bir önizlemesi Tam ekran arka plan resmi.

Burada! Resim şimdi sitenizde tam ekran arka plan resmi olarak görünmelidir.

Bu eklentinin arka plan görüntüsü ayarlarının, varsayılan WP özel arka plan ayarlarını geçersiz kıldığını belirtmek istedim. Bu kötü bir şey değil, sadece not edilmesi gereken bir şey.

Bu özel eklenti ile gönderiler, sayfalar, kategoriler, etiketler ve daha fazlası için bir arka plan resmi ayarlamak mümkündür, ancak profesyonel sürümün satın alınmasını gerektirecektir.

CSS kullanarak bir arka plan resmi ekleyin

Şimdi arka plan görüntüsünün CSS kodunu kullanarak nasıl değiştirileceğini keşfedeceğiz. Bu, WP Tema Özelleştirici kullanılarak site çapında bir arka plan oluşturmak veya belirli bir kategori için yapılabilir.

Varsayılan WP Özelleştirme CSS Ekleme
Varsayılan WP özelleştirmesi Ek CSS giriş menüsü.
  1. WordPress kontrol panelinizden şuraya gidin: Görünüm> Özelleştir.
  2. Aşağı kaydırın ve tıklayın Ek CSS.
  3. Uygun kodu aşağıdaki gibi CSS alanına yapıştırın:

Site genelinde arka plan resmi:

Sahibin metnini " ile değiştirdiğinizden emin olun. Resim URL'si Resim dosyasının gerçek URL adını içeren kodda. Görüntülemek için medya kitaplığınızdan herhangi bir görseli seçin ve ekranın sağ tarafındaki görsel bilgilerine bakın.

Medya kitaplığından panoya kopyala
Tıkla URL'yi panoya kopyala CSS koduna yapıştırmak için kullanılacak düğme.

Kategoriye özel arka plan resmi:

Yukarıdaki koddaki iki kart sahibi metin kutusunu değiştirdiğinizden emin olun:

  • " için resim dosyasının gerçek URL adı Resim URL'si« 
  • için geçerli bir kategori adı kedi adı

Kategori adını bulmak için:

  1. WordPress site kontrol panelinize gidin
  2. Tıklayın Makaleler> Kategoriler
  3. Referans vermek istediğiniz kategoriyi seçin ve fareyle " Düzenle"Bunun için bağlantı; URL'yi sayfanın sol alt kısmında, Kategori Kimliğini görüntüleyen göreceksiniz.
kimlik kategorisi
Bu durumda, Kategori Kimliği 428 olacaktır.

Bunun sabit kodlu olduğunu unutmayın, bu nedenle bazı eklentiler görüntüyü tembel olarak yüklemeyebilir veya CDN'ye dizine ekleyemeyebilir.

Belirli alanlara arka plan resmi ekleyin

Belirli içerik alanlarına arka plan resimleri eklemenize yardımcı olacak başka bir harika eklenti var.

AWB eklenti başlığı

Ürünlerinizi internet üzerinden mi satmak istiyorsunuz?

Fiziksel ve dijital ürünlerinizi WordPress'te satmak ve çevrimiçi mağazanızı kolayca oluşturmak için en iyi e-ticaret eklentileri olan WooCommerce'i ücretsiz indirin. Yeni başlayanlar için mükemmel.

Gelişmiş WordPress arka planları WordPress eklentisi, Gutenberg bloklarını kullanarak arka plan eklemeye izin verir. Herhangi bir rengi, resmi ve hatta videoyu arka plan olarak ayarlayabilir ve bunlar mobil cihazlarda görüntülenebilir.

Ayrıca arka plan resimlerine ve videolara paralaks efekti eklemeye yardımcı olur.

Bu durumda, bir içerik noktasına, özellikle bir gönderiye statik bir arka plan resmi ekleyeceğiz.

Gutenberg bloklarıyla çalıştığı için Gutenberg düzenleyicisini kullanmanız gerekecek, bu nedenle gerekirse Klasik Düzenleyici moduna geçtiğinizden emin olun.

Eklenti yüklenip etkinleştirildiğinde, WordPress panosuna gidin.

1. Tıklayın Yayınla> Yeni ekle.

2. Artı işaretine tıklayın + düğmesi, kaydır Tasarım başlığına tıklayın ve LTA bloğu.

Yapmak istediğimiz tüm değişikliklerin araç çubukları iki alanda bulunur: üst simge çubuğu ve yan menü sütunu.

3. Her iki menüde de (birinci yan sütunu kullanmayı tercih ederim), Resim bar yukarı (arasında Renk & Vidéo), ardından maviye tıklayın Bir resim seçin aşağıdaki düğme ve medya kitaplığınızı açacaktır.

4. İstediğiniz resmi seçin, ardından mavi seçmek düğmesine basın.

Bunu yaptıktan sonra görüntünün artık AWB bloğunun bir parçası olduğunu görmelisiniz. (Görmüyorsanız, AWB simge çubuğundaki resim simgesine tıklayın, görünmelidir.)

AWB Düzenleme Araçları
AWB eklentisi, düzenleme için iki ayrı menü alanına sahiptir.

Menü ayarlarını kullanarak görüntü konumunu (eksenlerdeki göstergeye bağlı olarak), boyutu, aralıkları vb. değiştirebilirsiniz. Varsayılan yüzde ayarlarını 50/50 (ki bu onu tam ortaya koyar) ve tam boyut ve kapsam varsayılanlarını bıraktım.

Artık gönderi arka planımıza sahip olduğumuza göre, gerçek gönderi içeriğini / metnini eklememiz gerekiyor.

1. Artı işaretine tıklayın + blokta bulunan düğme arka plan resminin üstünde.

2. paragraf arka plan resmimizin üzerine bir metin bloğu ekleyecek olan simge.

Resmin arka plan bloğuna bir paragraf ekleyin
"Yığın" blokları mümkündür LTA; bir arka plan resminin üzerine metin koyabilirsiniz.

Metninizin içeriğini yazın, ardından isterseniz metnin hizalamasını veya rengini değiştirin (yaptım, ancak isteğe bağlıdır) ve işte! Kendi bireysel dağınıklığı olan bir mesajımız var.

AWB eklentisini kullanarak bir arka plan resmiyle yayınlayın
AWB eklentisi, sayfadan bağımsız olarak arka plan görüntüsüne sahip bir makale oluşturmanıza olanak tanır.
Arka plan resmi paragraf bloklarıyla yayınlayın
Arasında bir arka plan görüntüsü / metin bloğu kombinasyonu bulunan birden çok metin bloğu.

Arka plan resmine sahip olmak için gönderinizin yalnızca bir bölümünü oluşturabilirsiniz, bu da ona biraz canlılık verir. Arka plan görüntüsündekinin önüne ve arkasına ek paragraf blokları eklemeniz yeterlidir.

Oldukça havalı.

Temellere dönüş

WordPress sitenize arka plan eklemek küçük bir şey gibi görünebilir. Ancak doğru yapılırsa, büyük bir etkisi olabilir. Ayrıca, çevrimiçi varlığınızı güncel tutmanıza yardımcı olabilir, böylece ziyaretçiler aynı görüntüleri tekrar tekrar görmekten sıkılmazlar.

Özel olarak kodlanmış olarak çalışmak üzere tasarlandığından, mevcut olduğunda arka plan resimleri eklemek için bir temanın işlevselliğinin yerleşik özelleştirmesini kullanmak idealdir.

Ancak, WordPress arka plan resimlerini ayarlamak için başka seçenekleriniz de var. Temel WP özelleştirmesi, eklentiler, sayfa oluşturucular ve CSS ince ayarları, tümü, hangi görüntülerin ve nerede kullanıldığı üzerinde ayrıntılı kontrol sağlar.

Öyleyse devam edin ve arka planlarınızla yaratıcı olun. Tematik bir etki yaratın ve ziyaretçilerinizi görsel olarak koruyun.

Editörün Notu: Bu gönderi, doğruluk ve alaka düzeyi açısından güncellendi.
[İlk Yayınlanma Tarihi: Ağustos 2014 / Gözden Geçirme: Kasım 2021]

Anahtar Kelimeler:

[Ad_2]

0 hisseleri
hisse
cıvıltı
Enregistrer