WordPress Gönder ve sayfanıza arka plan resimleri nasıl eklenir
Web sitenize ekstra çentikleyici öğeler eklemek ister misiniz? Bunu yapmanın bir yolu, WordPress sayfanıza arka plan resimleri eklemektir. Arka plan görüntüsü, sayfayı güzelleştirmek için sayfa içeriğinin arkasına yerleştirilen bir resim veya tasarımdır. WordPress sitesine arka plan görüntüleri eklemenin çeşitli yolları vardır. Bu kılavuzda, bunu kolayca yapmanın üç yolunu göstereceğiz. Ancak bundan önce, WordPress arka plan görüntülerinin bazı avantajlarını tartışalım. Tabii ki, sadece “nasıl” öğrenmek istiyorsanız, o bölüme atlayın.
İçindekiler:
Neden bir arka plan resmi ekleyin
Eksileri Arka plan görüntüleri ekleyerek
Arka plan görüntüleri nasıl eklenir
Varsayılan tema seçeneği
Contra Varsayılan tema seçeneği
WordPress eklentilerini kullanma
Elementor kullanarak WordPress’e arka plan görüntüleri nasıl eklenir
Bir arka plan ekleyin
Gelişmiş WordPress (AWB)
AWB eklentisi nasıl kullanılır
CSS kullanarak manuel olarak bir arka plan görüntüsü ekleyin
WordPress sayfasına arka plan resimleri nasıl eklenir
Görev sayfasına bir arka plan resmi ekleyin
Kategori sayfasına bir arka plan resmi ekleyin
Çözüm
Neden WordPress’e arka plan resimleri ekleyin, web sitenizi güzelleştiriyorlar. Sitenizdeki site arka planınızda, sitenizdeki düz arka planları kullanmaya kıyasla bazı estetik ve profesyonellik ekleyen bir resim ekranı bulunur.
Geçmişte, insanlar web sitesi tasarımlarını olabildiğince basit tutmaya çalıştılar. Bu arada o sırada iyi çalışıyor, birçok şey değişti. Küresel olarak artan web sitesi sayısıyla, rakipler arasında öne çıktığınızdan emin olmak önemlidir. Bunu başarmanın bir yolu web sitenizi artırmaktır. Arka plan görüntüsü kullanarak bunu WordPress siteniz için yapın. Eksileri Avantajları olan her şey gibi arka plan görüntüleri ekleyerek, doğru kullanılmazsa da kayıplar olmalıdır. Aşağıda bazılarını tartışacağız. İlk olarak, bazı arka plan görüntüleri yerinde görünmeyebilir ve sayfa içeriğinizi rahatsız edebilir. Bu, kullanıcıların sayfanızda iletmek istediğiniz mesajı kaybetmelerine neden olur. İkincisi, sorumsuz arka plan görüntüleri web sitenizin hücresinin kullanımını etkileyebilir. Çoğu kullanıcı internete mobil cihazlarından erişir. Ve bu nedenle, hücresel misafirperverlik, web sitesinin sahibi olarak ana endişeniz olmalıdır. Son olarak, büyük dosya boyutlarına sahip resimler kullanıyorsanız, bu, web sitenizin yükleme süresini artırabilir. Sonuç olarak, yükleme süresindeki bir artış yüksek bir orana neden olabilir ve bu da SEO sayfanızı etkileyebilir.
Tabii ki, bir görüntü sıkıştırma eklentisi kullanarak veya web sitenize yüklemeden önce görüntüleri çevrimiçi sıkıştırarak bundan kaçınabilirsiniz. WordPress Gönderi ve Sayfanıza Arka Plan Görüntüleri Nasıl Eklenir WordPress sitesine arka plan resimleri eklemenin üç yolu vardır. Eklentilerle veya özel bir CSS kodu kullanan varsayılan tema seçeneğini kullanır. Aşağıda, size nasıl kullanılacağını göstereceğiz. Varsayılan Tema Seçenekleri Birkaç WordPress teması, resimleri sayfanızın arka planı olarak kullanma desteğine sahiptir. Temanız bunu destekliyorsa, yönetici panelinizdeki özelleştirme sayfasından etkinleştirebilirsiniz. Başlamak için WordPress kontrol panelinize giriş yapın ve ardından görünüşe gidin >> Özelleştirin. Bu, WordPress tema ayarlama sayfasını getirecektir.
Sağda, sitenizi en son değişikliklerle doğrudan göreceksiniz. Sol panel, temanız tarafından sağlanan çeşitli ayarlamalar içerir. Bir arka plan görüntüsü ayarlamak için arka planı tıklayın.
“Arka plan” menüsünde, arka planınız için görüntüleri veya renkleri kullanabilirsiniz. Görüntüyü kullanmak için Resim Seç düğmesini tıklayın. Ardından, WordPress Media Kütüphanenizden resimleri seçin. Yeni bir resim yüklemek için “Dosyayı Yükle” sekmesini seçin. Ardından dosyayı seçin ve bilgisayarınızdan görüntüyü seçin. Resimleri sitenize yükledikten sonra Resim Seç düğmesini tıklayın. Görüntünün boyutunu ve görüntüsünü değiştirmek için “önceden ayarlanmış” açılır ve kullanılabilir seçeneklerden seçin. Hangisinin resminize en uygun olduğunu belirlemek için her seçeneği test edebilirsiniz. “Görüntü konumu” altında, görüntüyü hizalamak istediğiniz açıyı seçebilirsiniz. Görüntüyü ayarlamayı bitirdiğinizde, değişiklik yapmak için Yayınla’yı tıklayın. Arka plan ekranını görmek için web sitenizdeki herhangi bir sayfayı ziyaret edebilirsiniz. Contra Arka Plan Seçenekleri Çoğu tema tarafından sağlanan varsayılan arka plan seçeneğini kullanarak varsayılan tema zayıflığı, sayfanızdaki arka plan görüntüsü ekranı üzerinde çok fazla esneklik ve kontrol sağlamak değildir. Ayrıca, arka plan görüntüsü web sitenizin tüm yayınlarına ve sayfalarına küresel olarak uygulanır. . Dolayısıyla, sayfalar ve diğer yayınlar için farklı bir arka plan kullanmak istiyorsanız, bunu zor bulabilirsiniz. Neyse ki, arka plan resimleri eklemek için WordPress eklentileriyle, sitenizdeki herhangi bir parçaya veya sayfaya arka plan fotoğrafları eklemede çok fazla kontrol ve esneklik elde edersiniz. WordPress eklentisini kullanarak, tema ayarınızın arka plan resimleri ekleme seçeneği yoksa, eklemek için bir eklenti kullanabilirsiniz. Bu bölümde, iki eklenti kullanarak nasıl yapılacağını göstereceğiz. Elementor Elementor kullanarak WordPress’te bir arka plan resmi nasıl eklenir WordPress için sayfa yapımcılarının en popüler ve gevşek eklentilerinden biridir. Bu eklenti, tek bir kod satırı yazmak zorunda kalmadan etkileşimli bir gösterge tablosu kullanarak eksiksiz bir web sitesi oluşturmanıza izin veren birçok özellik ile birlikte gelir. Burada, WordPress web sitesindeki parçalara arka plan resimleri eklemek için arka plan özelliğini kullanacağız. Başlamak için Elementor eklentisini WordPress kontrol panelinizden yüklemeniz ve etkinleştirmeniz gerekir. Bu konuda yardım için WordPress eklentimizi nasıl yükleyeceğinizle ilgili kılavuzu okuyun. Eklentiyi etkinleştirdikten sonra, WordPress yayınlarınızı ve sayfalarınızı düzenlemek için sezgisel bir gösterge tablosu kullanabilirsiniz. Başlamak için sayfayı açın >> Tüm sayfaları ve ardından değiştirmek istediğiniz sayfanın altındaki düzenlemeyi seçin.
Sayfa düzenleyicisinde, gösterge tablosunu açmak için Elementor ile Düzenle düğmesini tıklayın. Elementor Gösterge Tablosu, web sitenizdeki herhangi bir parçayı düzenlemenize yardımcı olacak birçok özellik ile paketlenmiştir. Metin, başlıklar, resimler, videolar vb. Ekleyebilirsiniz. “İçerik” sekmesinden. Diyelim ki sayfanızdaki parçaya bir arka plan resmi eklemek istiyoruz, aşağıda görüldüğü gibi tüm parçaları vurgulamak için altı nokta simgesini tıklayın.
“Koruma” sekmesinde, arka plan gerginliğini tıklayın. Ardından, kalem simgesini seçin ve ardından görüntüyü seçin. Şimdi WordPress medya kitaplığınızdan resimleri seçin veya yeni resimler yükleyin. Bir arka plan streç ekleyin Görüntüler seçtikten sonra, görüntünün içeriğinize müdahale etmemesi için bir arka plan esnemesi ekleyebilirsiniz. Bunun için Arka Plan Kaplama Balonu’nu tıklayın.
Ardından “Renk” bölümünde kullanmak istediğiniz rengi seçin. Görüntü ve efekt eklemeyi bitirdiğinizde, değişikliklerinizi kaydetmek için Güncelleme düğmesini tıklayın. Bu yöntemle, web sitenizdeki herhangi bir parçaya veya sayfaya sınırsız bir arka plan resmi ekleyebilirsiniz. Sadece sayfayı seçin, ardından Elementor eklentisi ile düzenleyin ve arka plan görüntüsünüzü ekleyin. Arka Plan daha WordPress (AWB) WordPress’e arka plan resimleri eklemek için kullanabileceğiniz başka bir eklenti, gelişmiş WordPress arka plan eklentisidir. Arka plan görüntüleri eklemenin yanı sıra, videoyu arka plan öğesi olarak da kullanabilirsiniz. Videolar medya kütüphanenizden, YouTube veya Vimeo videonuzdan olabilir. Paralax kaydırma efekti gibi görüntünüze uygulayabileceğiniz özel efektler de vardır. Burada, arka plan görüntüleri eklemeye odaklanacağız, ancak arka plan efekti hakkında daha fazla bilgi edinmek istiyorsanız, WordPress’e bir paralaks efekti ekleme hakkındaki ayrıntılı kılavuzumuza bakın. Başlamak için, eklentiyi WordPress gösterge tablounuzdan yüklemeniz ve etkinleştirmeniz gerekir. Bunun için eklentiyi aç >> Yeni ekleyin. Arama kutusuna “Arka Plan WordPress Advanced” yazın. Ardından, şimdi Yükle düğmesine basın ve kurulum tamamlandıktan sonra eklentiyi etkinleştirin. Bu eklenti kullanmak için AWB eklentisi nasıl kullanılır, sayfaları açın >> Tüm sayfalar. Ardından, arka planı eklemek istediğiniz sayfanın altındaki düzenle’yi seçin. Düzenleyicide Blok Ekle simgesini tıklayın, ardından arama kutusuna ‘AWB’ yazın. Göründüğünde, arka plan bloğunu (AWB) seçin. Ardından, sağ tarafa eklemek istediğiniz arka plan türünü seçin. Arka plan renklerini, görüntüleri veya videoları kullanabilirsiniz. “Resim” sekmesini seçin ve resmi seçin. Bundan sonra, medya kitaplığınızdan resmi seçin. “Boyut” ve “Arka Plan Boyutu” seçeneğini kullanarak görüntünün ve arka planın boyutunu değiştirebilirsiniz. Bir resim ekledikten sonra, değişikliğinizi kaydetmek için Güncelleme düğmesini tıklayın. Klasik bir editör kullanıyorsanız, bir arka plan resmi eklemek istediğiniz sayfaya gidin veya gönderin. Oraya geldikten sonra, Gelişmiş WordPress Arka Planlar simgesini tıklayın.
İçindekiler:
Neden bir arka plan resmi ekleyin
Eksileri Arka plan görüntüleri ekleyerek
Arka plan görüntüleri nasıl eklenir
Varsayılan tema seçeneği
Contra Varsayılan tema seçeneği
WordPress eklentilerini kullanma
Elementor kullanarak WordPress’e arka plan görüntüleri nasıl eklenir
Bir arka plan ekleyin
Gelişmiş WordPress (AWB)
AWB eklentisi nasıl kullanılır
CSS kullanarak manuel olarak bir arka plan görüntüsü ekleyin
WordPress sayfasına arka plan resimleri nasıl eklenir
Görev sayfasına bir arka plan resmi ekleyin
Kategori sayfasına bir arka plan resmi ekleyin
Çözüm
Neden WordPress’e arka plan resimleri ekleyin, web sitenizi güzelleştiriyorlar. Sitenizdeki site arka planınızda, sitenizdeki düz arka planları kullanmaya kıyasla bazı estetik ve profesyonellik ekleyen bir resim ekranı bulunur.
Geçmişte, insanlar web sitesi tasarımlarını olabildiğince basit tutmaya çalıştılar. Bu arada o sırada iyi çalışıyor, birçok şey değişti. Küresel olarak artan web sitesi sayısıyla, rakipler arasında öne çıktığınızdan emin olmak önemlidir. Bunu başarmanın bir yolu web sitenizi artırmaktır. Arka plan görüntüsü kullanarak bunu WordPress siteniz için yapın. Eksileri Avantajları olan her şey gibi arka plan görüntüleri ekleyerek, doğru kullanılmazsa da kayıplar olmalıdır. Aşağıda bazılarını tartışacağız. İlk olarak, bazı arka plan görüntüleri yerinde görünmeyebilir ve sayfa içeriğinizi rahatsız edebilir. Bu, kullanıcıların sayfanızda iletmek istediğiniz mesajı kaybetmelerine neden olur. İkincisi, sorumsuz arka plan görüntüleri web sitenizin hücresinin kullanımını etkileyebilir. Çoğu kullanıcı internete mobil cihazlarından erişir. Ve bu nedenle, hücresel misafirperverlik, web sitesinin sahibi olarak ana endişeniz olmalıdır. Son olarak, büyük dosya boyutlarına sahip resimler kullanıyorsanız, bu, web sitenizin yükleme süresini artırabilir. Sonuç olarak, yükleme süresindeki bir artış yüksek bir orana neden olabilir ve bu da SEO sayfanızı etkileyebilir.
Tabii ki, bir görüntü sıkıştırma eklentisi kullanarak veya web sitenize yüklemeden önce görüntüleri çevrimiçi sıkıştırarak bundan kaçınabilirsiniz. WordPress Gönderi ve Sayfanıza Arka Plan Görüntüleri Nasıl Eklenir WordPress sitesine arka plan resimleri eklemenin üç yolu vardır. Eklentilerle veya özel bir CSS kodu kullanan varsayılan tema seçeneğini kullanır. Aşağıda, size nasıl kullanılacağını göstereceğiz. Varsayılan Tema Seçenekleri Birkaç WordPress teması, resimleri sayfanızın arka planı olarak kullanma desteğine sahiptir. Temanız bunu destekliyorsa, yönetici panelinizdeki özelleştirme sayfasından etkinleştirebilirsiniz. Başlamak için WordPress kontrol panelinize giriş yapın ve ardından görünüşe gidin >> Özelleştirin. Bu, WordPress tema ayarlama sayfasını getirecektir.
Sağda, sitenizi en son değişikliklerle doğrudan göreceksiniz. Sol panel, temanız tarafından sağlanan çeşitli ayarlamalar içerir. Bir arka plan görüntüsü ayarlamak için arka planı tıklayın.
“Arka plan” menüsünde, arka planınız için görüntüleri veya renkleri kullanabilirsiniz. Görüntüyü kullanmak için Resim Seç düğmesini tıklayın. Ardından, WordPress Media Kütüphanenizden resimleri seçin. Yeni bir resim yüklemek için “Dosyayı Yükle” sekmesini seçin. Ardından dosyayı seçin ve bilgisayarınızdan görüntüyü seçin. Resimleri sitenize yükledikten sonra Resim Seç düğmesini tıklayın. Görüntünün boyutunu ve görüntüsünü değiştirmek için “önceden ayarlanmış” açılır ve kullanılabilir seçeneklerden seçin. Hangisinin resminize en uygun olduğunu belirlemek için her seçeneği test edebilirsiniz. “Görüntü konumu” altında, görüntüyü hizalamak istediğiniz açıyı seçebilirsiniz. Görüntüyü ayarlamayı bitirdiğinizde, değişiklik yapmak için Yayınla’yı tıklayın. Arka plan ekranını görmek için web sitenizdeki herhangi bir sayfayı ziyaret edebilirsiniz. Contra Arka Plan Seçenekleri Çoğu tema tarafından sağlanan varsayılan arka plan seçeneğini kullanarak varsayılan tema zayıflığı, sayfanızdaki arka plan görüntüsü ekranı üzerinde çok fazla esneklik ve kontrol sağlamak değildir. Ayrıca, arka plan görüntüsü web sitenizin tüm yayınlarına ve sayfalarına küresel olarak uygulanır. . Dolayısıyla, sayfalar ve diğer yayınlar için farklı bir arka plan kullanmak istiyorsanız, bunu zor bulabilirsiniz. Neyse ki, arka plan resimleri eklemek için WordPress eklentileriyle, sitenizdeki herhangi bir parçaya veya sayfaya arka plan fotoğrafları eklemede çok fazla kontrol ve esneklik elde edersiniz. WordPress eklentisini kullanarak, tema ayarınızın arka plan resimleri ekleme seçeneği yoksa, eklemek için bir eklenti kullanabilirsiniz. Bu bölümde, iki eklenti kullanarak nasıl yapılacağını göstereceğiz. Elementor Elementor kullanarak WordPress’te bir arka plan resmi nasıl eklenir WordPress için sayfa yapımcılarının en popüler ve gevşek eklentilerinden biridir. Bu eklenti, tek bir kod satırı yazmak zorunda kalmadan etkileşimli bir gösterge tablosu kullanarak eksiksiz bir web sitesi oluşturmanıza izin veren birçok özellik ile birlikte gelir. Burada, WordPress web sitesindeki parçalara arka plan resimleri eklemek için arka plan özelliğini kullanacağız. Başlamak için Elementor eklentisini WordPress kontrol panelinizden yüklemeniz ve etkinleştirmeniz gerekir. Bu konuda yardım için WordPress eklentimizi nasıl yükleyeceğinizle ilgili kılavuzu okuyun. Eklentiyi etkinleştirdikten sonra, WordPress yayınlarınızı ve sayfalarınızı düzenlemek için sezgisel bir gösterge tablosu kullanabilirsiniz. Başlamak için sayfayı açın >> Tüm sayfaları ve ardından değiştirmek istediğiniz sayfanın altındaki düzenlemeyi seçin.
Sayfa düzenleyicisinde, gösterge tablosunu açmak için Elementor ile Düzenle düğmesini tıklayın. Elementor Gösterge Tablosu, web sitenizdeki herhangi bir parçayı düzenlemenize yardımcı olacak birçok özellik ile paketlenmiştir. Metin, başlıklar, resimler, videolar vb. Ekleyebilirsiniz. “İçerik” sekmesinden. Diyelim ki sayfanızdaki parçaya bir arka plan resmi eklemek istiyoruz, aşağıda görüldüğü gibi tüm parçaları vurgulamak için altı nokta simgesini tıklayın.
“Koruma” sekmesinde, arka plan gerginliğini tıklayın. Ardından, kalem simgesini seçin ve ardından görüntüyü seçin. Şimdi WordPress medya kitaplığınızdan resimleri seçin veya yeni resimler yükleyin. Bir arka plan streç ekleyin Görüntüler seçtikten sonra, görüntünün içeriğinize müdahale etmemesi için bir arka plan esnemesi ekleyebilirsiniz. Bunun için Arka Plan Kaplama Balonu’nu tıklayın.
Ardından “Renk” bölümünde kullanmak istediğiniz rengi seçin. Görüntü ve efekt eklemeyi bitirdiğinizde, değişikliklerinizi kaydetmek için Güncelleme düğmesini tıklayın. Bu yöntemle, web sitenizdeki herhangi bir parçaya veya sayfaya sınırsız bir arka plan resmi ekleyebilirsiniz. Sadece sayfayı seçin, ardından Elementor eklentisi ile düzenleyin ve arka plan görüntüsünüzü ekleyin. Arka Plan daha WordPress (AWB) WordPress’e arka plan resimleri eklemek için kullanabileceğiniz başka bir eklenti, gelişmiş WordPress arka plan eklentisidir. Arka plan görüntüleri eklemenin yanı sıra, videoyu arka plan öğesi olarak da kullanabilirsiniz. Videolar medya kütüphanenizden, YouTube veya Vimeo videonuzdan olabilir. Paralax kaydırma efekti gibi görüntünüze uygulayabileceğiniz özel efektler de vardır. Burada, arka plan görüntüleri eklemeye odaklanacağız, ancak arka plan efekti hakkında daha fazla bilgi edinmek istiyorsanız, WordPress’e bir paralaks efekti ekleme hakkındaki ayrıntılı kılavuzumuza bakın. Başlamak için, eklentiyi WordPress gösterge tablounuzdan yüklemeniz ve etkinleştirmeniz gerekir. Bunun için eklentiyi aç >> Yeni ekleyin. Arama kutusuna “Arka Plan WordPress Advanced” yazın. Ardından, şimdi Yükle düğmesine basın ve kurulum tamamlandıktan sonra eklentiyi etkinleştirin. Bu eklenti kullanmak için AWB eklentisi nasıl kullanılır, sayfaları açın >> Tüm sayfalar. Ardından, arka planı eklemek istediğiniz sayfanın altındaki düzenle’yi seçin. Düzenleyicide Blok Ekle simgesini tıklayın, ardından arama kutusuna ‘AWB’ yazın. Göründüğünde, arka plan bloğunu (AWB) seçin. Ardından, sağ tarafa eklemek istediğiniz arka plan türünü seçin. Arka plan renklerini, görüntüleri veya videoları kullanabilirsiniz. “Resim” sekmesini seçin ve resmi seçin. Bundan sonra, medya kitaplığınızdan resmi seçin. “Boyut” ve “Arka Plan Boyutu” seçeneğini kullanarak görüntünün ve arka planın boyutunu değiştirebilirsiniz. Bir resim ekledikten sonra, değişikliğinizi kaydetmek için Güncelleme düğmesini tıklayın. Klasik bir editör kullanıyorsanız, bir arka plan resmi eklemek istediğiniz sayfaya gidin veya gönderin. Oraya geldikten sonra, Gelişmiş WordPress Arka Planlar simgesini tıklayın.
‘Genel’ sekmesinde, arka plan açılır menüsüne tıklayın ve ardından Resim seçeneğini seçin.
Ardından, Resim Seç düğmesini tıklayın ve ardından WordPress Media Kütüphanenizden Resmi seçin. Görüntünün boyutunu ve konumunu da güncelleyebilirsiniz. Bindirme eklemek istiyorsanız, “Kaplama Renk” altındaki renk seçin. Ardından, kullanmak istediğiniz rengi seçin. Ve şimdi, arka plan görüntüsünü ayarladıktan sonra INSERT’i tıklayın. Bu kısa bir kod üretecek ve otomatik olarak düzenleyicinize girecektir. Bu kısa kodda, arka plan görüntüsüne görüntülemek istediğiniz metni girebilirsiniz. Bittiğinde, değişiklik yapmak için Yayın/Güncelleme düğmesine basın. Artık arka plan görüntüsü ekranını görüntülemek için web sitenizdeki sayfaları görebilirsiniz. CSS kullanarak manuel olarak bir arka plan resmi ekleyin Daha teknik iseniz, sayfanıza ve yayınınıza özel bir arka plan eklemek için özel bir CSS kodu kullanabilirsiniz. Özel bir CSS kullanmak size görüntülerin görünümü ve yerleştirilmesi üzerinde çok fazla esneklik ve kontrol sağlar. CSS yöntemini kullanan birçok arka plan görüntüsü yerleşimi vardır. İlk olarak, tüm sayfalarda görüntülenecek küresel bir CSS arka plan görüntüsü oluşturabiliriz. Tıpkı birkaç WordPress teması tarafından sağlanan seçenekler gibi. Veya özel bir arka plan görüntüsü kategorisi ekleyebilir veya arka plan görüntüsü olan bir CSS sınıfı oluşturabiliriz. Ardından sınıfı her gönderiye ve sayfaya uygulayabilirsiniz. Not: Bu bölüm, CSS ve CSS sınıfının nasıl çalıştığı hakkında temel bilgi gerektirir. Deneyiminiz yoksa, yukarıdaki eklenti yöntemini kullanabilirsiniz. Başlamak için görünümü açın >> WordPress kontrol panelinizden ayarlayın. Bu, Tema Ayarlama menüsünü açacaktır. Bundan sonra Ek CSS menüsünü seçin. “Ek CSS” kutusunda, aşağıdaki kodu kopyalayıp yapıştırın. Gövde {arka plan-image: url (“Örnek-image.jpg”); Arka plan boyutu: kapak; Arka Plan-Tekrar: Yenilenmez; Arka Plan Uyarı: Sabit; } Örnek-image.jpg’yi URL ile arka plan görüntüsü olarak kullanmak istediğiniz görüntüye değiştirdiğinizden emin olun. Medya kütüphanenizden resim yükleyebilir veya stok web sitelerinden telifsiz resimler kullanabilirsiniz. Tamamlandıktan sonra Yayınlama’yı tıklayın. Yukarıdaki kod, web sitenizdeki tüm sayfalar için küresel bir arka plan görüntüsü ayarlayacaktır. Ancak kategoriler, sayfalar ve yayınlar için ayrı bir arka plan görüntüsü kullanabilirsiniz. Aşağıda size nasıl yapılacağını göstereceğiz. WordPress’e arka plan resimleri nasıl eklenir WordPress sayfaları, sayfalar, yayınlar ve diğer içerik türleri için otomatik olarak ayrı bir sınıf yapın. Bu sınıfı bulmak için, sayfayı tarayıcıdaki web sitenizden açmanız yeterlidir. Ardından, geliştirici seçeneğini açmak için inceleyin. etiketinde, sayfa için bir sınıf listesi göreceksiniz. Genellikle, sınıf adı ‘sayfa’ olmalıdır, ancak WordPress temanıza bağlı olarak değişebilir.Sınıfı kopyaladıktan sonra, tema ayarlama sayfası altında ‘Ek CSS’ alt menüsüne dönün.Şimdi aşağıdaki kodu kopyalayıp kutuya yapıştırın..Page {arka plan-image: url (“Örnek-image.jpg”);Arka plan boyutu: kapak;Arka Plan-Tekrar: Yenilenmez;Arka Plan Uyarı: Sabit;} Değiştir. Tarayıcınızdaki geliştirici menüsünden aldığınız CSS sınıfı ile sayfa.Ayrıca, arka plan görüntüsü URL’sini WordPress medya kitaplığınızdaki resme bağlantı ile değiştirin.Bitirdikten sonra yayın düğmesine basın.Bu gönderiye bir arka plan resmi ekleyin, yukarıda ayarladığımız sayfaya benzer çalışır.İlk olarak, tarayıcıdaki web sitenizden bir gönderi açın.Bundan sonra, inceleme aracını açın ve sayfa etiketinde sınıflar bulun.Benim durumumda, bu ‘tek post’. Bu sınıf web sitenizdeki tüm yayınlarda kullanılır. Dolayısıyla, uyguladığınız ayarlama posta sayfanıza küresel olacaktır. Göndermek için arka plan resimleri eklemek için tema ayarlama sayfasına dönün, ardından aşağıdaki kodu kopyalayıp ‘Ek CSS’ kutusuna yapıştırın. .Single-Post {arka plan-image: url (“Örnek-image.jpg”); Arka plan boyutu: kapak; Arka Plan-Tekrar: Yenilenmez; Arka Plan Uyarı: Sabit; } Benzer şekilde, ‘tek post’ i Post sayfanızın geliştirme seçeneğinde bulduğunuz sınıfla değiştirin. Ardından, arka plan görüntüsü URL’sini kullanmak istediğiniz resme gerçek bağlantı ile değiştirin. Son olarak, değişikliklerinizi kaydetmek için yayın düğmesine basın. Kategori sayfasına bir arka plan resmi ekleyin Web sitenizde yeni bir kategori oluşturduğunuzda WordPress, belirli kategori için CSS sınıfını otomatik olarak ayarlar. Bu biçimdeki sınıf, adların kategori adları olduğu “kategorilerin adı”. Dolayısıyla kategori adı ‘köpek’ ise, WordPress tarafından yapılan sınıf ‘köpek kategorisi’ olacaktır. İşte bunun için pratik kullanım durumları. Diyelim ki köpekler hakkında bir kategoriniz var, arka planda, kullanıcı bu kategorideki yayınların bir listesini gördüğünde görünen bir köpek görüntüsü kullanabilirsiniz. Bu, kategori için WordPress tarafından oluşturulan sınıflar kullanılarak kolayca eklenebilir. Özelleştirici tema sayfasında, Ek CSS seçeneğini açın, ardından aşağıdaki kodu kopyalayıp kutuya yapıştırın. .Category-Category-Name {arka plan-image: url (“Örnek-image.jpg”); Arka plan boyutu: kapak; Arka Plan-Tekrar: Yenilenmez;
