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.

WordPress web sitenize bir arka plan resmi eklemek ister misiniz?

Arka plan resimleri, web sitenizi daha çekici ve estetik açıdan hoş hale getirmek için kullanılabilir.

Bu makalede, WordPress web sitenize nasıl kolayca arka plan resmi ekleyeceğinizi göstereceğiz.

Yazılı talimatları tercih ederseniz, lütfen okumaya devam edin.

Yöntem 1. WordPress tema ayarlarınızı kullanarak bir arka plan görüntüsü ekleyin

 En Popüler WordPress Temaları özel arka plan desteği ile birlikte gelir. Bu özellik, WordPress web sitenizde kolayca bir arka plan resmi ayarlamanıza olanak tanır.

Si votre WordPress tema özel arka plan işlevselliğini destekler, web sitenize bir arka plan resmi eklemek için bu yöntemi kullanmanızı öneririz.

Ancak, eğer WordPress tema bu özelliği desteklemiyor veya arka plan resimlerini uygulama şeklini beğenmiyorsanız, öğreticimizde belirtilen diğer seçenekleri deneyebilirsiniz.

Önce sayfayı ziyaret etmelisiniz Görünüm »Özelleştir WordPress yöneticinizde. Bu, gerçek zamanlı bir önizlemeyi görüntülerken o temanın çeşitli ayarlarını değiştirebileceğiniz WordPress Tema Özelleştiricisini başlatır.

Arka plan resmi nasıl eklenir wordpress blogpascher 1

O zaman seçeneğe tıklamalısın 'Arka plan görüntüsü'. Panel dışarı kayacak ve web siteniz için bir arka plan resmi yükleme veya seçme seçeneklerini size gösterecektir.

Arka plan resmi nasıl eklenir wordpress blogpascher 2

Devam etmek için Resmi Seç düğmesini tıklayın.

Bu, bilgisayarınızdan bir resim yükleyebileceğiniz bir WordPress açılır penceresi açar. Ayrıca, medya kitaplığından önceden indirilmiş bir görüntüyü de seçebileceksiniz.

Arka plan resmi nasıl eklenir wordpress blogpascher 3

Ardından, arka planda kullanmak istediğiniz resmi yükledikten veya seçtikten sonra Resim Seç düğmesine tıklamanız gerekir.

Bu, medya yükleyici açılır penceresini kapatır ve seçili görüntünüzün önizlemesini WordPress tema özelleştirmesinde görürsünüz.

Arka plan resmi nasıl eklenir wordpress blogpascher 4

Resmin altında arka plan resim seçeneklerini de görebileceksiniz. Altında " Ön ayarArka plan görüntüsünün nasıl görünmesini istediğinizi seçebilirsiniz: ekranı doldur, ekrana sığdır, tekrarla veya özel.

Aşağıdaki okları tıklayarak da arka plan görüntüsü konumunu seçebilirsiniz. Ortaya tıklandığında, görüntü, görüntüyü ekranın ortasına hizalayacaktır.

«Düğmesine tıklamayı unutmayın yayınlamak Ayarlarınızı kaydetmek için. İşte bu, WordPress web sitenize başarıyla bir arka plan resmi eklediniz.

Devam edin ve çalışırken görmek için web sitenizi ziyaret edin.

Yöntem 2. Bir eklenti kullanarak WordPress'e özel bir arka plan görüntüsü ekleyin

Bu yöntem çok daha esnektir. Herhangi bir WordPress temasıyla çalışır ve birden çok arka plan görüntüsünü yapılandırmanıza izin verir.

Ayrıca, WordPress web sitenizin herhangi bir gönderi, sayfası, kategorisi veya başka herhangi bir bölümü için farklı arka planlar ayarlayabilirsiniz.

Tüm arka plan resimlerinizi otomatik olarak tam ekran ve duyarlı hale getirir. Bu, arka plan resminizin daha küçük cihazlarda otomatik olarak yeniden boyutlandırılacağı anlamına gelir.

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.

Her şeyden önce, eklentiyi yüklemeniz ve etkinleştirmeniz gerekir Tam Ekran Arkaplan Pro. Daha fazla ayrıntı için, adım adım kılavuzumuza bakın. WordPress eklentisi nasıl kurulur.

Aktivasyondan sonra sayfayı ziyaret etmelisiniz Görünüm »Tam Ekran BG Görüntüsü Eklenti ayarlarını yapılandırmak için

Tam ekran arka plan

Lisans anahtarınızı eklemeniz istenecektir. Bu bilgileri eklentiyi satın aldıktan sonra aldığınız e-postadan veya eklentinin web sitesindeki hesabınızdan alabilirsiniz.

O zaman 'Ayarları Kaydetdeğişikliklerinizi saklamak için. Artık WordPress web sitenize arka plan resimleri eklemeye hazırsınız.

Devam et ve düğmeye tıkla. Yeni Resim Ekle Eklentinin ayarlar sayfasında. Bu sizi arka plan görüntüsü indirme ekranına götürecektir.

yeni arka plan resmi ekle

Düğmeye tıklayın 'Görüntü SeçinBir resmi indirmek veya seçmek için. Görüntüyü seçer seçmez, ekranınızda görüntünün gerçek zamanlı bir önizlemesini görebileceksiniz.

O zaman bu görüntü için bir isim vermeniz gerekiyor. Bu ad dahili olarak kullanılacağı için her yerde kullanabilirsiniz.

Son olarak, bu görüntünün arka plan görüntüsü olarak kullanılmasını istediğiniz yeri seçmeniz gerekir.

Tam Ekran Arkaplan Pro ayrıca tüm web sitesi için arka plan resimleri ayarlamanıza izin verir veya web sitenizin kategoriler, arşivler, ana sayfa veya blog gibi farklı bölümlerinden seçim yapabilirsiniz.

Arka plan resminizi saklamak için kaydetmeyi unutmayın.

Sayfayı ziyaret ederek istediğiniz kadar resim ekleyebilirsiniz. Apparence »Tam Ekran BG Görüntüsü 

Global olarak kullanılacak birden fazla resim tanımlarsanız, eklenti görüntülenecektir otomatik olarak slayt gösterisi olarak arka plan resimleri.

Bir görüntünün kaybolması için geçen süreyi ve sonrasında yeni bir arka plan görüntüsünün görünmesi için gereken süreyi ayarlayabilirsiniz.

Arka plan belirme ve kararma ayarları

Buraya girdiğiniz zaman milisaniye cinsindendir. Arka plan resminin 20 saniye sonra kaybolmasını istiyorsanız, 20000 girmeniz gerekecektir.

Düğmeyi tıklamayı unutmayın Kaydetme Seçenekleri değişikliklerinizi kaydetmek için.

Yayınlar, sayfalar ve kategoriler için arka plan resimleri

Tam Ekran Arka Plan Pro ayrıca yayınlar, sayfalar, kategoriler, etiketler ve daha fazlası için arka plan resimleri ayarlamanıza olanak tanır.

Ü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.

Farklı bir arka plan resmi görüntülemek istediğiniz gönderiyi / sayfayı düzenlemeniz yeterlidir. Makale düzenleme sayfasında, yeni grubu göreceksiniz " Tam Ekran Arka Plan Resmi »Makale editöründe.

Tek bir gönderi veya sayfa için bir arka plan resmi eklemek

Belirli bir kategori için bir arka plan resmi kullanmak için sayfayı ziyaret etmeniz gerekir Görünüm »Tam Ekran Arka Plan Resmi, ardından "Görüntü Seçin '.

Resminizi yükledikten sonra, arka plan resmini görüntülemek istediğiniz bağlam olarak "kategori" yi seçebilirsiniz.

Belirli bir kategori için arka plan resmi ayarlayın

Resmi görüntülemek istediğiniz belirli Kategori veya Slug'ın kimliğini girin. 

Ayarlarınızı saklamak için resminizi kaydetmeyi unutmayın.

Yöntem 3. CSS kodunu kullanarak WordPress'in herhangi bir yerine özel arka plan resimleri ekleyin

Varsayılan olarak, WordPress, WordPress web sitenizdeki farklı HTML öğelerine birden çok CSS sınıfı ekler. WordPress tarafından oluşturulan bu CSS sınıflarını kullanarak yayınlara, kategorilere, yazarlara ve diğer sayfalara kolayca özel arka plan resimleri ekleyebilirsiniz.

Örneğin, web sitenizde TV adlı bir kategoriniz varsa, WordPress, birisi TV kategori sayfasını görüntülediğinde bu CSS sınıflarını otomatik olarak gövde etiketine ekler.

 

Sen kullanabilirsiniz denetim aracı WordPress tarafından body etiketine tam olarak hangi CSS sınıflarının eklendiğini görmek için.

WordPress tarafından eklenen sınıfları görmek için inceleme aracını kullanın

Bu kategori sayfasını farklı biçimlendirmek için iki CSS sınıfını da kullanabilirsiniz. 

kategori-tvkategori-4

Bir kategori arşiv sayfasına özel bir arka plan resmi ekleyelim. Bu özel CSS'yi WordPress temanıza eklemeniz gerekecek.

body.category-tv { 

arka plan-resmi: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 

arka plan konumu: merkez merkez; 

arkaplan büyüklüğü: cover; 

arkaplan tekrarlama: tekrarlama yok; 

arka plan eki: sabit;

}
Arka plan resmi URL'sini ve kategori sınıfını kendi kategorinizle değiştirmeyi unutmayın.

Ayrı ayrı yayınlara ve sayfalara özel arka planlar da ekleyebilirsiniz. WordPress, etiketin gövdesine gönderi veya sayfa kimliğiyle bir CSS sınıfı ekler. Aynı CSS kodunu kullanabilirsiniz, sadece .category-tv'yi belirli bir gönderinin CSS sınıfıyla değiştirebilirsiniz.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. Kolay Özel JS ve CSS 

Ce WordPress Plugin premium, bunları web sitenizin herhangi bir bölümüne eklemenize izin veren güçlü bir CSS ve JavaScript kod düzenleyicisidir. WordPress temanızda yapılan büyük bir güncellemeden sonra bile özelleştirmelerinizi korumanıza olanak tanır. Kolay özel js ve css ekstra özelleştirme wordpress eklentisi

Kişiselleştirilmiş kodunuzun kullanım alanını sınırlama olanağına sahipsiniz. Örneğin, kodunuzu yalnızca video formatına sahip bir makale için kullanabilirsiniz.

Hakkındaki makalelerimize bakın WordPress'te kullanım şartlarının kabulü nasıl istenebilir

Veya kodunuzu belirli bir WordPress temasıyla sınırlayabilirsiniz; Şu anda WordPress blogunuz için tema değiştiriyorsanız kullanışlıdır.

Indir | gösteri | Web hosting

2. Sarı Kalem: Görsel CSS Stil Editörü

Yellow Pencil, web sitenizi dakikalar içinde (yazı tipleri, renkler, animasyonlar ve daha fazlası ...) kişiselleştirmek için herhangi bir temayla kullanabileceğiniz bir görsel stil editörüdür.Yellowpencil görsel css stil editörü eklentisi wordpress

Ce WordPress Plugin premium, CSS stilleri oluşturacak fon Bir oyunmuş gibi renklerle oynarken, hem yeni başlayanlar hem de deneyimli kullanıcılar için tasarlandı.

Ayrıca bizim keşfetmek 5 eklentileri WordPress bildirimleri göstermek

Kodlama bilgisi gerekmez. Bununla birlikte, WordPress eklentisinin kodlamayı sevenler için iyi bir CSS editörü vardır. Bu düzenleyiciyle canlı kod yazabilir ve CSS'nizi özelleştirebilirsiniz.

Indir | gösteri | Web hosting

3. Facebook Son Yorumlar Widget 

Bu widget, WordPress blogunuzdaki en son Facebook yorumlarının bir listesini ilk sayfada veya web sitesi tarafından kullanılan bir widget olan herhangi bir yerde görüntülemenizi sağlar.

Facebook son yorumları wordpress widget facebook yorumları için wordpress eklentisi

Diğer özellikler arasında sahip olacağınız özellikler olarak: web sitenizin veya WordPress blogunuzun en son yorumlarının görüntülenmesi,Widget üzerinde görüntülenecek yorumların otomatik veya manuel olarak onaylanması,Facebook yorum eklentisi aracılığıyla bir kişi yorum yaptığında bir e-posta bildirimi göndermek, iyi SEO, ile uyumluluk herhangi bir WordPress teması, owidget'ı özelleştirme seçenekleri ve çok daha fazlası.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Buraya ! Bu eğitim için bu kadar. Umarız bu makale, WordPress'te bir arka plan resmi eklemeyi öğrenmenize yardımcı olmuştur. Çekinme En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın

Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma.

Öneriniz veya yorumunuz varsa, bunları bölümümüzde bırakın. Yorumlar.

... 

%d bu sayfayı beğendi blogcular: