WordPress’e arka plan resimleri nasıl eklenir
WordPress sitenize bir arka plan resmi eklemek ister misiniz? Arka plan görüntüleri, web sitenizin daha çekici ve estetik açıdan eğlenceli görünmesini sağlamak için kullanılabilir. Bu makalede, WordPress sitenize arka plan resimleri eklemenin kolay bir yolunu göstereceğiz.
Video öğretici
WPBeginner’a abone olun
Yazılı talimatları tercih ediyorsanız, lütfen okumaya devam edin. Yöntem 1. WordPress Tema Ayarlarınızı kullanarak Arka Plan Görüntüsü Ekle En popüler WordPress teması özel arka plan desteği ile birlikte gelir. Bu özellik, arka plan görüntülerini WordPress sitenize kolayca ayarlamanıza veya arka plan rengini değiştirmenize olanak tanır.
Temanız özel bir arka plan özelliğini destekliyorsa, WordPress sitenize arka plan resimleri eklemek için bu yöntemi kullanmalısınız. Ancak, temanız bu özelliği desteklemiyorsa veya arka plan resimlerini nasıl uygulayacağınızı sevmiyorsanız, öğreticimizde belirtilen diğer seçenekleri deneyebilirsiniz. İlk olarak, görünüm sayfasını ziyaret etmeniz gerekir »WordPress yöneticinizde özelleştirin. Bu, web sitenizi doğrudan görüntülerken farklı tema ayarlarını değiştirebileceğiniz bir WordPress tema ayarlaması başlatacaktır.
Ardından, ‘arka plan resmi’ seçeneğini tıklamanız gerekir. Panel içeri girecek ve web siteniz için bir arka plan resmi yükleme veya seçme seçeneğini gösterecektir.
Devam etmek için Resim Seç düğmesini tıklayın. Bu, bilgisayarınızdan resim yükleyebileceğiniz WordPress Media Uploader Pop-Up’ı getirecektir. Medya kütüphanesinden daha önce yüklenen resimleri de seçebilirsiniz.
Ardından, arka plan olarak kullanmak istediğiniz görüntüyü yükledikten veya seçtikten sonra görüntü düğmesini seçmeniz gerekir. Bu, medya yükleyicisini kapatır ve tema ayarında seçtiğiniz resmin önizlemesini görürsünüz. Resmin altında, arka plan görüntüsü seçeneğini de görebilirsiniz. ‘Ön ayar’ altında, bir arka plan görüntüsünün görüntülenmesini nasıl istediğinizi seçebilirsiniz: içerik ekranı, sağ ekran, tekrar veya özel.
Aşağıdaki oku tıklayarak arka plan görüntüsü konumunu da seçebilirsiniz. Ortaya tıklamak, görüntüleri ekranın ortasına hizalayacaktır. Ayarlarınızı kaydetmek için üstteki ‘Kaydet ve Yayınla’ düğmesine tıklamayı unutmayın. Hepsi bu, WordPress sitenize bir arka plan resmi eklemeyi başardınız. Lütfen ve çalışırken görmek için web sitenizi ziyaret edin. Yöntem 2. Eklenti kullanarak WordPress’te özel bir arka plan görüntüsü ekleyin Bu yöntem çok daha esnektir. Bu, herhangi bir WordPress temasıyla çalışır ve birkaç arka plan görüntüsü oluşturmanıza olanak tanır.
WordPress sitenizin her gönderi, sayfası, kategorisi veya diğer bölümleri için farklı arka planlar da ayarlayabilirsiniz. Bu, tüm arka plan görüntülerinizi otomatik olarak tam ekrana ve hücresel duyarlı hale getirir. Bu, arka plan görüntüsünüzün daha küçük bir cihazda kendi boyutunu otomatik olarak değiştireceği anlamına gelir. İlk olarak, tam ekran arka plan pro eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirmeden sonra, eklenti ayarlarını yapılandırmak için görünüm »tam ekran BG görüntüsünü ziyaret etmeniz gerekir. Lisans anahtarınızı eklemeniz istenecektir. Bu bilgileri bir eklenti satın aldıktan sonra veya eklenti web sitesindeki hesabınızdan aldığınız e -postadan alabilirsiniz. Ardından, değişikliklerinizi kaydetmek için ‘Ayarları Kaydet’ düğmesine tıklamanız gerekir. Artık WordPress sitenize arka plan resimleri eklemeye başlamaya hazırsınız. Lütfen eklenti ayarları sayfasındaki ‘Yeni Görüntü Ekle’ düğmesini tıklayın. Bu sizi arka plan görüntüsü yükleme ekranına götürecektir.
Resmi yüklemek veya seçmek için ‘Resim Seç’ düğmesini tıklayın. Bir resim seçer seçmez, önizlemeyi doğrudan ekranınızda görebilirsiniz.
Ardından, bu resim için bir isim vermeniz gerekir. Bu isim dahili olarak kullanılacak, böylece burada bir şey kullanabilirsiniz. Son olarak, bu görüntünün arka plan sayfası olarak nerede kullanılmasını istediğinizi seçmeniz gerekir. Tam Ekran Arka Plan Pro, görüntüleri küresel bir arka plan olarak ayarlamanıza olanak tanır veya web sitenizin kategoriler, arşivler, ön sayfalar veya bloglar gibi çeşitli bölümleri arasından seçim yapabilirsiniz. Arka plan görüntüsünüzü kaydetmek için Resim Kaydet düğmesine tıklamayı unutmayın. Görünüş sayfasını ziyaret ederek istediğiniz kadar çok resim ekleyebilirsiniz »Tam Ekran BG görüntüsü. Küresel olarak kullanılacak birden fazla resmi ayarlarsanız, eklenti otomatik olarak arka plan görüntülerini slayt ekranı olarak göstermeye başlar. Görüntünün kaybolması ve arka plan görüntüsünden sonraki süre solmaya başlaması için gereken süreyi ayarlayabilirsiniz.
Buraya girdiğiniz zaman milisaniye. Bir arka plan görüntüsünün 20 saniye sonra solmasını istiyorsanız, 20000’e girmelisiniz. Değişikliklerinizi kaydetmek için Ayarlar Kaydet düğmesini tıklamayı unutmayın. Gönderi, sayfalar ve tam ekran arka plan pro kategorileri için arka plan görüntüleri, bir gönderi, sayfa, kategori, etiket ve daha fazlası için arka plan resimlerini ayarlamanızı sağlar.
Farklı bir arka plan görüntüsü görüntülemek istediğiniz yayın/sayfayı düzenleyin. Gönderi düzenleme ekranında, Gönderi Düzenleyicisi altında yeni bir ‘Tam Ekran Arka Plan Görüntüsü’ kutusu göreceksiniz.
Belirli bir kategori için bir arka plan görüntüsü kullanmak için, görünüm sayfasını ziyaret etmeniz »tam ekran BG görüntüsünü ziyaret etmeniz ve ardından ‘Yeni Resim Ekle’ düğmesini tıklamanız gerekir. Görüntünüzü yükledikten sonra, bir arka plan görüntüsü görüntülemek istediğiniz bir bağlam olarak bir ‘kategori’ seçebilirsiniz. Şimdi görüntüleri görüntülemek istediğiniz belirli bir kategori veya salyangoz kimliği girin. WordPress’te kategori kimliklerinin nasıl bulunacağına dair kılavuzumuza bakın.
Ayarlarınızı kaydetmek için resminizi kaydetmeyi unutmayın. Yöntem 3. Kahraman CSS CSS Hero kullanarak bir arka plan resmi ekleyin, tek bir kod satırına dokunmadan temanızda herhangi bir değişiklik yapmanızı sağlayan bir WordPress eklentisidir. Birkaç basit adımda arka plan görüntüleri hızlı bir şekilde ekleyebilirsiniz. İlk olarak, CSS kahramanını kurmanız ve etkinleştirmeniz gerekir. Bunu yapmayı bitirdikten sonra, web sitenizi ayarlamaya başlama zamanı. Şimdi ana sayfanızı tarayıcınızda açın. Yönetici çubuğunuzdaki ‘CS Shero’ya Ayar’ bağlantısını göreceksiniz.
Bağlantıya tıkladıktan sonra, CSS Hero seçeneklerinin açık olduğunu göreceksiniz. Bir resim eklemek istediğiniz alana fareyi yaptı. Aşağıdaki ekran görüntülerinde göreceksiniz. Bu alana tıkladığınızda, sol tarafta bir arka plan bağlantısı seçebilirsiniz.
Arka plan bağlantısı açılacak. Oradan ‘resimler’ tıklayabilirsiniz. Şimdi, arka planınızı yapmak için UNSP’nizden veya yüklemenizden bir resim seçebilirsiniz.
İstediğiniz resme tıkladığınızda, ‘Resim Uygula’ düğmesini görürsünüz. Ardından, istediğiniz görüntünün boyutunu seçebilirsiniz. Tüm sayfaların her yerinde uzanması için büyük bir sürüm seçtik. Altta ‘Kaydet ve Yayın’ tuşuna basın ve arka plan görüntüsü şimdi siteniz için saklanır. Yöntem 4. WordPress’te herhangi bir yere CSS kodunu kullanarak özel bir arka plan görüntüsü ekleyin Varsayılan olarak, WordPress, tüm CSS sınıflarına farklı HTML öğelerine birkaç CSS sınıfı ekledi WordPress siteleriniz. WordPress tarafından üretilen bu CSS sınıfını kullanarak her gönderiye, kategori, yazar ve diğer sayfalara kolayca özel arka plan görüntüleri ekleyebilirsiniz. Örneğin, web sitenizde TV adlı bir kategoriniz varsa, WordPress, birisi TV kategorisi sayfasını gördüğünde bu CSS sınıfını gövde etiketine otomatik olarak ekler.
WordPress tarafından gövde etiketine tam olarak hangi CSS sınıfının eklendiğini görmek için bir inceleme aracı kullanabilirsiniz.
Yalnızca bu kategori sayfasını farklı şekilde düzenlemek için CSS kategorisi TV veya Kategori-4 sınıfını kullanabilirsiniz. Kategori Arşivi sayfasına özel bir arka plan resmi ekleyelim. Bu özel CSS’yi temanıza eklemeniz gerekiyor.Body.category-tv {
Arka Plan-image: URL (“http://example.com/wp-content/uploads/2017/03/your-background-mage.jpg”);
Arka Plan pozisyonu: Merkez Merkez;
Arka plan boyutu: kapak;
Arka Plan-Tekrar: Yenilenmez;
Arka Plan Uyarı: Sabit;
}
