WordPress’te Arka Plan Resmi Nasıl Eklenir (6 Kolay Yol)

WordPress sitenize bir arka plan resmi mi eklemek istiyorsunuz?

Arka plan görselleri web sitenizin daha ilgi çekici ve canlı görünmesini sağlayabilir. Ayrıca, iyi seçilmiş arka plan görselleri marka kimliğinizi güçlendirebilir ve mesajınızı daha etkili bir şekilde gösterebilir.

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

Neden WordPress Arka Plan Resmi Eklemelisiniz?

WordPress web sitenize bir görsel eklemek, onu ziyaretçiler için daha çekici hale getirebilir. Kullanıcıların dikkatini hızla çekebilir ve içeriğinizle etkileşime geçmelerini sağlayabilirsiniz.

Ayrıca web sitenizin tasarımını markanıza göre kişiselleştirmenize de olanak tanır. Örneğin, arka plana ürünlerinizin veya marka maskotunuzun ince fotoğraflarını yükleyebilirsiniz.

Ayrıca, içeriğinize hayat verecek bir YouTube videosunu tam arka plan olarak veya bir resim slayt gösterisi olarak ekleyebilirsiniz.

Ancak, dikkat dağıtmayan veya WordPress blogunuzdaki içeriğin okunmasını zorlaştırmayan arka plan resimleri seçmenizi öneririz. Arka plan, kullanıcı deneyimini geliştirmeli ve mesajınızı ziyaretçilere iletmeye yardımcı olmalıdır.

Bunun da ötesinde, mobil uyumlu ve web sitenizin hızını etkilemeyecek bir arka plan görseli seçmek önemlidir. Aksi takdirde WordPress SEO‘nuza zarar verecektir.

Bu makalede, WordPress arka plan resmi eklemenin farklı yollarını paylaşacağız.

WordPress tema özelleştiricisini, tam site düzenleyicisini, bir eklentiyi, tema oluşturucuyu ve daha fazlasını kullanmayı içeren birden fazla yöntemi ele alacağız. Tercih ettiğiniz bölüme geçmek için aşağıdaki bağlantılardan birine tıklamanız yeterli:

Hazır mısınız? Hadi başlayalım.

Yöntem 1. WordPress Tema Özelleştiricinizi Kullanarak Arka Plan Resmi Ekleyin

Çoğu popüler WordPress teması özel arka plan desteği ile birlikte gelir. Bu özellik, kolayca bir arka plan resmi ayarlamanıza olanak tanır ve temanız destekliyorsa bu yöntemi öneririz.

Ancak özelleştirici menü seçeneğiniz yoksa temanızda tam site düzenleme etkinleştirilmiş olabilir. Bir sonraki bölümde, arka plan resminizi değiştirmek için tam site düzenleyicisini nasıl kullanacağınızı ele alacağız.

‘ Özelleştirici ‘yi kullanmak için WordPress yöneticinizdeki Görünüm ” Özelleştir sayfasını ziyaret etmeniz gerekir. Bu, web sitenizin canlı bir önizlemesini görüntülerken farklı tema ayarlarını değiştirebileceğiniz WordPress tem a özelleştiricisini başlatacaktır.

Gördüğünüz seçeneklerin kullandığınız WordPress temasına göre değişeceğini unutmayın. Bu eğitim için Astra temasını kullanıyoruz.

Farklı bir tema kullanıyorsanız o temanın belgelerine bakmanız gerekebilir. Özelleştiricide bulamadığınız bir arka plan resmini nasıl ekleyeceğinizi öğrenmek için tema geliştiricisiyle de iletişime geçebilirsiniz.

Astra temasının özelleştirici seçeneklerinde, soldaki panelde ‘Global’e tıklamanız gerekir.

Bunu yaptığınızda, Astra temanızı özelleştirmek için farklı ‘Global’ seçenekler göreceksiniz.

Devam edin ve ‘Renkler’ bölümüne tıklayın.

Burada, arka plan rengi de dahil olmak üzere tema renklerini değiştirebilirsiniz. Ayrıca bağlantılarınızı, gövde metninizi, başlıklarınızı, kenarlıklarınızı ve daha fazlasını özelleştirebilirsiniz.

Bir arka plan resmi eklemek için, ‘Yüzey Rengi’ bölümüne ilerlemek isteyeceksiniz. Ardından, ‘Site Arka Planı’ seçeneğine tıklayabilir ve ‘Görüntü’ sekmesine geçebilirsiniz.

Bundan sonra, ‘Arka Plan Resmi Seç’ düğmesine tıklamanız yeterlidir.

Bu, bilgisayarınızdan bir görüntü yükleyebileceğiniz veya daha önce yüklediğiniz bir görüntüyü seçebileceğiniz WordPress medya kitaplığını getirecektir.

Arka planınız için görseli seçtikten sonra, ‘Seç’ düğmesine tıklamanız gerekecektir.

Bu işlem medya açılır penceresini kapatacak ve tema özelleştiricide seçtiğiniz arka plan resminin önizlemesini göreceksiniz.

Nasıl göründüğünden memnun olduğunuzda, devam edin ve ayarlarınızı kaydetmek için üstteki ‘Yayınla’ düğmesine tıklayın.

Hepsi bu kadar. WordPress sitenize başarılı bir şekilde arka plan resmi eklediniz. Devam edin ve çalışmasını görmek için web sitenizi ziyaret edin.

Yöntem 2. Tam Site Düzenleyicisini Kullanarak Özel Arka Plan Resmi Ekleme

Blok tabanlı bir WordPress teması kullanıyorsanız, tam site düzenleyicisini (FSE) kullanarak özel bir arka plan resmi ekleyebilirsiniz.

Tam site editörü, blokları kullanarak web sitenizin tasarımını düzenlemenize olanak tanır. Tıpkı WordPress blok düzenleyicisini kullanarak bir blog gönderisini veya sayfasını düzenlemek gibidir.

Bu eğitim için varsayılan ‘Twenty Twenty-Two’ temasını kullanacağız. Tam site düzenleyicisini başlatmak için WordPress panonuzdan Görünüm ” Düzen leyici’ye gitmeniz yeterlidir.

Tam site düzenleyicisine girdikten sonra, bir arka plan resmi yüklemek için şablonunuza bir ‘Kapak’ bloğu eklemeniz gerekir.

Üstteki ‘+’ işaretine tıklamanız ve bir ‘Kapak’ bloğu eklemeniz yeterlidir.

Devam edin ve bloğa bir arka plan resmi eklemek için ‘Kapak’ bloğundaki ‘Yükle’ veya ‘Medya Kitaplığı’ düğmesine tıklayın.

Bu, WordPress medya yükleyici açılır penceresini açacaktır.

Bir sonraki adım, web sitesi arka planı olarak kullanmak istediğiniz bir görsel seçmektir.

Resmi seçtiğinizde, ‘Seç’ düğmesine tıklamanız yeterlidir.

Görsel ‘Kapak’ bloğuna eklendikten sonra, bunu sayfanın arka planı olarak ayarlamanız gerekir.

Bunu yapmak için, üstteki ‘Liste Görünümü’ simgesine (3 tire işaretli simge) tıklamanız yeterlidir. Bu, site üstbilgisi ve altbilgisi gibi tema öğelerinin anahat görünümünü açacaktır.

Bundan sonra, tüm şablon öğelerini liste görünümündeki ‘Kapak’ bloğunun altına sürükleyip bırakın.

Hepsi oraya yerleştirildiğinde, ‘Kapak’ bloğunun görseli sitenin arka planı olarak görünecektir.

Bundan sonra, ‘Kapak’ bloğuna tıklayarak ve ekranın sağ üst köşesindeki dişli simgesini seçerek arka plan görüntüsünü ayarlayabilirsiniz. Bu işlem ‘Blok’ ayarları panelini açacaktır.

Burada, görüntüyü sabit bir arka plan haline getirmek, kaplamasını ayarlamak, rengini düzenlemek ve daha fazlası için seçenekler bulacaksınız.

İşiniz bittiğinde, ‘Kaydet’ düğmesine tıklamayı unutmayın.

Ve işte bu kadar! Tam site düzenleyicisini kullanarak başarılı bir şekilde arka plan resmi eklediniz.

Yöntem 3. WordPress Tema Oluşturucuyu Kullanarak Arka Plan Görüntüsü Ekleme

Web sitenize özel arka plan resimleri eklemenin bir başka yolu da SeedProd gibi bir WordPress tema oluşturucu kullanmaktır.

En iyi WordPress açılış sayfası eklentisi ve web sitesi oluşturucusudur. Tek bir kod satırına dokunmadan web sitenizin tasarımını kolayca özelleştirmek için sürükle ve bırak işlevine sahip olursunuz.

Bu eğitim için SeedProd Pro sürümünü kullanacağız çünkü tema oluşturucuyu da içeriyor. Ayrıca ücretsiz olarak deneyebileceğiniz bir SeedProd Lite sürümü de var.

Öncelikle SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress kontrol panelinizde SeedProd karşılama ekranını göreceksiniz.

Ardından, lisans anahtarınızı girmeniz ve eklentinin pro sürümünü etkinleştirmek için ‘Anahtarı Doğrula’ düğmesine tıklamanız gerekecektir. Lisans anahtarınızı SeedProd hesap alanınızda bulabilirsiniz.

Her şey ayarlandıktan sonra, WordPress yönetici panelinizde SeedProd ” Tema Oluşturucu ‘ya gitmeniz gerekecek.

Devam edin ve en üstteki ‘Temalar’ düğmesine tıklayın.

SeedProd artık aralarından seçim yapabileceğiniz birden fazla tema şablonu sunacak.

Kullanmak istediğiniz herhangi bir şablonun üzerine gelip tıklayabilirsiniz. Bu eğitim için ‘Starter’ tema şablonunu kullanacağız.

Buradan, SeedProd ana sayfa, tek yazı, tek sayfa, kenar çubuğu, başlık ve daha fazlası gibi farklı şablonlar oluşturacaktır.

Tüm web sitesinde ve tüm tema şablonlarında görünen bir arka plan resmi eklemek için devam edin ve Global CSS altındaki ‘Tasarımı Düzenle’ seçeneğine tıklayın.

Bir sonraki ekranda, değiştirebileceğiniz genel CSS ayarlarını göreceksiniz.

Özelleştirmeye başlamak için ‘Arka Plan’ seçeneğine tıklamanız yeterlidir.

Bundan sonra, ‘Arka Plan Resmi’ seçeneklerini göreceksiniz.

Devam edin ve resminizi yüklemek için ‘Kendi Resminizi Kullanın’a tıklayın. Alternatif olarak, web sitenizin arka planı olarak kullanmak üzere bir stok görsel aramak için ‘Stok Görsel Kullan’ düğmesine tıklayabilirsiniz.

Bir arka plan görseli eklediğinizde, SeedProd oluşturucu canlı bir önizleme gösterecektir.

Gerekirse arka plan konumunu ayarlayabilirsiniz. Diğer seçeneklerin yanı sıra, tam ekran kapağını kullanmayı veya tekrarlamayı da seçebilirsiniz.

Ayrıca, ‘Arka Planı Koyulaştır’ kaydırıcısını hareket ettirerek arka plan görüntünüzün koyuluk seviyesini düzenleyebilirsiniz. Puan ne kadar yüksekse görüntü o kadar koyu olacaktır.

Arka plan resmini düzenlemeyi tamamladığınızda, üstteki ‘Kaydet’ düğmesine tıklamanız ve Global CSS ayarlarını kapatmanız yeterlidir.

Web sitenizin farklı bölümleri için özel bir arka plan görüntüsü eklemek istiyorsanız, SeedProd’da bu ayrı tema şablonlarını düzenleyebilirsiniz. Daha fazla ayrıntı için, özel bir WordPress temasının nasıl kolayca oluşturulacağına ilişkin kılavuzumuza göz atabilirsiniz.

Yöntem 4. WordPress’te Eklenti Kullanarak Özel Arka Plan Görüntüsü Ekleme

Arka plan resmi eklemek için bir WordPress eklentisi kullanmak, yerleşik WordPress seçeneklerinden çok daha esnektir.

Başlangıç olarak, Full Screen Background Pro eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakabilirsiniz.

Bu eklenti, herhangi bir yazı, sayfa veya kategori için farklı bir arka plan ayarlamanıza olanak tanır. Arka plan görüntüsü otomatik olarak tam ekrana ayarlanır, ancak mobil cihaz ekranlarına uyacak şekilde kendini ayarlayabilir.

Etkinleştirmenin ardından, eklenti ayarlarını yapılandırmak için Görünüm ” Tam Ekran BG Görüntüsü ‘nü ziyaret etmeniz gerekir.

Ardından, eklentiyi satın aldıktan sonra aldığınız e-postadan edinebileceğiniz lisans anahtarınızı eklemeniz istenecektir. Anahtara eklentinin web sitesindeki hesabınızdan da erişebilirsiniz.

Ardından, anahtarınızı etkinleştirmek için ‘Seçenekleri Kaydet’ düğmesine tıklamanız gerekecektir.

Artık WordPress sitenize arka plan resimleri eklemeye hazır olmalısınız. Yapmanız gereken ilk şey, eklentinin ayarlar sayfasındaki ‘Yeni Görsel Ekle’ düğmesine tıklamak.

Bu, arka plan resmi yükleme ekranını açacaktır.

Devam edin ve bir görsel yüklemek veya seçmek için ‘Görsel Seç’ düğmesine tıklayın. Resmi seçer seçmez, ekranınızda resmin canlı bir önizlemesini görebileceksiniz.

Ardından, bu görüntü için bir ad vermeniz gerekir. Bu ad sadece sizin içindir, bu yüzden buraya herhangi bir şey yazabilirsiniz.

Son olarak, bunu arka plan sayfası olarak nerede kullanmak istediğinizi seçmeniz gerekir.

Tüm site için mi, yazılar, kategoriler, arşivler veya başka bir yer için mi arka plan olacağını seçtikten sonra, değişikliklerinizi kaydetmeyi unutmayın.

Sitenizin farklı alanlarına istediğiniz kadar resim ekleyebilirsiniz. Bunu yapmak için Görünüm ” Tam Ekran BG Görüntüsü sayfasına gidin ve işlemi tekrarlayın.

Genel olarak veya yazılar, sayfalar ve kategoriler için kullanılmak üzere birden fazla görsel ayarlarsanız, eklenti otomatik olarak arka plan görsellerini slayt gösterisi olarak görüntülemeye başlayacaktır.

Daha sonra, bir görüntünün solması için gereken süreyi ve yeni bir arka plan görüntüsünün solmaya başlaması için gereken süreyi ayarlamak isteyebilirsiniz. Bunu eklentinin ‘Ayarlar’ bölümünden yapabilirsiniz.

Buraya girdiğiniz süre milisaniye cinsindendir ve 1 saniye 1000 milisaniyedir. Bir arka plan görüntüsünün 20 saniye sonra solmasını istiyorsanız, 20000 girmeniz gerekir.

Değişikliklerinizi kaydetmek için ‘Seçenekleri Kaydet’ düğmesine tıklamayı unutmayın.

Yazılar, Sayfalar ve Kategoriler için Arka Plan Görselleri

Full Screen Background Pro ayrıca tek gönderiler, sayfalar, kategoriler, etiketler ve daha fazlası için arka plan görüntüleri ayarlamanıza olanak tanır.

Farklı bir arka plan görseli görüntülemek istediğiniz gönderiyi veya sayfayı düzenlemeniz yeterlidir. Yazı düzenleme ekranında, yazı düzenleyicinin altındaki yeni ‘Tam Ekran Arka Plan Görüntüsü’ kutusunu göreceksiniz.

Kategoriler, gönderiler ve sayfalar için bir arka plan resmi kullanmak için Görünüm ” Tam Ekran BG Resmi sayfasına gitmeniz gerekir. Ardından, ‘Yeni Görsel Ekle’ düğmesine tıklayın.

Resminizi yükledikten sonra, ‘Bu resmin görüntüleneceği bağlamı seçin’ açılır menüsünden bir kategori, gönderi, sayfa, arşiv ve diğer seçenekleri belirleyebilirsiniz.

Diyelim ki kategori sayfaları için bir arka plan resmi göstermek istiyorsunuz. Bunun için açılır menüden ‘Kategori’yi seçmeniz yeterlidir.

Eklenti ayrıca arka plan resmini belirli kategoriler, yazılar veya sayfalarla kısıtlama seçeneği de sunuyor.

Örneğin, belirli kategoriler için özel bir arka plan görüntüsü eklemek istiyorsanız, ‘Görüntüleri kısıtlamak için Kategorileri Seçin’ alanına kategori adlarını girmeniz yeterlidir.

Her şey ayarlandıktan sonra, görüntünüzü ayarlarınızla birlikte kaydetme zamanı gelmiştir.

Artık belirli gönderiler, sayfalar ve kategoriler için başarılı bir şekilde arka plan görseli eklediniz.

Yöntem 5. CSS Hero Kullanarak Arka Plan Görüntüleri Ekleme

CSS Hero, temanızda kodlama yapmadan herhangi bir değişiklik yapmanızı sağlayan bir WordPress eklentisidir.

Birkaç basit adımda hızlı bir şekilde arka plan resimleri ekleyebilirsiniz. Ancak önce CSS Hero’yu yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Bunu yaptıktan sonra web sitenizi özelleştirmeye başlayabilirsiniz.

Yapmanız gereken ilk şey tarayıcınızda ana sayfanızı açmaktır. Burada, yönetici çubuğunuzda‘CSS Hero ile Özelleştir’ bağlantısını göreceksiniz.

Bağlantıya tıkladığınızda CSS Hero seçeneklerinin açıldığını göreceksiniz.

İçeri girdikten sonra, farenizi görüntü eklemek istediğiniz alanın üzerine getirmeniz gerekecektir. Ardından, sol kenar çubuğundaki ‘Arka Plan’ seçeneğine erişmek için alana tıklayın.

Devam edin ve bir resim ekleme ayarlarını görmek için ‘Arka Plan’a tıklayın.

Buradan ‘Görüntü’ye tıklamanız yeterlidir.

Ardından, arka planınızı oluşturmak için Unsplash’tan bir görsel seçebilir veya kendi görselinizi yükleyebilirsiniz.

İstediğiniz resme tıkladığınızda, ‘Resmi Uygula’ düğmesini göreceksiniz.

Ardından, resminizin hangi boyutta olmasını istediğinizi seçmek isteyebilirsiniz. Sayfa boyunca uzanabilmesi için büyük versiyonu seçmenizi öneririz.

Son olarak, sitenizin arka plan resmini kaydetmek için en alttaki ‘Kaydet ve Yayınla’ düğmesine basabilirsiniz.

Yöntem 6. CSS Kodunu Kullanarak WordPress’in Herhangi Bir Yerine Özel Arka Plan Görüntüleri Ekleme

WordPress, varsayılan olarak WordPress sitenizdeki farklı HTML öğelerine çeşitli CSS sınıfları ekler. Böylece, WordPress tarafından oluşturulan bu CSS sınıflarını kullanarak tek tek yazılara, kategorilere, yazarlara ve diğer sayfalara kolayca özel arka plan resimleri ekleyebilirsiniz.

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

<body class="archive category category-tv category-4">

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

Sadece bu kategori sayfasını farklı şekilde biçimlendirmek için category-tv veya category-4 CSS sınıfını kullanabilirsiniz.

Bir kategori arşivi sayfasına özel bir arka plan resmi ekleyelim. Bunun için aşağıdaki özel CSS’yi temanıza eklemeniz gerekir:

body.category-tv {
background-image: url("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

Arka plan resmi URL’sini ve kategori sınıfını kendi sitenizdekilerle değiştirmeyi unutmayın.

Ayrıca, tek tek yazılara ve sayfalara özel arka planlar ekleyebilirsiniz. WordPress’in body etiketinde yazı veya sayfa kimliğini içeren bir CSS sınıfı vardır. Aynı CSS kodunu kullanabilir ve sadece .category-tv yerine yazıya özgü CSS sınıfını kullanabilirsiniz.

Daha fazla ayrıntı için WordPress’te özel CSS ekleme hakkındaki eğitimimize bakın.

Umarız bu makale WordPress’te nasıl arka plan resmi ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca çevrimiçi mağaza açma ve en iyi web sitesi tasarım yazılımı hakkındaki rehberimize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.