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, Özelleştiriciyi başlatacak WordPress tema gerçek zamanlı bir önizlemeyi görüntülerken bu temanın farklı ayarlarını değiştirebileceğiniz yer.
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.
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.
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.
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.
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
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.
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.
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.
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.
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.
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.
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; }
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.
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.
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. Ancak WordPress Plugin kodlamayı sevenler için iyi bir CSS editörüne sahiptir. Bu düzenleyici ile 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.
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.
- Mobil cihazda bir WordPress widget'ı nasıl gizlenir
- 10 WordPress eklentileri web sitenizin görselliğini iyileştirir
- Bir WordPress Web Sitesini Manuel Olarak Taşıma: Kılavuz
- WordPress'te harekete geçirici mesaj düğmeleri için 7 WordPress eklentisi
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.
...