WordPress Arka Plan Görüntüsü: Temayı nasıl ekleyebilir, düzenlenir ve ayarlanır

WordPress arka plan görüntüleri her formda mevcuttur. Tüm web siteleriniz için bir arka plan resmi yükleyebilir, düğmenin arkasına koyabilir veya giriş sayfanız için düz renkli bir arka plan ayarlayabilirsiniz. Nereye koymak istediğiniz her yere, arka plan görüntüleri de dahil olmak üzere görüntüleri yüklemenin temellerini anlamak önemlidir.
Ücretsiz demoyu deneyin
Bu makale, arka plan görüntülerinin ne olduğunu ve daha iyi sonuçlar için nasıl düzenleyebileceğinizi açıklamaktadır. Ayrıca, arka plan görüntülerini sitenizde hızlı bir şekilde nasıl etkinleştireceğimizi ve işlem sırasında meydana gelebilecek sorunları nasıl çözeceğimizi tartışacağız.
Hevesli? Başlayalım!
Video sürümünü izlemeyi mi tercih ediyorsunuz? WordPress arka plan resmi nedir? WordPress arka plan görüntüsü, web sitenizin tam bir arka planı olarak işlev görür. Buna özel bir arka plan denir.

Örnek WordPress arka plan görüntüsü
Arka plan aynı zamanda düz renk olabilir. Seçtiğiniz seçeneklerin yanı sıra, Dosya Function.php, WordPress temasındaki arka plan resimlerini işler. WordPress’ten Header.php dosyası tarafından da görüntülendi. Sonuç olarak, tema geliştiricileri, özel arka plan özelliklerinin WordPress temanız için etkinleştirilip etkinleştirilmeyeceği üzerinde daha fazla kontrole sahiptir. Yine de işlevinizi değiştirebilir veya ölebilirsiniz, ancak site temanız genellikle varsayılan ayarları belirler.
WordPress’te uygulayabileceğiniz çeşitli arka plan türleri vardır. Tam bir standart web sitesinin arka planını veya yanlar ve makaleler gibi belirli öğelerin arkasındaki arka planı seçebilirsiniz. WordPress sitesindeki daha spesifik yerler için özel arka plan da mümkündür:
WordPress sayfalarının veya gönderilerinin arkasında
WordPress Kategori sayfasında
Giriş sayfasındaki sayfalar veya yayınlar için içerik bloğunun içinde
Navigasyon menüsünün arkasında
Bakım sayfasında veya yakında geliyor
Genel olarak, bir temada özel arka plan desteği etkinleştirilirse, kullanıcılar tüm site arka planını doldurmak için resim yükleme veya renkler seçme olanağına sahiptir.
Ayarlar, görünüm altındaki WordPress kontrol panelinde bulunur> Özelleştir> Arka Plan Görüntüsü. Bununla birlikte, sürükleme ve gevşek sayfa yapımcıları, eklentiler ve farklı seçeneklerle diğer arka plan türleri mümkündür. Gösterge tablosuna bir arka plan görüntüsü yüklemek işlemin yalnızca bir parçasıdır. Bundan sonra, arka plan görüntü ayarlarını yapılandırmanız gerekir. Bazen ayarları oldukları gibi bırakabilirsiniz, ancak diğer zamanlarda, görüntünün iyi göründüğünden emin olmak için ayarları yeniden yapılandırmak önemlidir. WordPress arka plan görüntüleri için ayarlar şunları içerir:
Arka plan rengi
Yapıştırıcı
Görüntü konumu
Görüntünün tekrarlanıp tekrarlanmaması gerekip gerekmediği
Ekranı doldurma veya görüntüleri germe seçeneği
Önce WordPress arka plan görüntülerini kullanırken en iyi uygulamayı tartışacağız. Sonra çeşitli durumlarda WordPress arka plan görüntüsünü ayarlamanın yoluna gireceğiz.
Sitenize yeni bir görünüm vermek ister misiniz? Arka plan görüntülerini nasıl ekleyeceğinizi, boyutunu düzenleyeceğinizi, sizinkine ayarlayın ve daha fazlasını öğrenin. Tweet için tıklayın Pek çok arka plan tarzı WordPress’in arka planının gerçek faydaları tüm statik görüntüler değildir. Videodan fotoğraf desenlerine kaydırmaya kadar çeşitli arka plan türleri bulabilirsiniz.
Kinsta sitesindeki arka plan görüntülerine örnekler

CSS veya özel eklentiler (veya her ikisi) yardımıyla genellikle benzersiz bir arka plan uygulayabilirsiniz. Size bu makaledeki iki yöntemi gösteriyoruz. İşte dikkate alınması gereken bazı arka plan stilleri:
Standart arka plan görüntüsü: Bu, web sitesi alanının çoğunda uzanan ve ana içeriğin arkasında olan statik bir görüntüdür (PNG, JPG ve diğer görüntü formatları). Avantajlar arasında sadelik, yüksek çözünürlüklü fotoğraflar için seçenekler ve WordPress Core’un varsayılan desteği yer alır. Zayıflık, ön arka plan elemanlarının görünürlüğünü bozma eğiliminden sitenizi yavaşlatan büyük yüksek çözünürlüklü görüntülere kadar değişir.
Düz renkli arka plan: Sitenize bazı titreşimler eklemek istediğinizde, ancak markanızla eşleşen veya arka plan olarak iyi görünen görüntülere sahip olmadığınızda düz renkli arka plan görüntüleri çok kullanışlıdır. Renk arka planı ayrıca daha temiz, daha profesyonel bir şekilde sunar ve uygulanması uzun zaman gerektirmez. Özel bir kod veya eklenti gerektirmeden markanızı eşleştirmek için iyidirler.
Gradyan Arka Planlar: Bir renkten diğerine gradyan arka plan geçişi. Bu, düz renkten daha görsel olarak çekicidir, eklemek için fazla zaman gerektirmez ve çok sayıda eklenti ile ekleyebilirsiniz. Ana dezavantaj, ön planın gradyanın bir ucunda iyi görünebilmesidir, ancak diğer ucunda değil.
Arka plan deseni veya dokusu: Tüm arka plan desenleri ve dokuları fotoğraflardır, ancak ahşap paneller veya çim gibi yakın çekim görüntülerinde veya dokulardaki tekrarlayan öğelere odaklanın. Desen veya dokunun iyi bir kısmı, bir arka plan olarak çok iyi çalışması, onu nasıl gerebileceğinizi görmesidir ve çoğu insan, resim yeterince büyük olmadığında bir duraklama olup olmadığını fark etmeyecektir. Arka planda çeşitli tasarım veya fotoğraf türlerini paylaşın, müşteriler sitenize göz attığında ruh halini ayarlama çabalarını artırın. Ancak, slayt şovları sitenizi rahatsız edici veya yavaşlatıcı olarak kabul edilebilir.
Video arka plan: Video arka plan ilginç, izlemesi eğlenceli ve markanızın doğasını tanımlamak kolay. Bununla birlikte, doğru yapılmazsa performans sorunlarına da neden olurlar ve satış kanallarınızı rahatsız edebilirler. Ayrıca, arka plan videosu mükemmel olmalı ve doğru zamanda döndürülmelidir. Ücretsiz stok videoları seçmedikçe yapmak da pahalı olabilir.
WordPress arka plan görüntülerini kullanmak için en iyi uygulama özel arka plan resimleri ayarlar, kolay görevler gibi görünüyor. Resmi doğru yere yükleyin ve ön taraftaki görünümü görün, değil mi?
Çoğu zaman, sorun budur, ancak başka bir zamanda arka plan görüntülerinin biraz zahmetli olabileceğini göreceksiniz. Bu nedenle, mümkün olduğunca çok sorunu ortadan kaldırmak için WordPress arka plan görüntüleri için en iyi uygulamayı izlemenizi öneririz. Yüksek kaliteli görüntülerle kalın, sunuma sık sık yapar veya zarar verir veya zarar verir. Akıllı telefonunuzla çektiğiniz resmin arka plan görüntüleri için mükemmel olduğunu düşünebilirsiniz, ancak büyük olasılıkla resim çok daha yüksek kalite olmalıdır. Free Stok Fotoğrafı Plan Hakkında Ücretsiz Fotoğraf
Shutterstock gibi sitelerden looyalty ücretsiz görüntüler için ödeme yapabilirsiniz. Bu siteler genellikle hazırlanmış ve büyük bir arka plan görüntüsü olarak yüklenmeye hazır olan profesyonel düzeyde görüntülere sahiptir. Birçoğunu ücretsiz görüntü stok sitelerinde de bulabilirsiniz. Arka plan görüntüleri web sitenizde bir bütün olarak görüntülenmeyebilir, çünkü çoğu içerikle kaplıdır. Ancak, gerçek görüntü tüm ekranda görüntülenir. Yüksek kaliteli görüntüler kullanmazsanız, geniş bir arka plan görme riski taşırsınız. Arka plan görüntüsünün görüntünün çözünürlüğü ile uyumlu olduğundan emin olun, görüntünün fiziksel boyutu çok önemlidir.
Tüm ekranların farklı yönleri oranları vardır. Ve mobil cihazlar daha karmaşık hale getirir. Ancak amaç, en büyük ekran için iyi görünen görüntüleri kullanmaktır. Değilse, tekrar gerilmiş veya doğru görüntülenmeyen bir görüntüye sahip olmanız için tekrar risk altındasınız. Genel olarak, iyi bir kural, minimum WordPress arka plan görüntü boyutunu 1024 x 768 piksel kullanmaya devam etmektir. Ancak, diğer uzmanlar 1920 x 1080 piksel gibi bir şey önermektedir. Genel olarak, en iyi eyleminiz, görüntülendiğine bağlı olarak genişliği için 1000 ila 3000 piksel arasında kalmaktır. WordPress arka plan görüntüsünün boyutları
Dikkate almanız gereken bir sonraki faktör oran yönüdür. Arka plan görüntüsü tüm web sitesini mi yoksa üst kısmın sadece dörtte birini mi kapsıyor? Teknik olarak, web sitesi portre en boy oranına sahiptir (genişlikten daha yüksek). Böylece görüntü türüne bakabilirsiniz. Bununla birlikte, bölümün arka planı – başlık veya banner reklamları için olduğu gibi – hala peyzaj formatında olmalıdır (yükseklikten daha uzun). Ayrıca, geçerli masaüstü için en yaygın yönlerin oranı 16: 9’dur. Bu hedefte kal. Duyarlı temalar veya eklentiler, arka plan resimlerini hücresel ekran için otomatik olarak ayarlayabilir.

Sonunda, arka plan görüntüsünüzü gerçek sitede test edin ve çeşitli cihaz türleri nihai kararı kolaylaştıracaktır. WordPress’e yüklenen tüm resimler gibi bir WordPress arka plan görüntüsü oluşturmadan önce optimize edin, internete yayınlanmadan önce optimize etmezseniz kendinize zarar verirsiniz. Bu, arka plan görüntüleri için çok önemlidir, çünkü genellikle tüm web sitelerinizde birçok sayfada görünürler. Ayrıca, büyük fotoğraflar ve ekranda çok fazla alan içeriyorlar. Daha büyük görüntüler sunucunuzda önemli bir yük sağlar. Görüntü çözünürlüğünüzü koruyun, ancak web sitenizin hızlı bir şekilde yüklenmesi için boyutunu optimize edin. Fotoğrafları optimize etmek için iki seçeneğiniz vardır: WordPress’e yüklemeden önce arka plan resimlerini (ve tüm web sitesi resimlerini) optimize edin. Bu manuel işlemi Photoshop Express, GIMP ve PIXLR gibi araçların yardımıyla tamamlayın.
Boyutu değiştiren ve yüklendiğinde fotoğrafları büzüşen WordPress eklentisini yükleyerek otomatik olarak optimizasyon işlemi.
Web performansını iyileştirmek için görüntülerin nasıl optimize edileceğine dair derinlemesine görüntü optimizasyon kılavuzumuzu okuyun. Temayı yüklemeden önce arka plan desteğini kontrol edin maalesef, tüm temalar özel arka plan resimlerini desteklemeyin. Çoğu zaman arka planın temanın genel tasarımıyla eşleşmemesidir, bu nedenle geliştirici onu tamamen devre dışı bırakmayı seçer. Ancak, web sitenizde gerçekten bir arka plan istiyorsanız, özellikle premium bir tema için ödeme yapmayı planlıyorsanız, yeni bir tema indirirken özellikler listesini kontrol etmelisiniz. Birçok tema satış web sitesi, bir temanın arka planı destekleyip desteklemediği hakkında bilgi sunar. Örneğin, WordPress tema kütüphanesinde listelenen tema, etiket olarak özel arka planlar için destek gösterir. Temanın açıklamasında özel bir arka plana referanslar da bulabilirsiniz.

Diğer tema siteleri genellikle özel arka plan görüntüleri hakkında benzer bilgiler içerir. Değilse, mümkünse herhangi bir şekilde öğrenmek için geliştiriciyle iletişime geçin ve arka plan görüntüleri bloğunu (aşağıda kapsanır) değiştirirse tema ile ilgili herhangi bir soruna neden olur. Arka plan görüntülerini Gutenberg, WPBakery, Divi ve Elementors gibi sayfa yapımcılarını daha kolay hale getirmek için kullanmayı düşünün, web sayfasında herhangi bir yere resim ve metin kutuları gibi öğeler eklemek için etkileyici bloklar ve modüller listesi sunuyor.
Web sitesi üreticisi öğesi
Sürükle ve bırak üreticileri olmadan, arka plan görüntülerini yapılandırmak biraz daha zorlaşır. Bulabileceğiniz sorunları çözmeye çalışmak çok zor. Sayfa üreticileri ayrıca WordPress aracılığıyla sağlanan varsayılan arka plan görüntüsü işlevini değiştirme eğilimindedir. Koddaki arka plan resimlerini göstermeye yardımcı olan kayıp tema veya öğe sınırlarını bir kenara koyabilirsiniz. Arka plan görüntülerinizin yasal yasallığın, özellikle internette yayınlananlar hakkında konuşurken her zaman göründüğünden emin olun. İnsanların fotoğraflara otomatik olarak kredi eklemenin fotoğrafın kullanılabileceğini varsaydığı sosyal medyada gelişen bir eğilim var. Bu yanlış. Fotoğrafı çeken herkes var. Resim hızlı bir iPhone çekiminden gelse bile – ABD ve diğer birçok ülkedeki fotoğraf için hemen telif hakkı koruması var. Yasal hakların başkalarının fotoğraflarını kullanmasını istiyorsanız, telif hakkı sahibinden görüntülerini kullanmanıza izin veren yazılı bir ifade gerektirecektir – basit EMERS yardımcı olabilir. Yine de, kişi size sorarsa fotoğrafı ilişkilendirmeniz gerekebilir. Sitenizdeki görüntüleri korumak için kapsamlı bir rehberimiz var, ancak makale ayrıca diğer kaynaklardan fotoğraf kullanmak isteyenler için değerli bilgiler de açıklanıyor. Arka plan görüntüsünün zor kısmı, WordPress’in arka plan görüntüleri için görülen bilgileri girecek bir yeri olmadığını görerek, atıf eklemenin genellikle pratik olmamasıdır.
Ve hayır, rastgele bir blog veya blog sayfasına atıf ekleyemezsiniz ve tam bir web sitesi arka plan görüntüsü için bir kredi olarak işlev görür. Kendinizi korumak ve fotoğraf çekenlere saygı duymak için WordPress arka plan görüntülerini ararken aşağıdakilerden birini düşünün: Kendi fotoğraflarınızı çekin. Başkalarının telif hakkını ihlal etmediğinizden emin olmanın en kolay yolu budur.
Shutterstock ve Istockphoto gibi web sitelerinde fotoğraflar için ödeme yapın. Bu bazen pahalıdır, ancak bir arka plan görüntüsü için sadece bütçeniz olabilir.
Unssplash veya Pexels gibi ücretsiz resim web sitelerini düşünün. Ancak, ilişkilendirmenin gerekli olmadığından emin olun! Bazen bu sitede ilişkilendirmenin önerildiği ancak gerekli olmadığı resimler bulabilirsiniz.

Bir fotoğrafçı veya sanatçı ile iletişime geçin ve ücretsiz kullanıp kullanamayacağınızı sorun. Bu, özellikle karşılığında bir şey sunarsanız, ihtiyacınız olan her şey olabilir.
Arka plan görüntülerini eksik düşünün veya fotoğraflar yerine renk arka planlarını kullanmayı düşünün.

WordPress’te arka plan resimlerini nasıl ayarlarım? WordPress üzerinde arka plan görüntüleri ayarlamanın çeşitli yolları vardır. Bu yöntem genellikle görüntüler koymak istediğiniz yere göre değişir. Örneğin, tüm web sitelerinizde aynı arka plan görüntüsüne sahip olmak istediğinize karar verebilirsiniz. Öte yandan, belki de tüm sayfalarınız için benzersiz bir arka plan görüntüsü göstermenin bir yolunu bulmayı tercih edersiniz. Çok fazla olasılık olduğu için, aşağıdaki bölüme nasıl görüntü veya arka plan renkleri ekleyeceğinizi tartışacağız:
Tüm Siteler
WordPress sayfası
Bir WordPress Post
Bireysel İçerik Bloğu
WordPress Başlığı
Kategori arşiv sayfası
WordPress giriş sayfası
Gezinme Menüsü
Bakım sayfası
Başlamadan önce: WordPress’teki özel arka plan desteğini etkinleştirin (gerekirse) Tema Geliştiricisi, sitenin arka plan yeteneğinin kaderini belirler. WordPress, çekirdeğin içine yerleştirilmiş işlevselliğe sahiptir, ancak tema geliştiricisi onu kapatabilir, böylece etkinleştirmek için bir gösterge tablosu ayarınız yoktur. Aşağıdaki öğreticinin herhangi bir noktasında, temanızın özel bir arka plan seçeneğiniz olmamasının nedeni olduğunu görürseniz, hızlı bir şekilde düzeltmek için aşağıdaki adımları göz önünde bulundurun. WordPress için ana özel arka plan desteği Dosya Function.php tarafından işlenir. Dosyayı açın ve aşağıdaki kodu girin: $ defaults = array (‘varsayılan-color’ => ”, ‘varsayılan-imagage’ => ”, ‘varsayılan-tekrar’ => ”, ‘varsayılan -position -x ‘=>’ ‘,’ varsayılan takıma ‘=>’ ‘,’ wp-head-callback ‘=>’ _custom_background_cb ‘,’ admin-head-callback ‘=>’ ‘,’ admin-review- Geri arama ‘=>’ ‘); add_theme_support (‘özel-arkalık’, $ varsayılan); Gerçek öğenin arka plan desteğini etkinleştirdiğini unutmayın, içindeki her şeyle add_theme_support () işlevidir. Kod, bu makalede aşağıdaki öğreticilerde kullanabileceğiniz WordPress kontrol panelindeki arka plan özelliğini etkinleştirir. Ayrıca functions.php dosyası aracılığıyla tüm temalara varsayılan arka plan resimleri de ekleyebilirsiniz. Önceki kodun alanını varsayılan görüntü değeri ile açın ve görüntü URL’sini “Sonrası =>> arasındaki boş alana ekleyin
. Bu, WordPress kontrol panelindeki özel arka planı etkinleştirmenin hızlı ve kolay bir yoludur. Bu nedenle, başlangıçtan itibaren arka plan desteğiniz yoksa temayı değiştirmenizi öneririz. Özel arka plan özelliklerinin ortadan kaldırılması kendi hedefi olabilir veya belki de tema geliştiricisi, tasarımla ilgili çok fazla soruna neden olduğunu düşünür. Tüm WordPress sitelerinize arka plan resimleri nasıl eklenir, temanız özel arka plan resimleri ekleme olanağı sunarsa (ve birçoğu bunu yaparsa), sizi kolaylaştıracaktır. Başlamak için WordPress Gösterge Tablosunu Açın ve Görünüm> Özelleştir’i tıklayın. Görünüm menüsünün altındaki ‘Ayarlama’ bağlantısını tıklayın
Soldaki ayar ayarları ve sağdaki web sitesinin önizlemesi ile sizi WordPress tema ayarlamasına götürür. Burada, Arka Plan sekmesini bulun ve tıklayın.
Editörde WordPress arka plan görüntüsü
Alternatif olarak, görünüm> arka plan seçebilirseniz, bu ayara daha doğrudan bir yol için kullanabilirsiniz.
Görünüm menüsünün altındaki ‘arka plan’ bağlantısını tıklayın
Tüm web siteleriniz için arka plan öğelerini yöneten arka plan özelleştirme alanları. Devam etmek için Resim Seç düğmesini tıklayın.
‘Resim Seç’ düğmesini tıklayın
Resim Seç penceresinde, web siteniz markası ve stili için arka plan olarak uygun bir resim seçin. Genel olarak, siyah veya beyaz veya gri olan nötr renk desenleri genellikle metninizin ve içeriğinizin çoğunun arkasındaki arka planla iyi görünmesini sağlamaya yardımcı olur. Görüntünüzü seçtikten sonra devam etmek için Resim Seç düğmesini tıklayın.
Şimdi uyguladığınız arka planın arka plan görüntüsünü seçin, web sitesinin önizlemesinde görünür. İçeriğinizin hala belirgin olup olmadığını ve seçilen görüntü ile düzgün görünüp görünmediğine bakın. Bazen arka planı tamamen değiştirmeniz veya metin veya bağlantı rengi gibi şeyleri değiştirmeniz gerekebilir. Arka planın küçük küçük küçük resimleri de ayarlar panelinde görüntülenen görüntünün uygulandığını gösteriyor.

Küçük resim WordPress arka plan görüntüsü
Önceden ayarlanmış alan da dahil olmak üzere WordPress arka planları için bazı ek ayarlar mevcuttur. Ön ayarların tasarımını ve tesviye edilmesini kullanarak görüntü biçimlendirmesini değiştirmek için önceden ayarlanmış alanına tıklayın.

WordPress arka plan resmi için ‘önceden ayarlanmış’ seçeneği
Aşağıdaki ön ayarlardan seçim yapabilirsiniz:

Varsayılan: Bu genellikle tekrarla aynıdır, ancak temanıza bağlı olabilir. Varsayılan ayarlar genellikle en iyi şekilde çalışır, ancak kullanılan görüntüye bağlıdır.
Dolgu ekranı: Bu ayarlar, görüntünün kesilmesi anlamına gelse bile, ekranın tüm parçalarının kapalı olduğundan emin olmak için görüntüyü uzatır, böylece ekrandan taşar. Bu, birçok yüksek çözünürlüklü görüntü için iyi işlev görür, ancak düşük çözünürlüklü görüntülere sahip bulanık görüntülere neden olabilir.

Ekranı ayarlayın: Bu, orijinal fotoğraf yönlerinin oranını korur ve oranı geçerli ekran görüntüsüne uyacak şekilde kullanmaya çalışır. Görüntüyü orijinal duruma yakın tutmak için iyi bir iş çıkarır, ancak tüm arka plan alanlarını kapsayamayabilir.
Tekrar: Bu, içerik ekran işlevinin kısımlarını kullanır, görüntüleri genişletir ve gerdirir, ancak tüm ekranı başarısız olarak kapladığında görüntüyü tekrarlar. Desenler için, bu genellikle iyi görünüyor. Ancak bazı görüntüler için, tekrarlanan görüntüler arasında sert hatlar üretebilir. Özel: Bu ayar size arka plan üzerinde en büyük kontrolü sağlar ve WordPress arka plan görüntüsünün boyutunu ayarlamak için birkaç seçenek sunar, örneğin sayfadaki tekrarlama, germe, germe, veya kullanıcı kaydırıldığında hareket eder.

Görüntülerin farklı boyutları, çözünürlükleri ve ayrıntıları olduğu için hangi ön ayarların en iyi işlev olduğuna dair kural yoktur. Bu nedenle, varsayılan ön ayarla başlamalı ve ardından arka plan görüntüsünüz için en uygun olduğunu görmek için birbiriniz ön ayarını test etmelisiniz. Her şey başarısız olursa, seçtiğiniz için gerçekten özel bir ayar açın.
WordPress arka plan görüntüleri için önceden ayarlanmış ‘dolgu ekranı’

Prasetel ekrana uyum bu resim için yeterli değildir, özellikle orijinal görüntü genişlikten daha uzun olduğu için sağda çok fazla yer bırakır. Görüntünün konumunu merkeze değiştirebilirim, ancak büyük olasılıkla beyaz alanı yan tarafta bırakacaktır.
Prasetel ‘ekrana göre’

Dikkate alınması gereken bir sonraki ayar görüntü konum aracıdır. Arka plan görüntüsünüzü taşımak için oku tıklayın, görüntünün odağını ortaya yerleştirecek veya ekranı dolduracak şekilde yönlendirmeyi ayarlayın. Önceden ayarlanmış ayar gibi, görüntü konum aracı da çalışmanızı tahmin etme ve kontrol etme işlemini gerektirir, çünkü orijinal görüntü ve içerik görünümü belirler.
WordPress arka plan görüntü konumu
Ayrıca, bir sayfa ile bir arka plan görüntüsü kaydırma oluşturmak için bir onay kutusu sütunu vardır. Bu kutu kontrol edildiğinde, kişi sayfada yukarı veya aşağı hareket ettiğinde ön tarafa eklenen ve kullanıcıyla içeriği yuvarlayan arka plan görüntüsü. ‘Sayfayla kaydır’ seçeneğini etkinleştirin.
Kutudaki denetimler, arka plan görüntüsünün genel yönünü değiştirme eğilimindedir, ancak baskın özellik, kullanıcı sayfayı eğittiğinde arka plana statik kalmasını söylemektir. İlk arka plan içeriği öğeleri (bu örnekteki ürünler gibi), ilginç bir etki yaratarak arka plan görüntüsünün üzerinde kayar.
‘Sayfa ile Kaydırma’ seçeneğini devre dışı bırakın
Özel bir ön ayardan başka bir şey seçerken özel bir ön ayarla çalışarak, yapılandırılacak pek çok ek ayar alamazsınız. Ancak, özel bir ön ayar seçmek, dikkate alınması gereken birkaç alan açar. Örneğin, ekranı doldurmayı veya ekrana ayarlamayı seçebilir, ardından tekrarlayan veya yeniden akımlı olmayan bir arka plan görüntüsü ile birleştirerek ön elemanları birleştirebilirsiniz. Ve yine de bir sayfa ile bir kaydırma seçeneği elde edersiniz.
Arka plan görüntüleri için önceden ayarlanmış ve görüntü boyutu
Orijinal görüntüleri düzenleme yapmadan veya herhangi bir ayar kullanmadan kullanın. Bazen orijinal fotoğraf arka plan olarak kullanılmak için çok uygundur, o zaman neden hazır olanları bozarsınız? Ancak, boyut web siteniz için de çok büyük olabilir veya belki de en boy oranı doğru değildir. Her neyse, sizin için doğru olup olmadığını öğrenmek için bu ayarı denemenizi öneririz.

Arka plan görüntüsünün boyutunu ayarlayın
Mükemmel arka plan ayarına karar verdikten sonra (bu öğretici için varsayılan seçenek iyi görünüyor), web sitenizde değişiklik yapmak için yayın düğmesine tıklayın.

Arka planı çalışırken görmek için web sitesi ön ucunuzu açın. Ev başlamak için iyi bir yer. Başlık alanının ve hoş geldiniz görüntünün bir arka planı olmadığını göreceksiniz. Bunun nedeni, sitenin üstündeki hoş geldiniz görüntüsünün ekranın tüm yatay bölümlerini tam ekran kahraman görüntüsü olarak ele almasıdır. Başlıklar ve menüler için, aşağıdaki öğreticilerde arka planı nasıl yapılandıracağınızı öğreneceksiniz.
WordPress arka plan görüntüsüne bakın

Genel bir özel WordPress’in arka planının her sayfada etkinleştirildiğini ve web sitenizi gönderdiğini unutmayın. Bu, sitelerini markalamak ve bazı fişekler eklemek için hızlı bir yol isteyenler için küresel bir özelliktir. Örneğin, bu sitede bir mağaza sayfası açmak ürün seçiminin arkasındaki arka planı ortaya çıkardı.
Başka bir sayfada WordPress arka plan görüntüsü

Tüm web siteleriniz için resimler yerine arka plan rengi nasıl ayarlanır Web sitenizdeki arka plan rengini etkinleştirme işlemi, arka plan görüntüsünü etkinleştirdiğinizde çok farklı değildir. Gösterge tablosuna görünüm> arka plan girerek başlayın, ardından alan arka plan rengini arayın. Arka planınız için farklı renkleri seçmek ve değiştirmek için daha fazla ayarı açmak için Renk Seç düğmesini tıklayın.
Arka plan olarak düz bir renk seçmek

Renk paneli, renge karar vermeniz için birkaç seçenek sunar. Birincisi, renk kodu yazmak veya eklemektir. Tüm renklerin benzersiz renk kodları vardır ve internette hızlı arama ile ilgili bu renkleri ve kodları bulabilirsiniz. Başka bir seçenek, arka plan için mükemmel rengi bulmak için renk panelini tıklamaktır. Daha basit renklerden birini almayı tercih ediyorsanız, panelin altında ortak bir renk örneği bile var. Arka plan rengini etkinleştirmek için, rengin seçildiğinden ve önizlemede görüntülendiğinden emin olun. Renk seçin. ‘Arka plan rengi’ seçme
WordPress özelleştirici önizlemesinde renk arka planını göreceksiniz. Değilse, büyük olasılıkla renk arka planının yerini alan görüntünün arka planını yüklediniz. Renk arka planını ortaya çıkarmak için yapmanız gereken tek şey, arka plan görüntüsünün altındaki Sil düğmesini tıklamaktır.

WordPress arka plan resimlerini sil
Şimdi tüm sitenizde, içeriğin arkasında renkler görünür. Tıpkı görüntünün arka planında yaptığınız gibi, tüm metinlerin, görüntülerin ve bağlantıların hala yeni bir arka planla görünür olduğundan emin olmak için web sitenizi görmek akıllıca olacaktır.

Katı turuncu wordpress arka planı gözden geçirme
WordPress sayfasına bir arka plan görüntüsü nasıl eklenir, ancak WordPress’e bir WordPress sayfasında arka plan olarak görüntülenecek görüntüleri eklemek istiyorsanız ne olur? Önceki bölüm, tüm sitelerin arka plan görüntüsü için küresel ayarları açıkladı. Birçok kişi sayfalarına arka plan eklemekten mutluluk duyar, çünkü sayfaya içerikle eşleşen belirli temalar veya nüanslar girebilirsiniz. Örneğin, şirket LA’daysa Los Angeles’ın bir geçmişine sahip olabilir. Ya da yazarın kitabına giriş, hikayenin temasına uygun bir arka plan içerebilir. Bu bölümde, eklentilere para harcamayı veya sayfa üreticilerini seçmeyi umursamıyorsanız, bir ana yöntem ve bazı alternatifler kullanarak sayfaya WordPress arka plan görüntülerinin nasıl ekleneceğini tartışacağız. Not: Gutenberg mi yoksa klasik WordPress editörü mi kullanmanız önemli değil. Sayfanın özel bir arka planı için, bu yöntem en iyisini işliyor gibi görünüyor: özel bir CSS ile benzersiz bir sayfa arka plan ekleyin.

Bireysel sayfaların arka planına izin veren bir eklenti kullanma.
Bir sayfa üreticisinin yardımıyla her sayfaya özel bir arka plan girin.

Sayfa için bir sınıf kimliği içeren ve WordPress sayfa ayarlarında özel CSS modülünde arka plan URL’sini çağıran sayfaya kendi özel CSS ekleyin. Neyse ki, arayabileceğimizi düşünerek sayfa sınıfı kimliğini bilmek zor değil, ya da ne olduğunu zaten bilebilirsiniz. Sitenizdeki sayfayı yalnızca bu sayfa için bir arka plan istediğiniz şekilde açın.
Özel bir WordPress arka plan resmi ekleyin

Ekranınızdaki açılır menüyü açmak için sayfanın herhangi bir yerine sağ tıklayın. Çıkış menüsünün altındaki muayene aracını seçin. İnceleme modülü, web siteniz için küresel olarak kullanılan özel CSS ile birlikte sayfanın kendisinden kodlamayı görüntüler. Bu, sitenizdeki sayfalar veya yayınlar hakkında bilgi bulmak için yararlı bir alandır. Web sayfalarını kontrol edin
Denetleme kutusunun sayfadan bir kod satırı vardır, ancak yalnızca bu sayfa için ayarlanan sınıf etiketi ile ilgileniyoruz. Açıklığa kavuşturmak için, her WordPress sayfasının kimlik kodu olarak bir sınıf etiketi vardır. Arama işlevini kullanın ve Page-ID etiketiyle kod satırını bulmak için gövdeyi veya sınıfı yazın. Bu durumda, Page-ID-352 Page-ID-352’dir, ancak Page-ID-352’niz farklı olacaktır. Kodun tüm bölümlerini bağlantı işareti dahil olmak üzere anahtar kelime sayfa-id-#ile kopyalamak istersiniz.

WordPress’te bir sayfa kimliği buldum
Önümüzdeki birkaç adımda kullanılacak bir yerde depolanan bir sayfa kimliği ile WordPress kontrol panelinize geri dönün ve görünüm> özelleştir tıklayın.

Tema ayarını açın
WordPress özelleştirici üzerine Ek CSS sekmesini seçin.

Ayarlamadaki ‘Ek CSS’ bölümü
Bu bölüm, web sitenizdeki öğeleri değiştirmek istediğiniz belirli CSS’yi yazmanıza veya eklemenize olanak tanır. Bu durumda, bu, varsayılan arka plan görüntüsünü değiştirmek ve arka plan görüntüsünü bir sayfa için etkinleştirmek için kullanışlıdır. Aşağıdaki kodu ek CSS alanına yapıştırın, ancak ” #” yu bir önceki adımın sayfa kimliği olarak çizdiğiniz gerçek numara ile değiştirmeyi unutmayın. Ayrıca, orijinal görüntü URL’sini orada sahip olduğumuz dolgu metninin yerine koymalısınız (http: //yourimageurl.jpeg). Body.Page-Id-# {Background-image: url (“http: //yourimageurl.jpeg”); Arka Plan pozisyonu: Merkez Merkez; Arka plan boyutu: kapak; Arka Plan-Tekrar: Yenilenmez; Arka Plan Uyarı: Sabit; } Bu örnek için, sayfa kimliği 352 olarak doldurulur ve medya kütüphanemizden ekli bir arka plan görüntüsü URL’si var. Gerekirse, ekran arka plan görüntüsünü ayarlamakta güçlük çekiyorsanız özel arka plan ayarlarını değiştirin. Örneğin, WordPress arka plan görüntüsünün boyutu, eki veya konumu gibi öğeleri değiştirmek isteyebilirsiniz. Değilse, her şeyi örnek kodunda olduğu gibi bırakın. WordPress sitesine özel CSS ekleyin

Özel CSS’den memnun kaldığınızda verim düğmesini tıklayın.
‘Yayınla’ düğmesini tıklayın
Bu özel CSS ile belirtilen sayfa, boyut ayarlarını ve kod konumlandırmasını kullanan bir arka plan görüntüsü içerir. Sitenizde, farklı sayfa kimlikleri için CSS’yi tekrarlamadığınız sürece aynı arka planı görüntüleyecek başka sayfalar yoktur.
Arka plan görüntüsü artık sayfada görüntüleniyor
Daha önce de belirtildiği gibi, WordPress sayfasına benzersiz bir arka plan eklemek için diğer seçenekleriniz, ayrı sayfalarda arka plan görüntülerine izin veren bir sayfa üreticisi veya eklenti kullanmayı içerir. Bununla birlikte, arka plan görüntülerini tek tek sayfalara yerleştirmenin en ucuz ve en hızlı yolu, yukarıda gösterilen CSS kod yöntemini kullanmaktır. WordPress yazılarına arka plan resimleri nasıl eklenir. Arka plan görüntülerinin çoğu WordPress sayfasının veya tüm web sitelerindeki her sayfanın arkasına eklenir. WordPress’teki varsayılan özel arka plan özelliklerinin, bu arka planın blog yayınları için de görünmesi gerçeğinin yanı sıra, tek tek gönderilerle ilgisi yoktur. Tüm kuruluşlar için ideal değildir, çünkü farklı blog yayınlarının çok farklı konuları olabilir. Bu tür bloglar kendi benzersiz arka plan görüntülerinden yararlanabilir. Bununla birlikte, WordPress’in yayınının kendi arka plan görüntü ayarları yoktur, bu da biraz daha karmaşık hale getirir. Bu nedenle, gönderiye arka plan resimleri eklerken dikkate alınması gereken birkaç seçeneğimiz var (görüntünün özel bir arka plan görüntüsü ile çalışırken olduğu gibi olduğunu göreceksiniz): Özel bir CSS kullanarak arka plan resimleri ekleyin.
Her gönderiye arka plan uygulamak için bir eklenti kullanın.

Gönderinin arka planı için görsel sayfanın üreticisini yükleyin.
Benzersiz bir sayfanın arka planı hakkındaki önceki bölüm gibi, bir sayfa üreticisi veya eklenti kullanarak yayınlamak için özel bir arka plan ekleyebilirsiniz. Özel bir arka plan gönderimi yapmanın özel sayfadan çok farklı olmadığı düşünüldüğünde, her yazı için bu işlemi ele alma adımlarını kısaca tartışacağız. Spesifik bir arka plan uygulamak için özel CSS kullanırken, sayfa arka planı için Wild ile aynı kodu bir farkla kullanırsınız: Gönderiyi sayfa kimliğinin aksine bulmalısınız. Bu nedenle, bir arka plan eklemek istediğiniz bir WordPress yayınının ön ucunu açın. Mesajlar için WordPress arka plan görüntüsü

Gönderiyi sağ tıklayın ve inceleme seçeneğini seçin. Koddaki Body Class bölümünü bulmak için kodla bir arama tamamlayın. Postid’i arayın-# Part-hat, özel CSS’ye eklemeniz gereken posta kimliği.
Posta kimliği için biçimlendirmenin biraz farklı olduğunu fark edeceksiniz, bu örnekte Postid-# etiketlerinin “Post” ve “ID” arasında bir çizgi Page-ID-# arasında bir çizgi bulunmadığı sayfa kimliğiyle karşılaştırılmış olduğunu fark edeceksiniz. . Ayrıca, bunlar zor kurallar değil. Etiketler için çeşitli biçimler bulabilirsiniz. Şimdi, WordPress kontrol panelinize gidin ve görünüm> Özelleştir’e tıklayın. Ek CSS sekmesine gidin.

Gio’dan ‘Ek CSS’ bölümü
Aşağıdaki kodu bu özel CSS alanına yapıştırın: Body.postid-# {Arka plan-image: url (“http: //yourimageurl.jpeg”); Arka Plan pozisyonu: Merkez Merkez; Arka plan boyutu: kapak; Arka Plan-Tekrar: Yenilenmez; Arka Plan Uyarı: Sabit; } Bundan sonra, daha önce istenen gönderiden bulduğunuz posta kimliği numarasını alın. CSS kodundaki “#” i numarayla değiştirin. Ayrıca, http: //yourimageurl.jpeg metnini, etrafında tırnak işaretlerini tutarak göstermek istediğiniz arka plan görüntüsünün gerçek URL’si ile değiştirin. Belirli bir posta kimliği için özel CSS’yi eklemek

Ek CSS sekmesinden ayrılmadan önce yayın düğmesine bastığınızdan emin olun, çünkü bu, değişikliklerinizi web sitesinde kaydeder ve ön uçtaki arka planı görüntülemenize olanak tanır.
Değişiklikleri kaydetmek için ‘Yayın’ düğmesine basın

Bu CSS değişiklikleriyle, yeni arka planı görmek için artık bu WordPress blog yayınının ön ucuna geri dönebilirsiniz. Bu yayınlar için aynı kodu uygulamadığınız sürece, diğerinin hiçbirinin arka planı olmadığını görmek için sitenizdeki diğer blog yayınlarını ve sayfalarını test edin.
Gönderideki arka plan görüntüsüne bakın

Bireysel içeriğe arka plan görüntüsü nasıl eklenir Block WordPress Gutenberg Block Editor’un ayrı içerik blokları, metin kutuları, resimler ve galeriler dahil olmak üzere çok çeşitli içerik görüntüleme seçeneklerine izin verir. Bunlar içeriğinizi ayrı bölümlere ayırır. Böylece, sadece bu blok için bir arka plan rengi veya görüntü ekleyebilirsiniz. Örneğin, perakende giyim endüstrisinin durumu hakkında bir yazı blogu yazdığınızı varsayalım. İnsanların bir sonraki web semineriniz için kaydolması için bir harekete geçme çağrısı ile sona erdirmek veya başlamak istiyorsunuz. Arka plan rengi veya görüntü kullanarak bu bölümün öne çıkması mantıklı olacaktır. Ne yazık ki, WordPress Block Düzenleyicisi, herhangi bir bloğa bir geri dönme ekleyebileceğiniz her şeyi tutar bir ayar sunmuyor. Howver, bazı bloklar bir renk arka planı ekleme seçeneğine sahiptir. Ayrıca, kapak bloğu adı verilen bir blok da var, bu da bir yazı veya sayfada bir blok için bir arka plan görüntüsü ekleyebileceğimiz en yakın şey. Kapak, metin ve bazı medya öğelerini kaplamanıza olanak tanıyarak nihai hedefimize uygun hale getirir. Aşağıda, tek tek WordPress bloğu için bir görüntü veya renk arka planı ayarlamak için kullanılması gereken teknikler verilmiştir. Bir blok için bir renk arka planı ayarlamak Tek bir bloğa biraz canlılık eklemenin en basit yolu bir renk arka plan eklemektir. Bir görüntü arka planı kadar süslü değil, ancak renk arka planı aslında standart bloklar için mevcut olan WordPress blok düzenleyicisinde tek arka plan türüdür. Not: Bazı blokların arka plan ayarı yoktur. Eğer durum buysa, sen ‘
Bir kapak bloğu kullanarak ve üstünde diğer blokları üst üste bindirerek, bu makalede daha fazla kapsanın. Örneğin paragraf bloğu, bir renk arka planını etkinleştirmek için bir ayara sahiptir. Bunu açmak için bloğu seçin, ardından sağ taraftaki blok sekmesinin altındaki renk ayarlarını bulun.

Bu bölüm metin rengi ve arka plan renk alanlarını ortaya koymaktadır. Arka plan renk alanına gidin ve mevcut seçenekler listesinden bir renk seçin. Kendi renk kodunuzu eklemek veya benzersiz bir renk seçmek için özel renk bağlantısını da seçebilirsiniz. Gördüğünüz gibi, bu ayar kurulduktan sonra, paragraf bloğunun arka planı farklı bir renge dönüşür – bu durumda mavi.
Arka plan rengi seçmek

Her WordPress bloğuna renk arka plan ekleme daha önce belirtildiği gibi, tüm WordPress bloklarının bu varsayılan arka plan özelliği yoktur. Arka plan seçenekleri sunmayan bir galeri veya diğer blok öğeleri yapmak istiyorsanız ne yapmalısınız? En hızlı çözüm, WordPress’te grup bloğu özelliğini kullanmaktır. Bunu yapmak için, zaten içeriğinizde olan birkaç blok seçin. Bu örnek için, aynı anda paragraf bloğunu ve galeri bloğunu seçeceğim. Görünen menüdeki kazık kutusu simgesini tıklayın.
Sayfadaki ‘ekibimiz’ bölümü
Çıkış menüsünde grup seçeneğini seçin. Bu, şu anda seçtiğiniz ve gruba birleştirdiğiniz herhangi bir bloğu alır ve ayrı bir blok yerine her şeyi birlikte taşımanıza veya düzenlemenize olanak tanır.
Bölümü blok olarak gruplandırın
Bu grubu kendi bloğu olarak ayarlar. Bu, ayarları bulmak için sayfanın sağ tarafındaki Blok Ayarları sekmesine gidebileceğiniz anlamına gelir. Renk Ayarları sekmesini arayın ve tıklayın. Gruplanmış blok için ‘renk ayarlarını’ değiştirin
Tıpkı standart paragraf bloğu gibi, grup bloğu da arka plan rengi özelliğine sahiptir. Gruptaki her şeyin artık bir renk arka planı olması gerektiğini görmek için bu durum için en çok sevdiğiniz rengi seçin. Grup blokları hakkında harika olan, arka plan özelliği olmayan (galeri bloğu gibi) diğer blokların ve bunun için arka planı etkinleştirmenize izin vermesidir.

Arka plan rengini mavi olarak ayarlayın
Görüntünün arka planını bir WordPress bloğu WordPress bloğuna ekleyin. Bu nedenle, bu taktiği bunlardan birine uygulayabiliriz. Grubun arka planının üstüne veya yalnızca bir WordPress bloğuna neredeyse tüm içeriği ekleyebilirsiniz. Bu işlemi başlatmak için ek blok veya ” +” simge düğmesini tıklayın ve kapak bloğunu bulun. Gönderinize veya sayfanıza koymak için bloğu seçin.

Kapak görüntü kapağı ekleme

Ardından, arka plan olarak kullanabileceğiniz resimleri aramanızı sağlayan yükleme düğmesine veya medyayı seçmeniz gerekir.
‘Medya Seç’ düğmesini tıklayın

İstediğiniz resmi seçin ve Seç düğmesini tıklayın.
Resmi seçin ve ‘Seç’ düğmesini tıklayın

Artık resmi kapak bloğu için bir arka plan olarak görebilirsiniz. Ana özellik metni kaplamaktır, çünkü paragraf içeriği yazmaya başlamak için bloğu tıklamak için tereddüt etmeyin. Kapak bloğu hakkında harika olan şey, birkaç biçimlendirme seçeneği sunması, başlıktan paragraf formatına saniyeler içinde atlamanıza izin vermesidir.
Bu arka planın üzerine başka bir blok eklemek için, kapak bloğunun kendisindeki ” +” simge düğmesini tıklayın. Düğmeyi açmak için bir kez girin düğmesine basmanız gerekebilir.

Blok bölümündeki artı işaretini tıklayın
Sıradan makalelere içerik blokları eklemek gibi, kapak bloğu WordPress’teki tüm potansiyel içerik bloklarını kaydırmanıza olanak tanır. Bu, kapak bloğuna görüntüleri, galerileri, sütunları veya her türlü WordPress bloğunu yerleştirebileceğiniz anlamına gelir ve bu da onu ayrı bloklarla görüntünün arka planı için ideal bir çözüm haline getirir.
Bir blok bulun

Bu örnek için, bir resim ekliyorum ve kapak bloğuna kabul edilebilir görünmesini sağlamak için biraz biçimlendiriyorum. Arka planın önüne yerleştirdiğiniz her bloğun sağ yan blok sekmesinde kendi özel ayarları vardır, bu nedenle kapak bloğuna koyduğunuzda düzenlemeyi düşünün.
WordPress arka plan görüntüleri olan blok örnekleri

Bir noktada, arka plan görüntüsünü düzenlemek veya ayarlamak isteyebilirsiniz. Öyleyse, kapak bloğunu seçin, ardından sayfanın sağ tarafındaki Blok Ayarı sekmesini açın. Bu, aşağıdakiler de dahil olmak üzere arka plan görüntüsünü ayarlamak için sayısız ayar ortaya çıkarır:
Sabit arkaplan

Tekrarlanan arka plan
Odaklanmış nokta seçmen

Boyut
Geniş

Karanlık
Gelişmiş

Blok ayarlarını değiştirin
Dikkate alınması gereken daha önemli ayarlardan biri, blok ayar panelinin altında. Kaplama bölümünü bulmak için aşağı kaydırın. Rengi sağlam veya gradyan yapmak için renk ve seçeneklerin bir listesini görüntülemek için bölümü açın. Bu, markanıza uyacak şekilde arka planınızın rengini hafifçe değiştirmek veya ön arka plan içeriğinizi vurgulamak için iyi bir seçenektir. Ayrıca, renk gerilmesinin arka planı hiç doldurmamasını sağlamak için opaklığı da ayarlayabilirsiniz.

Bloğun arka plan rengini değiştirin
Alternatif olarak, Gutenberg, her bloğun arka planı için daha sofistike bir araç açmak için istiflenebilir sayfa istiflenebilir eklentiyi düşünün. WordPress başlığının arkasına bir arka plan görüntüsü nasıl yerleştirilir Şimdiye kadar, tüm WordPress sitelerinize arka plan resimleri ekleyeceğinizden ve bloklar, direkler ve WordPress sayfaları gibi belirli alanlardaki arka planlar için yöntemler hakkında konuştuk. Peki ya menünüzü ve logonuzu içeren alan? Bazen, sadece ihtiyacınız olan başlığın arkasındaki arka plan. Arka plan resimlerini başlığa ayarlamak, özellikle devam eden bir tatil veya vurgulayabileceğiniz büyük bir satış varsa, sitenize yeni titreşimler ekleyin. Başlamak için, WordPress kontrol panelinde görünüm> başlık açın. Not: Görünüm> Özelleştir> Başlık bölümünü açarak başlık ayarlarını da bulabilirsiniz.

WordPress Dashboard> Ekran>
Artık ekranın sağ tarafında, sol taraftaki başlık ayarları ile birlikte ana sayfa önizlemenizi göreceksiniz. Başlık modülü, herhangi bir başlık arka plan görüntüsü için tercih edilen boyutları açıklar, böylece WordPress kontrol panelinizde resim alana kadar yüklemeden veya beklemeden önce resimlerinizi kesmeyi seçebilirsiniz. Geçerli başlık başlığı altında, yeni resim düğmesine tıklayın. ‘Yeni resim ekle’ düğmesini tıklayın

Başlık karmaşıktır, çünkü tüm bağlantıların ve metin öğelerinin (logonuzdan bahsetmemek) arka plan görüntüsünün üzerinde net görünmesini sağlamak istiyorsunuz. Bu nedenle, arka plan görüntülerini test etmenizi ve daha fazla düz renk ve desenlere bağlı görüntüleri düşünmenizi öneririz. Menü ve logo öğelerinizi görmeyi zorlaştırmayacaklar. Sizin için ideal görünen resmi seçin, ardından devam etmek için Seç ve Kırp düğmesini tıklayın.
Resmi seçin

Varsayılan kesme aracını seviyoruz çünkü başlığın arka plan görüntüsü için otomatik olarak doğru boyutları veriyor. Bu, Photoshop gibi bir şeyde önceki fotoğrafı düzenlemeye kıyasla süreci hızlandıracaktır. Budama kutusunu arka plan görüntüsünüz için en uygun konuma taşıyın. Daha fazla resim kesmeniz gerekiyorsa bir köşeyi sürüklemekten çekinmeyin. Mükemmel parçayı aldıktan sonra Punc. Resim düğmesini tıklayın.
Budama resimleri

Kanopinin arka plan görüntüsü, WordPress ayarının önizlemesinde hemen etkinleştirilir ve müşterilerinizin bu tür bir arka planla tam olarak neler göreceğini görmenize yardımcı olur. Başlığın arka plan görüntüsünün diğer sayfa içeriğine sızmadığını göreceksiniz. Bunun yerine, başlıkta, şu anda orada olan logo, slogan, menü ve arama çubuğu gibi herhangi bir şeyin arkasında kalır. Başlığın arka plan görüntüsünü seçin
Kanopinizin arka planı için başka bir seçenek, bazı görüntüleri yüklemek ve rastgele döndürmek, kullanıcı ana sayfayı her açtığında web sitenize biraz parlama ve sürpriz eklemektir. Çalışması için önce başlık ayarları kutusuna birkaç resim yüklemeniz gerekir. İşlemi tamamlamak için yeni resim düğmesine tıklayın. Birden fazla resme sahip olduktan sonra, istediğiniz zaman farklı bir başlık arka planı görüntüleyen özellikleri etkinleştirmek için Yüklenen Başlıklar Randomize düğmesini tıklayın.

Daha fazla başlık ekleyin
Başlığa arka plan resimleri eklemenin, menüler veya alışveriş sepetleri gibi bazı başlık öğelerini görmeyi zorlaştırdığını fark edebilirsiniz. Öyleyse, başlık görüntüsünü hemen silmemelisiniz. Bunun yerine, yardımcı olabilecek ayarlamalar olup olmadığını görmek için metnin rengini ve bağlantının rengini açın. Metin Renk Ayarları Başlıktaki diğer dahili veya harici sayfalara köprülemeyen herhangi bir metni kontrol eder. Genellikle bu sadece slogan anlamına gelir, ancak bazen toplam alışveriş sepetleri veya metinle renk değiştiren sosyal medya simgeleri gibi başka öğeleriniz olabilir. Başka bir kutu bağlantının rengi içindir. Büyük olasılıkla bu rengi ayarlarken daha fazla değişiklik göreceksiniz, çünkü diğer sayfalara bağlı tüm menü öğelerini içerir. WordPress arka plan görüntüsünün üzerindeki metin rengi

İşte metnin rengi ve bağlantının rengi için yeni bir renk seçtiğinizde ortaya çıkan bir örnek. Slogan ve site adı değiştiğini, menünün beyaz olarak değiştiğini ve alışveriş sepeti simgeleri gibi diğer başlık öğelerinin çoğu olduğunu görebilirsiniz.
Başlık öğesini kontrol edin
Başlığınız için bir arka plan görüntüsü kullanmakla ilgilenmeyenler için, düz renkli bir arka plan kullanma seçeneğiniz de vardır. Bunun için, aynı başlık ayar alanının altındaki arka plan rengi düzlemini bulun. Önizleme sonuçlarını görmek için Renk Seç düğmesini tıklayın ve renk panelinden seçin. Arka plan rengini kullanırken metnin rengini de değiştirebilirsiniz.
Arka plan rengini ayarlayın
Başlığınız için en uygun olanı test ettikten ve başlık için mükemmel arka plan görüntüsüne karar verdikten sonra, değişiklikleri görmek için herkes için yayın düğmesine tıklayın. Ve ön uçta değişiklikler oluşturma sorununuz varsa, WordPress önbelleğinizi temizlemeyi düşünün. ‘Yayınla’ düğmesini tıklayın
WordPress kategorisine arka plan resimleri nasıl eklenir. WordPress kategorisi, belirli bir kategori altında listelenen tüm yayınları derler. Örneğin, birçok web sitesi ürünler gibi özel yayınlar için kategorilere sahiptir. Varsayılan olarak, tüm WordPress sitelerinin gönderme kategorisi vardır. Kategorize etmediğiniz kişiler kategoriye tabi tutulmaz. Kategori arşiv sayfası benzer içeriği birleştirdiğinden, kategoriyi daha iyi görüntülemek için sayfaya ilgili arka plan resimlerini dahil etmek mantıklıdır. Örneğin, web tasarım kategorisi için teknoloji odaklı bir arka plana veya seyahat kategorisi için kabuklu veya plaj arka planınız olabilir. Özel CSS yöntemi (aşağıda açıklanmıştır) en ucuz seçenektir. Ancak, kategori sayfasında arka plana izin veren çeşitli sayfa yapımcıları ve eklentileri de görebilirsiniz. Bu görevi CSS ile tamamlamak için WordPress kontrol panelinizi açın ve görünüm açın> Özelleştir. Kendi CSS’nizi yazmanızı sağlayan bir modül açmak için ek bir CSS sekmesi seçin.
‘Ek CSS’ bölümünü açın
WordPress sitenizdeki kategori arşiv sayfalarınızdan birini açın. Genellikle, bu sayfanın şöyle bir URL’si vardır: http://yourwebsiteedomain.com/category/travel. Kendi sitenizdeki kategoriye sahip olduğunuz geziyi değiştirmeniz ve web sitenizin etki alanı bölümünü gerçek alan adınıza değiştirmeniz gerekir. Sağ -Kategori sayfasında herhangi bir yere tıklayın ve inceleyin. Bu, tarayıcınızdaki inceleme aracını görüntüleyecek, sayfanın kodu görmeniz için sunulur. Web sayfasına sağ tıklayın ve ‘Kontrol’ seçeneğini seçin.
Özellikle bu kategori için sınıfla birlikte kategori sayfası için CSS sınıfını bulmak için “gövde” veya “sınıf” arayın. Bu durum için, CSS sınıfımız “Seyahat Kategorisi” dir, çünkü sitede “Trip” adlı bir kategorim var. CSS etiketini daha sonra kaydedin.

Listelenen kategoriyi kaydedin
Bundan sonra, WordPress ayarınızdaki ek CSS bölümüne geri dönün. Aşağıdaki kodu kutuya yapıştırın, http: //yourimageurl.jpeg kategori-seyahat sınıfı kendinizle birlikte ve orijinal görüntü URL’sini http: //yourimageurl.jpeg okuyan bir yere yerleştirin. Body.Category-Travel {arka plan-image: url (“http: //yourimageurl.jpeg”); Arka Plan pozisyonu: Merkez Merkez; Arka plan boyutu: kapak; Arka Plan-Tekrar: Yenilenmez; Arka Plan Uyarı: Sabit; }

WordPress arka plan görüntüleri için özel kodlama ekleyin
Değişiklikleri kaydetmek için yayın düğmesine tıklayın.

‘CSS Kustom’ kodunu ekleyin
Son olarak, WordPress sitenizin önündeki kategori arşiv sayfasına dönün. Şimdi aynı sayfayı daha önce görüntülenmelidir, ancak CSS kodunda belirtilen arka planla. WordPress arka plan görüntü formatı ile ilgili bir sorununuz varsa, arka plan konumu, boyut ve tekrarlama işlevi gibi öğeleri ayarlamak için ek bir CSS paneline geri dönün. Kategori sayfasını açın ve arka planı görün

WordPress Oturum Açma Sayfanıza Arka Plan Görüntüleri Nasıl Eklenir WordPress Oturum Açma Sayfası iki sürümü vardır: biri sitenize gelen ve web sitenize kaydolup girmek isteyen sıradan kullanıcılar ve diğerleri yönetici ve yazar gibi dahili kullanıcılar için. Bu giriş sayfası, web sitenizin ana yolundan ayrılır (dosyaların çoğu wp-login.php dosyasındadır). Bu nedenle, özel bir arka plan çizim aracı giriş modülüne girmez. Bunu özel giriş sayfası özelleştirici adlı bir eklenti kullanarak yapabilirsiniz. Eklentiyi WordPress sitenize başlatmak, yüklemek ve etkinleştirmek için.
Loginpress eklentisi

Solda, LoginPress için WordPress Gösterge Tablosu menüsündeki yeni sekme görüntülenir. Logotekan> ayarlarına gidin.
Loginpress ayarlarını açın

Burada, arka planınızı eklemeden önce eklenti ayarlarını ayarlayabilir ve giriş sayfanızın diğer bölümlerini ayarlayabilirsiniz. Örneğin, belirli bir süre sonra kullanıcıları otomatik olarak hatırlamak, özel şifre alanlarını görüntülemek ve son oturumları sunmak için ayarlar sunar.
Loginpress ayarlarını değiştir

Giriş sayfası için özel bir görüntünün arka planını etkinleştirmek için LoginPress> Customerer’ı tıklatın.
‘Loginpress> özelleştirici’ye gidin

Sizi LoginPress aracına yeni sayfanın eklendiği WordPress Customerer’a gönderir. Temalar, logolar, arka planlar ve diğerleri için sekmeyi göreceksiniz. Görsel önizlemedeki düğmeyi tıklayarak giriş sayfasını da ayarlayabilirsiniz.
Diğer tüm ayarları tartışmayacağız çünkü özellikle arka plana odaklanıyoruz. Devam etmek için arka plan sekmesini tıklayın.

‘Loginpress’ arka plan sekmesini açın
İşletmenin ilk sırası, bir renk arka planı mı yoksa görüntü arka planı mı isteyip istemediğinize karar vermektir. Renk arka planını tercih ediyorsanız, arka plan renk düzlemini arayın ve rengi seçin. Bu, işletmeniz için tam olarak hangi rengin mantıklı olduğunu seçmeniz için bir renk paneli ortaya çıkarır. Gördüğünüz gibi, WordPress Ayarlama Önizlemesinde değişiklikler de geçerlidir.

Arka plan rengini seçin ‘loginpress’
Arka plan renk ayarlarının hemen altında, bir arka plan görüntüsü bölümü vardır. Anahtarı Açın Daha önce oluşturulmuş olan bir arka plan görüntüsü koleksiyonunu görüntülemek için arka plan görüntüsünü etkinleştirin.

WordPress arka plan görüntüsünü etkinleştirin
Ücretsiz sürümde çok fazla seçilemez, ancak premium sürüme yükselmeye karar verirseniz eklenti daha fazlasını ekler. Lütfen ve bitmiş arka plan testi, markanız için uygun olup olmadığını görmektir.

Arka plan galerisini ayarlayın
Daha olası yol, giriş sayfasının arka planı olarak kendi resminizi yüklemektir. Arka plan görüntüsünün başlığını bulun ve Resim Seç düğmesini tıklayın.

‘Resim Seç’ seçeneğini seçin
Bilgisayarınızdan resim yüklemek veya zaten WordPress’te bulunanlardan birini seçmek için WordPress Media Kütüphanesine götürülüyorsunuz. İstediğiniz fotoğrafı seçin ve Resim Seç düğmesini tıklayın. WordPress Oturum Açma Arka Plan Resmini Seçin

Etkinleştirilmiş arka plan görüntüsü, özelleştirici panelinde ve gerçek giriş sayfanızda bir küçük resim olarak görünür.
Arka plan görüntüsü seçeneğini ayarlayın

Artık yayın düğmesine tıklama ve ekranda olanlara bağlı kalma seçeneğiniz var. Veya, yüklenen görüntünün en iyi ekranının etkin olduğundan emin olmak için ek ayarlara aşağı kaydırabilirsiniz. Arka planı çekme alanını tıklayın ve tekrar, tekrarlama ve tekrar-x gibi seçenek testleri. Fotoğrafınızın boyutuna bağlı olarak, biraz hareketli bir görüntü görebilir veya görmeyebilirsiniz.
‘Arka Plan Tekrar’ Ayarları’nı seçin

Ardından, daha fazla arka plan görüntüsü taşımak için Konum Seç seçeneğine bakın. Varsayılan olarak, görüntüyü ekranın ortasına yerleştirirler, ancak bazen sağ alt veya sol üst gibi bir yere koyarsanız daha iyi görünür. Hangisinin arka plan görüntüsünüz için en uygun olduğunu öğrenmek için her şeyi deneyin.
Arka plan konumunu seçin

İleride, WordPress arka plan görüntüsünün boyutunu açığa çıkarın, görüntünün ekran alanını nasıl kapsadığı ve boyutunu belirtilen seçeneklerin her birine ayarladığı ayarlara sahiptir.
Bir kez daha, bu test hangisinin en iyi göründüğüne karar vermektir. Ayarlar gibi bir şeyin otomatik veya kapak ayarlarından daha iyi bir ekran içerdiğini görebilirsiniz.

WordPress arka plan görüntüsünün boyutunu ayarlayın
Ve giriş sayfanız için arka plan görüntüsünü yüklemek ve etkinleştirmek için gereken tek şey budur! Videoyu bir resim değil, arka plan olarak görüntülemek istiyorsanız son ayar var. İşletmenizle ilgili ilginç bir videonuz varsa ve siteye giren kişilerden çok fazla dikkat çekmiyorsa, bu ayarı etkinleştirin. ‘Arka plan videosunu’ etkinleştirmek

Her şey bittikten sonra, oturum açma sayfanızın arka planını etkinleştirmek için Verim düğmesini tıklayın ve kullanıcının her kayıt kaydetmeye veya Siteye giriş yapmaya çalıştığında görüntülendiğini görün. Navigasyon menünüze arka plan resimleri nasıl eklenir. Görüntüler veya arka plan simgeleri içeren lüks bir menüye sahip birkaç web sitesine dikkat etmiş olabilirsiniz. Bu, markaların her kategori düğmesi için kategoriler ve arka plan resimleri olan bir mega menüye sahip olabileceği e -ticaret dünyasında yaygın bir uygulamadır. Menünüze arka plan eklemek istiyorsanız, en iyi WordPress menü eklentileri hakkındaki makalemize bakın. Bu menü eklentisinin birçoğu, menünüze resim ve renk arka planlarını eklemek için seçenekler sunar.
Bültenlere Kaydolun

Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Şimdi abone olun

Navigasyon menüsüne belirli arka planlar eklemek için bazı eklentiler olduğunu görünce, biri alt menüsünüzün arkasındaki arka plana izin veren iki kişilik öğreticiler sağlayacağız. Tersine, diğerleri mobil menünüze arka plan ekler. Farklı alt menülere arka plan görüntüleri eklemek için Mega Menü WP eklentisini yükleyin ve etkinleştirin. Bu eklenti, Mega-Menu’yu birkaç açılır seviyeyle etkinleştirmenize ve yönetmenize olanak tanır. Bu, büyük çevrimiçi mağazalar için idealdir, ancak özellikle arka plan resimleri veya simgeler eklemek istiyorsanız, daha küçük menüler için de işlev görür. Eklenti WP Mega Menüsü
WordPress kontrol panelinde WP Mega Menü sekmesini bularak başlayın. Tema menüsü öğesine tıklayın.

‘Tema’ panelini açın
Burada, eklenti tarafından menünüz için oluşturulan varsayılan temaların bir listesini görebilirsiniz. Temalardan birini düzenlemek veya başlangıçtan itibaren kendi tasarımınızı eklemek için tıklayabilirsiniz.

Birçok mega menü teması
Her temanın tema başlığı, menü çubuğu seçenekleri ve marka logosu gibi öğeleri belirlediğiniz kendi ayarları vardır. Menünüzün hemen hemen her kısmı gerilme menüsünden alt menüye ayarlanabilir. Ancak, arka plan menüsü için yalnızca hangi temayı seçmek istediğinizi bilmeniz gerekir.

Mega Menü Tema Ayarları ayarlayın
Görünümden Açma> Gösterge Tablosunda Menü.

‘Ekran> Menü’
Mega menü ayarlarına bağlı yeni bir modül göreceksiniz. Mega menüyü etkinleştirmek için tıklayın, ardından web siteniz için en çok hangisini sevdiğinizi seçin. Son olarak, Kaydet düğmesini tıklayın.

‘Etkinleştir’ düğmesini tıklayın
Şimdi, dikkatinizi menü yapısı alanına çevirin. Menü öğelerinizden biri şu anda WP Mega Menü düğmesini ortaya çıkarın. Burası, her açılır bölüm için düzeni ve tasarımı ayarladığınız yerdir. İstediğiniz menü öğesi için WP Mega Menü düğmesini tıklayın. Bu durumda, Dükkan sekmesine Mega-Menu açılır menüsünü ekleyeceğiz. Not: Zaten WordPress sitenizde yapılandırılmış bir menünüz olduğunu varsayıyoruz. Bunun için yardıma ihtiyacınız varsa WordPress açılır menü kılavuzumuzu okuyun. Mega menüyü sitenize ekleyin

Yeni Sembulan penceresinde, belirli menü öğesi için mega menüyü etkinleştirmek için anahtarı çevirin. Daha sonra bir açılır satır ekleyebilir ve birçok widget’tan bazılarını soldan satıra sürükleyebilirsiniz. Örneğin, ürün listesini birisi mağaza menüsü öğesini kaydırdığında görünecek şekilde sürükleyeceğiz.
‘Şimdi Ekle’ düğmesini tıklayın

Bu gerilme alanına arka plan eklemek için sol alt köşedeki seçenek düğmesini tıklayın.
‘Seçenek’ bağlantısını seçin

Arka plan görüntülerini yükleme alanını bulun. Arka plan olarak kullanmak için medya kitaplığınızda doğru fotoğrafı bulmak için Yükle düğmesini tıklayın.
‘Resmi Yükle’ düğmesini seçin

Resim küçük resim, medya kütüphanesinden seçtikten sonra görünür. Dikkate alınması gereken başka birkaç ayar da var, bu yüzden isterseniz kontrol etmekten çekinmeyin.
Küçük resim doğrulaması

Seçenek panelinin altındaki Değiştir düğmesini tıkladığınızdan emin olun.
‘Değiştir’i Kaydet’ düğmesini tıklayın

Ayrıca, WordPress kontrol panelindeki menü yapısı alanındaki menüyü geri kaydetmeniz de gerekir.
‘Menü Kaydet’ düğmesini tıklayın

Şimdi, menüyü görüntülemek için web sitenizin ön ucuna gidin. Az önce ayarladığımız öğeyi kaydırırsanız, gerilme parçalarını arka planla göreceksiniz. Menü artık bir arka plan resmi var

Menüye arka plan resimleri eklemenin bir başka yolu da, birisi web sitenize mobil cihazlar aracılığıyla eriştiğinde görünen duyarlı bir hücresel menü kullanmaktır. WP mobil menü eklentisi yardımıyla arka planı mobil menünün arkasına yerleştirebilirsiniz.
WP Hücresel Menü Eklentisi

WP mobil menü eklentisini yükledikten ve etkinleştirdikten sonra, WordPress kontrol panelindeki Hücresel Menü seçeneğini açın.
‘Hücresel Menü’ bağlantısını açın
Bu eklenti, hücresel menünüzü yapılandırmanın çeşitli yollarını sunar. Genel gereksinim, menü biçimlerinden birini etkinleştirmek ve hücresel menü için hangi WordPress menüsünü kullanmak istediğinizi göstermektir. Örneğin, sol menüyü etkinleştirmek için anahtara tıklayabilir (ekranın sol tarafındaki hücresel menüyü açabilir) ve Sol Menü gerilme menüsünden Ana Menü seçeneğini seçebiliriz. Bu, ana menümüzü şu anda hücresel bir menü ile birleştirir, böylece ziyaretçiler aynı sekmeyi görür.
Hücresel menü seçeneklerini ayarlayın
Yaptığınız hücresel menünün türüne bağlıdır, ancak sol taraf menüyü yaptığımız için, arka plan eklemek için uygun ayarları görüntülemek için Sol Menü sekmesini tıklayabiliriz.
Sol menü ayarlarını seçin

Arka plan görüntü paneli alanına gidin ve medya kitaplığını açmak için ” +” işaretini tıklayın.
Hücresel menünün bir arka plan görüntüsünü ekleyin

Medya kitaplığınızdan resmi seçin ve alana ekleyin. Arka plan görüntüsünün küçük resmini onay olarak göreceksiniz. Arka planı etkinleştirmek için Değiştir düğmesini seçin. Arka plan görüntüsünün küçük resimlerle doğrulanması
Eklentinin nasıl bir hücresel menü ürettiğini görünce, menü yalnızca tarayıcınız dar bir genişliğe ayarlandığında veya sitenizi bir cep telefonu veya tablette açtığınızda görünebilir. Yeni menü, hamburger simgesi (üç yatay çizgi) altında birleştirilmiştir. Yeni menüyü arka plana karşı test etmek için tıklayın.

Hamburger menü simgesini tıklayın
Ekran görüntülerinde gösterildiği gibi, arka plan herkesi görmek için tüm hücresel menünün arkasına yerleştirilir.

Arka plan resimleri ile hücresel menü
Bakım Sayfalarına WordPress Arka Plan Görüntüleri Nasıl Eklenir Tüm web siteleri bazen bakım gerektirir ve bazen bakım uzun zaman alır, böylece bakım sayfasını görüntüler. Arka plan görüntüsü bir bakım sayfası ile çalışırken büyük bir rol oynar. Çoğu bakım sayfası, tam ekran arka plan görüntülerinden ve belki de daha fazla kaynağa sahip bazı metin veya bağlantılardan oluşur. Zaten bir bakım sayfanız varsa ve arka plan resimleri eklemiyorsanız, web sitenizi belirli bir süre için kamuoyundan kapatmanız gerekebileceğinde güzel bir ortam üretmek için aşağıdaki adımları göz önünde bulundurun. Bakım eklentisi yardımıyla bakım sayfasına bir arka plan resmi ekleyebilirsiniz. Eklentileri web sitenizde yükleyin ve etkinleştirin.

Bakım eklentisi
Etkin olduktan sonra, bakım düğmesinin ön/kapalı gösterge tablosunun üst kısmında bulun. Bakım Eklentisi Ayarları sayfasını açmak için düğmeye tıklayın. ‘Etkin Bakım’ bağlantısını tıklayın

Ayar sayfasına girmenin bir başka yolu da gösterge paneli yan menüsündeki bakım menüsü öğesini tıklamaktır.
‘Bakım’ menü öğesini tıklayın

Bakım eklentisi ayar sayfası, ayarlanacak iyi bir seçenek koleksiyonuna sahiptir, ancak dikkate alınması gereken ana alan genel ayar modülüdür. Burada, her ikisi de ekleyeceğimiz arka planın üzerine yayılmış metin olarak işlev gören başlık ve açıklamada yazabilirsiniz. Sayfa başlığı tarayıcı sekmesinde görünür, bu nedenle ayarlamayı da düşünmelisiniz. Bakım sayfasından yakında sayfaya başlayan herhangi bir şey için bir bakım eklentisi kullanabilirsiniz, böylece “Sitemiz bakımdan geçiyor” gibi bir şey yazabilir veya şirketiniz hakkında biraz bilgi gösterebilir ve insanları yazmak için formları ekleyebilirsiniz. E -posta adresi.
Bakım sayfasına başlıklar ekleyin

Ardından, eklenti, arka plan görüntüsünün üzerinde olan logonuzu yükleme seçeneği sunar.
‘Logo Yükle’ düğmesi

Yükle düğmesini tıklayın ve gösterge tablosundaki küçük resimleri görmek için logonuzu seçin.
Bakım sayfaları için logo

Son olarak, arka plan çizim alanı, arka plan resimlerini yüklemenizi tıklamanızı ister. Bakım sayfası için uygun arka planı bulmak için bilgisayarınızdan görüntüler yükleyin veya medya kitaplığınızı açın. Not: En iyi bakım arka plan görüntüsü büyük, yüksek çözünürlüklü ve manzaranın yönünde. Alternatif arka plan “portre modu” aşağıdaki ayarlarda mevcuttur. ‘Arka Plan Yükle’ düğmesini tıklayın
Arka planı seçtikten sonra, gösterge tablosunda daha küçük bir mini görüntü önizlemesi olarak görünür.

Küçük resim arka plan görüntüsü
Masaüstü bilgisayarlar ve daha geniş ekranlar için en makul peyzaj oryantasyonuna sahip arka plan görüntüsü olmasına rağmen, birçok kişi dikey olarak tutulan bir cep telefonu gibi portre oryantasyonlu bir ekran kullanarak sitenize girer. Bu nedenle, daha geniş bir arka plan görüntüsü iyi görünmeyecektir. Bu nedenle eklenti, portre modunun alternatif olarak işlev gören bir arka plan görüntüsünü sunar, kullanıcı portre odaklı bir ekran kullanarak sayfayı her ziyaret ettiğinde sorumlu bir şekilde değiştirilir. Bu alana görüntüleri eklemek önemlidir, bu nedenle portre cihazının yönü için Yükle düğmesini tıklayın.

Portre oryantasyon arka planının görüntülerini yükleyin
Bu kez, genişlikten daha yüksek görüntüleri bulun (portre modu). Her zaman bir portre yapmak için orijinal arka plan görüntüsünü kesebilirsiniz veya yeri doldurmak için tamamen farklı bir görüntü yükleme seçeneğiniz vardır. İstediğiniz görüntüyü vurgulayın ve gösterge tablosuna koymak için Resim Seç düğmesini tıklayın.

Arka plan görüntüsünü seçin
Bakım modunu etkinleştirmediğiniz sürece tüm bu ayarların anlamı yoktur. Bunu gerçekleştirmek için, ayar sayfasının üst kısmındaki alev/ölüm anahtarını bulun. ‘ON’ veya ‘Off’ bakım sayfasını düzenleyin

Anahtarı “Etkin” yazacak şekilde çevirin, ardından Değişik Kaydet düğmesini seçin.
Bakım sayfasını etkinleştirin

Arka plan görüntülerinin ve bakım sayfalarının doğru görüntülenmesini sağlamak için web sitenizin önünü açın. Büyük olasılıkla yok. Bunun iki nedeni vardır: İlk olarak, Bakım Modu web sitesini görmek için WordPress Yönetici hesabından çıkmalısınız. İkincisi, içerik değişikliklerini güncellemek için site önbelleğini silmeniz gerekebilir.
‘Bakım Modunda’ web sitesine bakın

Örneğin, yönetici hesabından ayrıldığımda, bakım sayfası artık herhangi bir sayfayı açtığımda görünür. Arka plan görüntüsü, logo ve metin açıklaması gibi ayarlamamla birlikte.
Bakım sayfasındaki arka plan görüntüsü

Buna ek olarak, tarayıcı penceresinin boyutunu portre oryantasyonuna değiştirmek, yerine monte edilen portre modunun arka planını yapacaktır. Ayrıca siteyi bir cep telefonu veya tablette ziyaret ederken portre modlarını görmeniz gerekir.
Portre modunda arka plan görüntüsü

Eklentilere sahip başka bir arka plan görüntüsü türü ön yükleyici görüntüsü denir. Bu temel olarak gerçek bakım, arka plan ve içerik sayfalarını ortaya çıkarmadan önce animasyonlu efektlere sahip hızlı görüntüler içerir. Sıradan bir arka plan resmi gibi, iyi bir görüntü bulmak ve gösterge paneline eklemek için Yükle düğmesine tıklayın. Bir kez daha, Değiştir düğmesini tıklayın ve önbelleği temizleyin.
Varsayılan olarak ‘Ön -Upload Yükle’ düğmesini tıklayın, önceden yükleyici görüntüsünün etkisi kısaca dönüyor, ardından bakım sayfasını ve arka plan görüntüsünü görüntülemek için kayboluyor. Bu tür bir etkiyi korumak isteyip istemediğiniz size kalmış.

Arka plan görüntüsüne bir giriş efekti ekleyin
Bakım Eklentisi Ayarları panelinde denemeniz için diğer bazı arka plan öğeleri mevcuttur. Örneğin, arka plan görüntüleri yerine arka plan renkleri eklemek isteyebilirsiniz. Öyleyse, arka plan rengi düzlemini açın ve markanıza uygun rengi seçin.

Arka plan renk düzlemini açın
Diğer tüm arka plan görüntülerini devre dışı bırakmadığınız sürece bakım sayfası için arka plan rengi görüntülenmez. Bu nedenle, arka plan resimlerini sildiğinizden emin olun.

Arka Plan Resimlerini Sil
Ayrıca portre modunun arka plan görüntüsünü silmeniz gerekir.

Portre modunun arka plan görüntüsünü ayarlayın
Değişiklikleri kaydedin ve önbelleği temizleyin. Ardından, geçerli arka plan rengini görmek için sitenizin ön ucuna gidin.

Ön uç sitenizi kontrol edin
Dikkate alınması gereken diğer ayarlar, yazı tipi renkleri, yazı tipi türleri ve arka plan bulanıklığı gibi öğeleri içerir.

Size rekabet avantajı sağlayan bir barındırma çözümüne mi ihtiyacınız var? Kinsta, olağanüstü hız, sofistike güvenlik ve otomatik ölçekte size yardımcı olur. Planımıza bakın
Ayrıca, bir ön uç giriş yapmanız gerekip gerekmediğini düşünmenizi öneririz. Bu, kullanıcıların hesaplarını girmeleri ve gerekirse profile erişmeleri için bir yol sağlar. Her şey tamamlandıktan sonra Değiştir düğmesini tıklayın.

Yazı tipinin rengini ayarlayın
Bakım eklentileri ayrıca güzel arka plan görüntüleri ve düzenleri ve profesyonel olarak tasarlanmış metinlere sahip birkaç önceden yapılmış tema sunar. E -posta adreslerini ve diğer iletişim bilgilerini toplamak için sayfa ile birlikte sayfa ve bakım düzeninin temasını hemen bulabilirsiniz. Kullanmak için bir tema satın almalısınız. Premium bir tema satın alın

Bütçenize bağlı olarak, oldukça ucuz ve harika görünüyorlar.
Şablon örnekleri

Tema satın almakla ilgilenmeyenler için, yukarıda ele alınan tüm ayarlar sizin için mevcuttur. Bakım sayfasını ve arka plan görüntüsünü istediğiniz gibi yapılandırmak için özel CSS modülünü de girebilirsiniz.
‘CSS Kustom’ modülünü açın

Unutmayın, yönetici hesabından çıkıp önbellek silme düğmesini tıklamadığınız sürece bakım sayfası ayarları nadiren uygulanabilir. Kinsta’yı kullanırken gösterge tablosunun sağ üst köşesinde Sil Önbellek düğmesini bulabilirsiniz. Farklı bir ana bilgisayar kullanıyorsanız, piyasadaki birçok önbellek eklentisinden birini düşünün.
‘Önbelleği Sil’ düğmesini tıklayın

Önbellekleri sildikten ve ayarlarınızı kaydeddikten sonra, bakım sayfasını tamamlayan güzel bir arka plan resmi göreceksiniz!
Bakım sayfasını kontrol edin

En İyi Sayfa Yapımcıları Hakkında Üçüncü Partiye Sayfa Yapımcımızla WordPress Arka Planı Nasıl Eklenir. WordPress, Gutenberg’de sayfa yapımcıları içeriyordu, ancak birçok web sitesi sahibi diğer çözümleri tercih ediyor. Aşağıdaki bölümde, Siteorigin tarafından Elementors, Beaver Builder ve Page Builder dahil olmak üzere birkaç popüler sayfa yapımcısı kullanarak arka planın nasıl uygulanacağı açıklanmaktadır. WordPress’in arka planını, web sitelerinin üretimini dramatik bir şekilde hızlandırmayı amaçlayan Elementor Elements ile ekleyin ve birkaç arka plan çizim araçlarına sahip ücretsiz eklentiler sunuyor. Buna ek olarak, Elementor, arka planı tüm web siteleriyle sınırlamak yerine web sitenizin çeşitli bölümlerine görsel arka plan esnekliği sunar. Örneğin, kurucu blokların neredeyse tüm bölümlerinin arkasına arka plan ekleyebilir ve sayfadan sayfaya farklı arka planlar görüntüleyebilirsiniz. Elemental eklentiyi başlatmak, yüklemek ve etkinleştirmek için. Eklenti öğesi
Elementor, arka plan ayarlarını tüm üreticilere yayar, bu da öğeleri seçmeyi ve gerekirse arka plan uygulamayı kolaylaştırır. Bu nedenle, teknik olarak arka plan yükleme düğmesine erişme umuduyla herhangi bir sayfayı açabilir veya yayınlayabilirsiniz. Bu durumda, test sitemizin ana sayfasını açacağız. Sayfa> Tüm Sayfalardaki Listeden seçerek seçim sayfanızı ziyaret edin. Aynı şeyi yayınlarla da yapabilirsiniz. Varsayılan WordPress sayfa düzenleyicisinde bulunduktan sonra Elementor Düğmesi ile Düzenle’yi tıklayın.

‘Elementor ile Düzenle’ eklentisini tıklayın
Bu, ekranınızdaki ekranı Elementor Düzenleyicisine kaydırır. Burada, sol tarafta sayfalarınızı oluşturmak ve düzenlemek için bir sürükle ve bırak modülü olan bir menü vardır. Arka plan işlevselliği bölümde veya blokta değil, sayfanın ana ayarlarında mevcuttur. Bu nedenle, editörün sol alt köşesinde küçük ayarlar simgesini (dişli gibi görünüyor) tıklayın. Ayarlar simgesini tıklayın

Bu, genel sayfa ayarlarının parçasını gösterir. Sayfa Ayarları bölümünün üst kısmındaki Kuvvet sekmesini tıklayın.
‘Stil’ sekmesini aç

Stil altında, arka plan tipi düzlemini arayın ve standart bir arka plan eklemek için boya fırçası simgesini tıklayın.
‘Arka Plan Türü’ alanını ayarlayın

Ardından, görüntülemek istediğiniz arka plan türünü seçin. Örneğin, renk düzlemi arka planı düz bir renge dönüştürmenizi sağlar. Stiliniz için daha uygunsa, arka plan türünde bir gradyan seçeneği de vardır.
Arka plan renk düzlemini ayarlayın

Medya kitaplığınızı açmak için görüntü alanının altındaki resim düğmesini tıklayın ve bu sayfaya uygun bir arka plan görüntüsü seçin.
‘Resim Seç’ düğmesini tıklayın

Her zamanki gibi, arka plan görüntü testiniz ve optimal boyut ve en iyi uygulamaya (en yüksek çözünürlük ve portre yönü için) sadık kalın, sonra iyi çalışan görüntüleri seçin ve Medya Ekleme düğmesini tıklayın.
‘Ortamı Ekle’ düğmesini tıklayın

Seçilen arka plan görüntüsü artık sağdaki Elementor web sitesi Pratinisi’de görünür. Metin ve görüntüler gibi öğelerin arka planın üstündeyken görünmesini sağlamak için içeriğinizin diğer bölümlerini ayarlamanız gerekebilir. Elementor, konum, ek, tekrar ve WordPress arka plan görüntüsünün boyutu gibi görüntü arka plan ayarları sağlar. Arka planınızın sabit bir bağlantı olarak daha iyi olup olmadığını veya belki sağ üst yönü veya alternatif boyutta olup olmadığını belirlemek için ayarları değiştirin. Sayfadaki tüm değişiklikleri depolamak için güncelleme düğmesine basın ve yeni arka planınızı web sitenizde yayınlayın. Yeni bir arka plan ekleyin
Arka Plan Elementor Elementor ile kısım, sayfanıza eklenen çoğu parça için gelişmiş arka plan işlevselliği sunar. Tek yapmanız gereken Elementor sayfasındaki bölümü seçmek ve arka plan ayarlarını sadece alana sınırlamak için değiştirmektir. Örneğin, metin bölümünün ayarlarını görmek için bu metin düzenleyicisi bölümünü seçebiliriz.

Elementor ile metin bölümünü seçin
Gelişmiş sekmesini seçin ve sekmedeki arka plan bölümünü bulun.

‘Arka Plan’ bölümünü açın
Arka plan ayarları, genel sayfanın arka plan ayarları için gördüğümüz ayarlar gibi arka plan, renk, görüntü ve daha fazlasını içerir. Tek fark, bu ayarı seçilen bölümle sınırlamaktır. Arka plan türü için boya fırçası simgesini seçin, ardından görüntü düzleminin altındaki görüntü düğmesini seçin.

‘Resim Seç’ düğmesini tıklayın
Medya kitaplığından resmi seçin ve Media Ekle düğmesini tıklayın.

Resmi seçin ve gördüğünüz gibi ‘Ortam Ekle’ düğmesini tıklatın, arka plan görüntüsü o bölüm için oluşturulan içeriğin arkasında otururken bu bölümün sınırında kalır. Bölümde görüntülenen arka plan çizim yöntemini değiştirmek için pozisyon, ek, tekrar ve boyut seçmenlerini kullanın. Son olarak, değişikliklerinizi kaydetmek için Güncelleme düğmesini tıklayın.
Değişiklikleri görmek için ‘Güncelleme’ ye tıklayın

Birkaç temel arka plan cihazına sahip Lite sürümünü içeren Beaver Builder eklentisi Beaver Builder ile bir arka plan görüntüsü ekleyin. Bu, piyasadaki en popüler sayfa üreticilerinden biridir, videolar, resimler, paragraflar ve daha fazlası gibi öğeler için birçok içerik modülü sunar. Tüm bunlara ek olarak, bu, web sitenize, bir sayfa veya bir parça sayfaya arka plan öğelerini yerleştirmek için bir görsel ve CSS aracı kullanarak arka plan resimlerini, renkleri veya videoları uygulamanızı sağlar. İlk olarak, Beaver Builder eklentisini başlatmak için yükleyin.
Beaver Builder eklentisi

Beaver Builder ile düzenlemek için herhangi bir sayfayı açın veya yayınlayın. Daha önce sayfaları Beaver Oluşturucu formatına dönüştürmeniz gerekir. Alternatif olarak, sıfırdan bir sayfa oluşturma ve Beaver Builder’daki sayfaları düzenlemeyi seçme seçeneğiniz vardır. Geçerli sayfayı Beaver Builder’a dönüştürmek için sayfa düzenleyicisini açın ve sağ üst köşedeki menü görünümünü açmak için üç nokta simgesini tıklayın.
Sayfa Ayarları menüsünü açın
Beaver Builder bağlantısını bulmak ve seçmek için aşağı kaydırın. Bu, sayfanızdaki tüm içeriği derlemeye ve öğeleri uyumlu Beaver Builder modülüne kaydırmaya çalışır.
Başından itibaren bir sayfa oluşturmak için ‘Beaver Builder’a Dönüştür’ bağlantısını tıklayın, sayfaları açın> Yeni Ekle. Ardından Beaver Builder düğmesini tıklayın.

‘Beaver Builder’ı başlat’ düğmesini tıklayın
Beaver Builder eklentisi sizi web sayfasının ön görünümüne götürür. Elemanları tıklayıp farenizle kutunun etrafında hareket ettiğiniz gerçek bir ön uç düzenleyicisi olarak hareket eden ekranların çoğunu alır. Beaver Builder aracılığıyla arka plan eklemenin ilk yolu, arka planı bir bloğa yüklemektir. Bu, bloğun boyutuna bağlı olarak sayfaların çoğunu veya sayfanın küçük bir bölümünü alabilir. Seçildikten sonra satır ayarları düğmesini (simge düğmesi) bulun. Bu satırın ayarlarını açmak için simgeyi tıklayın. Bunu parçalar ve sütunlar ve diğer blok türleri ile de yapabilirsiniz.

Satır Ayarlarını Düzenle
Ayar paneli web sitesi önizlemenizin üzerinde görünür. Stil sekmesini tıklayın, ardından arka plan bölümünü arayın. Arka planın altında, her türlü arka planı görüntülemek için aşağı indirme menüsünü tıklayın.

‘Stil’ sekmesini aç
Biri fotoğraflar için dikkate alınmanız gereken birkaç arka plan var. Diğerleri şunları içerir:

Renk
Eğim

Video
Kod gömülü

WordPress arka plan görüntüleri için türü ayarlayın
Çeşitli arka plan türlerini test etmekten çekinmeyin. Örneğin, gradyanın arka planının resimden daha iyi göründüğünü görebilirsiniz. Her arka plan türü kendi düzenlemesini içerir. Gradyan türü, bu durumda, gradyanın birinden diğerine geçmesi için iki renk ister.

‘Şirket Hakkında’ Bölüm
Fotoğrafın arka planını seçmek, medya kitaplığından seçilecek bir alan sunar veya URL’yi resme ekler. Medya kitaplığı fotoğraf kaynağını kullanıyorsanız fotoğraf bağlantısını seçin. ‘Fotoğraf seç’ bağlantısını tıklayın.

En sevdiğiniz arka plan fotoğrafını bulun ve Fotoğraf Seç düğmesini tıklayın.
Medyayı Seçin

Beaver Builder önceki arka plan odasına bir fotoğraf bıraktı. Fotoğraf Ayarları bölümü fotoğrafları nasıl biçimlendirmek istediğinizi sorar. Boyut, tekrar, konum ve ek gibi seçenekler arasından seçim yapın.
Arka plan görüntüsünün boyutunu ayarlayın

Global bir Berarek üreticisinin arka plan fotoğrafı ve Beaver Builder ile dolu bir sayfa, varsayılan arka plan özelliklerinden yararlanmak için varsayılan bir WordPress tasarım aracı ile çalışır. Bu nedenle, tüm web siteleriniz için fotoğrafların arka planını etkinleştirmek için görünüm> arka plan sekmesini açabilirsiniz. Alternatif olarak, Beaver Builder’daki herhangi bir web sayfasını açın ve sol üst köşedeki römorkör menüsünü tıklayın. Burada Global Ayarlar seçeneğini tıklayın.
Beaver Builder için ‘Global Ayarlar’

Global ayar panelleri, varsayılan WordPress kodlamasını bir kenara koyma veya değiştirme, tüm web sitelerinizi değiştirme olanağı sunar. Bu nedenle, web sitesinin (küresel olarak) tüm arka plan görüntüsünü değiştirmek için bir CSS kod bloğu eklemek istiyoruz. Global ayarlarındaki CSS sekmesini tıklayın ve aşağıdaki kod segmentini alana yapıştırın: gövde {arka plan-image: url (“url ila görüntü”); Arka Plan-Tekrar: Yenilenmez; Arka Plan pozisyonu: Orta üst; Arka Plan Uyarı: Sabit; Arka plan boyutu:%100; Arka Plan rengi: #0F1066; }
URL’yi URL ile görüntü metnine istenen arka plan fotoğrafına değiştirin. CSS kodu ile tekrarlama işlevi, ek ve arka plan boyutu gibi şeyleri de değiştirebilirsiniz.

Beaver Builder’ı özel bir sayfa arka planı için kullanmak daha mantıklıdır, çünkü her sayfanın arka plan olarak kendi resmi vardır. Sayfa düzenleyicinizde tekrar araç menüsünü açın. CSS ve JavaScript Düzen seçeneğini seçin.
CSS ve JavaScript Düğme Düzeni

Aynı kodu CSS sekmesine yapıştırın, URL’yi görüntü metnine gerçek URL’ye değiştirin ve istediğiniz ayarları ayarlayın: gövde {background-image: url (“url to resme”); Arka Plan-Tekrar: Yenilenmez; Arka Plan pozisyonu: Orta üst; Arka Plan Uyarı: Sabit; Arka plan boyutu:%100; Arka Plan rengi: #0F1066; }
Gördüğünüz gibi, tüm arka plan CSS kodlamada sahip olduğunuz bir URL görüntüsüne dönüşür. CSS / JavaScript düzen panelinin yalnızca geçerli sayfayı kontrol ettiğini unutmayın. Bu sayfanın dışında herhangi bir sayfada arka planı görmeyeceksiniz.

Özel CSS ekleyin
Siteorigin tarafından siteorigin sayfa oluşturucu tarafından bir sayfa yapımcısı ile basit bir satır veya widget ekleyin. Bu, tüm web siteleri için bir arka plan ekleme yeteneği ile sınırlıdır (standart WordPress özel arka plan cihazına geri döneceksiniz). Ancak bu, siteorigin tarafından kullanılan satırlara ve widget’lara görüntü ve arka plan renkleri eklemek için ayarlar sağlar. İlk olarak, Siteorigin tarafından eklenti sayfası oluşturucu indirin ve etkinleştirin.

Siteorigin eklentisi tarafından sayfa yapıcı
Yeni bir sayfaya gidin veya web sitesindeki geçerli sayfaya bir siteorigin satırı eklemeyi düşünün. Her siteorigin sizden widget eklemenizi veya satır eklemenizi ister. Ayrıca, tasarıma başlamamayı tercih ediyorsanız, daha önce yapılan düzenleri keşfetme fırsatınız var. İyi haber şu ki, siteorigin üzerindeki widget ve satırın arka plan görüntülerini içerecek ayarları var. Bu nedenle, devam etmek için Widget Ekle veya Satır Ekle düğmesine tıklayın. Yeni bir widget veya satır ekleyin

Bu örnekte, kütüphane widget’larını göreceğiz. Burada, navigasyon menüsünden ve sayfalardan içerik ve ürün listesine kadar siteorigin tarafından sağlanan birçok widget’tan birini seçebilirsiniz. Bu örnek için bir ürün widget’ı seçeceğiz, ancak tasarım ihtiyaçlarınıza göre diğer birçok widget’tan birini kullanabilirsiniz. Buna ek olarak, bu widget’ı satırlarla gruplandırabilir, ardından arka planın birkaç widget’ın arkasında görünmesi için satıra arka plan görüntüleri ekleyebilirsiniz.
‘Ürün’ widget’ı seçin

Yeni widget veya satır Siteorigin sayfasının editöründe biter. Siteorların çoğu WordPress kontrol panelinde kalır, bu nedenle ön uç düzenleyicisi diğer sayfa yapımcıları kadar değildir. Herhangi bir siteorigin öğesine arka plan eklemek için öğeleri yukarı kaydırın ve Düzenle bağlantısını tıklayın.
‘Düzenle’ bağlantısını tıklayın

Bu örnek için ürün widget’ını seçtim, ancak her widget’ın görünümünü web sitenizde yapılandırmak için kendi ayarları var. Arka plan cihazı tasarım menüsünün altındadır. İlerlemek için tıklayın.
WordPress arka plan görüntüleri için sekme ‘tasarımı’

Arka plan görüntü düzlemini bulun ve Resim Seç düğmesini tıklayın. Ayrıca bir arka plan görüntüsü için harici bir URL ekleme seçeneğiniz vardır.
Bir Arka Plan ve Renk Görüntüsü Seçin

Medya kütüphanesi size WordPress’e yüklediğiniz mevcut resmi gösterir. Bu arka plan için en uygun görüntüyü tıklayın ve Siteorigin modülüne koymak için bitmiş düğmeyi seçin.
‘Bitti’ düğmesini tıklayın

Şimdi arka plan çizim alanı, fotoğrafın küçük resim versiyonunu sunuyor. Arka plan görüntüsü ekranından kaplama metni için yazı tipi rengine kadar her şeyi yapılandırmak için ayarlarda aşağı kaydırın. Genel olarak, kapak ekranını seçerek istenen sonuçları alabilmeniz gerekir. Varmed ekrana varsayılan siteorigin eklentisi gibi görünüyor, bu yüzden değiştirmeniz gerekebilir. Arka plan için özel ayarları tamamladıktan sonra bitiş düğmesini tıkladığınızdan emin olun.
WordPress’in ‘arka plan görüntüsü’ ayarları

Widget (bu durumda ürün widget) o sayfa için WordPress Siteorigin düzenleyicisine girer. Bu öğeyi sayfada istediğiniz yere sürükleyebilir ve yukarıda ve aşağıda yeni widget ve satırlar ekleyebilirsiniz. Sonuçları görmek için PratInumber düğmesini veya güncellemesini tıklamanız, ardından sayfanın önünde gezinmeniz gerekir.
‘Ürün’ bölümünü açın

Eklediğim mevcut arka plan daha önceki ürün widget sınırında görünür. Bu arka plan açıkça daha güzel görünmesini sağlamak için bazı düzenlemeler gerektirir, ancak bu, çok daha yaratıcı görünen arka plan görüntüleriyle uzayda arşivlenmeye kaliteli bir başlangıçtır.
Arka plan kısmı

Bu gösteri için son sayfa üreticisi ile benzersiz bir arka plan resmi ekleyin Brizy, olağandışı tasarımlar ve hızlı ayarlar eklemek için şık bir şablon ve üstün bir ön uç arabirimi sunuyor. Brzy Page Builder, mevcut web sitenize dahil edilecek bir dizi kapsamlı sürükleme ve bırak modülü içerir. Bu aynı zamanda boş bir şablondan başlamanıza ve tüm web sitelerinizi Brizy ile oluşturmanıza olanak tanır. Bu nedenle, Brizy’nin sayfa üreticisi aracılığıyla eklediğiniz hemen hemen her öğe için bir arka plan aracı olduğunu duymaktan mutluluk duyacaksınız. Bahsetmemek gerekirse, Brizy arka plana veya tam haritaya döngü videoları eklemek gibi bazı benzersiz arka plan stilleri görüntüler. Bu arka plan ayarlarından yararlanmak için, başlamak için Brizy eklentisini yükleyin ve etkinleştirin. Brizy sayfa eklentisi
Brizy tasarım sürecinin çoğu boş bir şablonla başlamanızı gerektirir. Brizy, eski tasarımınızı parlak bir modül haline getirmeye çalışacak, ancak en iyisinin yeni bir modül başlatması olduğunu görüyoruz. Sayfayı açın veya WordPress kontrol panelinizde yayınlayın ve başlık ve belki de içerik içeren bir sayfa oluşturmaya başlayın. Brizy ile düzenlemek için bir düğme göreceksiniz. Komple Brizy sayfa üreticisine gönderilmek üzere tıklayın.

‘Brizy ile Düzenlemeye Devam Et’ düğmesini tıklayın
Brizy Page Maker, web sitenizin tam önizlemesini düğmeler, metin ve resimlerle görüntüler. Sayfa boşsa, sayfanızı oluşturmak için Başlat düğmesine tıklayın.

Sayfanızı oluşturmaya başlamak için artı simgesini tıklayın
Üst menü çubuğundaki düzenleri ve blok sekmelerini arayın. Düzen, daha önce oluşturulan, demo içeriği ile dolu ve kendi şirketinizin içeriğini ayarladığınız sürece kullanıma hazır bir web sayfası sağlar. Blok daha küçük bir web sayfası parçasıdır, ancak daha önce yapılmıştır ve kullanımı ve manipüle edilmesi genellikle kendi bloğunuzu yaptığınızdan daha kolaydır. Hangi yöne gittiğiniz konusunda sorun değil. Düzeni keşfedin ve engelleyin ve sayfaya istediğiniz kadar ekleyin. Bu, tam bir web sayfası oluşturmak için kullanacağınız bir öğedir.
Web sayfasında birkaç blok veya mizanpajınız olduktan sonra, çalışmanızı görmek için Editör ekranına dönün. Bloğun her bir bölümünün, bloğun sağ üst tarafında genellikle o bölüme kaydırdığınızda görünen bir ayar simgesi olduğunu göreceksiniz. Seçiminizi engellemek için bunu tıklayın. Bloğa arka plan ekleyeceğiz.
‘Ayarlar’ simgesini tıklayın
Blok ayar paneli sağ üst köşede kalır. Ne yaptıklarını görmek için menü simgesini yukarı kaydırın. Bunlardan biri renkler için ve nokta renk arka planıdır. Katı veya gradyan renklerinin arka plan ekranına bağlı kalmak istiyorsanız değiştirebilir ve gradyanlar ekleyebilirsiniz.
Arka plan için ‘Renk’ düğmesi

Soldaki simge düğmesi arka plan ayarları içerir. Bu bloğa bir arka plan resmi yüklemek için aracı hızlı bir şekilde açmak için düğmeyi tıklayın.
WordPress Arka Plan Görüntü Düğmesi

Brzy, üç medya arka plan öğesi sunar:
Görüntüler

Video
Harita

İlk olarak, mevcut düzeninizle nasıl çalıştığını anlamak için görüntü türünü deneyin. Medya Kütüphanesi’nde fotoğraf bulmak için yükleme alanını tıklayın ve bunları arka plana ekleyin. WordPress arka plan resimlerinin türleri
Bu öğretici için ahşap bir panelin bir fotoğrafını bulduk ve bir paralaks efekti yapmak istemediğimizi gösterdik. Bu hoş bir etki katar çünkü renk arka planı bir kaplama olarak işlev görür, ancak yine de arkasındaki ahşabın dokusunu görüyoruz. Arka plan görüntüsünü sabit bir arka plan, animasyon veya yuvarlama olarak yapmak için her zaman paralaks düzlemini ayarlayabileceğinizi unutmayın.

Paralaksız arka plan görüntüsü
Ve brzy ile bir arka plan görüntüsü bu şekilde ekliyorsunuz! Brizy’nin en iyi yanı, tasarımı izlemeye ve her bölümün ayarlarını tıklamaya devam edebilmenizdir. Bir kısım, çok fazla zaman harcamadan başka bir arka plan görüntüsü ekleyebiliriz.

Başka bir arka plan resmi ekleyin
Diğer arka plan türlerinin gücünü göstermek için, harita arka planının türünü tıklayabilir, adresi girebilir ve konum haritasının ön arka plan içeriğinin hemen arkasında göründüğünü görebiliriz. Harita tam bir arka plan olarak yerleştirilir ve varsayılan ayarlarla eşleşmiyorsa bir yakınlaştırma işlevine sahiptir.
Haritayı WordPress arka plan görüntüsü olarak ekleyin

Son olarak, arka plan cihazıyla aynı bölümde bulunan Brizy Arka Plan Video aracını kontrol etmenizi öneririz.Video URL’sini (YouTube veya Vimeo) girerek çalışır ve tam videoyu ön arka plan içeriğinin hemen arkasında oluşturur.Hatta videoyu tekrarlamak için ayarlar sağlar ve kullanıcı bölümü kaydırdığında ne zaman başlayacağınızı seçer.
Aşağıdaki animasyonlu GIF, bazı düzenlemeler kullanabilmesine rağmen, eylemdeki bir videonun kısa bir örneğini verir.

Video ile arka plan
Arka plan görüntüsünün, kaynak ve temel düzenlemenin boyutu Makalede daha önce bahsettiğimiz, arka plan görüntüleri için mükemmel bir boyut olmamasına rağmen, 1024 x 768 pikselden daha küçük olmaması ve genel yönlerin oranında kalması gerektiği 16: 9 gibi. Özel boyutlar ve görüntü çözünürlüğü gibi çok önemli değildir, çünkü görüntüleri kesebilir veya WordPress’in sizin için yapmasına izin verebilirsiniz. Kendi fotoğraflarınızı çekmeyi planlamıyorsanız, WordPress arka plan resimlerini satın almak veya ödünç almak için doğru yeri bulmak da önemlidir. Arka plan görüntüsünüzü aramak için uygun bir arka plan görüntüsü nerede bulunur, WordPress’ten ayrılmadan fotoğraf stoku bulma ve ekleme konusundaki kılavuzumuza bakın. Ayrıca, çoğu ücretsiz olan yüksek çözünürlüklü fotoğraf stokları bulmak için yararlı olan piyasa kaynaklarının bir listesine sahibiz. Genel olarak, kendi arka plan resimlerini çekmeye çalışmanızı öneririz. Mümkün değilse veya fotoğraf veya grafik tasarım konusunda deneyiminiz yoksa, ücretsiz stok fotoğraf kaynakları kullanmayı düşünün. Ayrıca, bazıları birçok fotoğraf indirmek için aylık bir ücret talep eden birçok premium görüntü web sitesinden birinden arka plan resimleri ödemeyi de seçebilirsiniz. Bağlantının önemli noktalarından bazıları şunları içerir: Unplash – ücretsiz ve öznitelik yapmaya gerek yok.
Görsel avcılık – Ücretsiz fotoğraf. Çoğu görüntü atıf gerektirmez.

Pexels – Atıf ihtiyacı olmadan ücretsiz.
Pixabay – Çoğu resim ile ücretsiz ilişkilendirme gerektirmez.

Istockphoto – Premium abonelik telifsiz resimler için oldukça ucuz.
Shutterstock – Makul bir abonelik ücreti ile telifsiz görüntü. WordPress arka plan görüntüleri nasıl değiştirilir Özel CSS ile öğrendiğimiz gibi, WordPress varsayılan veya standart eklentilerle WordPress arka plan görüntüleri ekleyebilirsiniz. İstenen sonuçları aldığınız sürece hangi rotayı seçtiğiniz önemli değildir. Arka plan görüntü stilini ayarlamak veya sitenize tamamen eklemek için özel bir CSS kullanma seçeneği de vardır. Her bir arka plan görüntüsünün ve temasının nasıl farklı bir sürece sahip olacağını görerek özel CSS’nin giriş ve çıkışlarını tartışmayacağız. Ancak, WordPress’te CSS’yi düzenleme, ekleme ve ayarlama hakkında yönergelerimizi okumanızı öneririz. Bu makale, menü öğelerinden belirli sayfalar bloklarına kadar web sitesinin neredeyse tüm bölümlerine arka plan resimleri eklemek için yararlı ipuçları içerir. WordPress arka plan görüntüleri ile ortak sorunları iyileştirin Tüm WordPress siteleri arka plan ekleme yeteneği ile birlikte gelir. Ancak bu, tüm web siteleri için temel özellik işlevleri anlamına gelmez. Örneğin, kullandığınız temanın özel arka planları desteklemediğini görebilirsiniz. Ya da belki arka planı yüklemeye devam edersiniz, ancak doğru görünmüyor (çok büyük veya çok bulanık). WordPress ile ilgili sorunlarla yüzleşen arka plan hayal kırıklığı yaratıyor ve maalesef oldukça yaygın. Aşağıdaki arka plan görüntüsü ile en yaygın problemlerden bazılarını topluyoruz ve her eylemi haritalıyoruz. Benim temam WordPress arka plan görüntü geliştirici teması desteklemiyor WordPress’teki özel arka plan özelliklerini kontrol ediyor. Özel arka plan desteğini etkinleştirmek isteyip istemediklerine bağlı olarak etkinleştirebilir veya devre dışı bırakabilirler.

Arka plan gerekli olmadığında kapatılır veya tüm tema tasarımı ile çelişebilir.Temanızın özel bir arka planı desteklemediğini veya arka plan eklerken yeteneğinizi sınırlandırmadığını görürseniz, aşağıdaki çözümleri göz önünde bulundurun:
Özel arka planları destekleyen temalarla temalar alışverişinde bulunun.Temaları satın alırken veya indirirken özellikler listesinde özel bir arka plan arayın.

Engellenen özel bir arka planın varsayılan özelliğini değiştirmek için bir arka plan eklentisi kullanın.
Kendi özel kodlamanızı dahil etmek veya tema dosyasını reaktif bir özel arka plana girmek mümkün olsa da, genellikle her iki seçeneği kullanmamayı öneririz. En iyi işleminiz, arka planı destekleyen veya arka planlara izin veren ancak tema işlevini çok rahatsız etmeyen eklentiler ekleyen bir tema bulmaktır. WordPress arka plan görüntüsüm çok karanlık ya da renk yanlış arka plan görüntüsü zimmete geçirilmiş arka plan görüntüsünün yanında çalışan birçok ayardan gelebilir. Çoğu zaman, filtre bindirme veya zayıf renk arka planı ile ilgilidir. Arka planın renk değiştirdiği çoğu durumda, arka planın kendisini kontrol eden temayı veya eklentiyi kontrol etmelisiniz. Arka plan alanının yakınında bir filtre veya genişlik isteyen ayarları arayın. Arka planınızın doğru görüntülenmesi için temizlenmesi gereken opaklık özelliklerini de bulabilirsiniz. Her şey başarısız olursa, temanın tema dosyasına kodlanmış bir arka plan filtresi olabilir. Bu durumda, arka plan rengini geliştirmek için neler yapılabileceği hakkında fikir edinmek için tema geliştiricisine başvurun. WordPress arka plan görüntüsüm, yanlış konumda görünen doğru pozisyonda değil, web sitenizin tüm tasarımına müdahale etme eğilimindedir. Arka planın çok uzakta veya sağda olduğunu veya belki de arka planın ana odağının ne olması gerektiğinin ekranda hiç görünmediğini görebilirsiniz. Neyse ki, arka planın etrafında hareket etmek, düğmenin sadece birkaç tıklamasını gerektirir. Görünüşe git>

WordPress kontrol panelinde arka plan. Şu anda yüklediğiniz resimleri arka plan olarak bulun ve pozisyon arayın. Bu alan, sola, sağa, yukarı, alt veya açıya taşıma seçeneği ile arka plan konumunu hareket ettirmenizi sağlar. Ürettikleri sonuçları görmek için tüm konumlandırma düğmelerini tıklamanızı öneririz. Doğru konumu bulduktan sonra sayfayı kaydedin. WordPress arka plan görüntülerim tekrar tekrar doku ve sağlam arka plan, tekrarlandığında genellikle daha iyi görünür ve resmin duraklamasını nasıl görmezden geleceğini görür. Bununla birlikte, birçok görüntü, arka plan olarak tekrar tekrar tekrarlandığında kötü görünür, özellikle de çok fazla detay ve renk seviyesine sahip olanlar. Kaynak görüntünüz gerilmeden tüm arka planı kaplayacak kadar büyük değilse, tekrarlanan arka plan görüntü düzeni çok kullanışlıdır. Bu nedenle, WordPress bazen görüntü çözünürlüğünü korumak için tekrarlanan düzenlere varsayılan olarak varsayılan olarak. Bu sorunun ana çözümü, görünüşe göre arka planda yatıyor>
WordPress arka plan. Arka plan olarak yüklenen fotoğraflarla, önceden ayarlanmış tekrar seçeneği yerine dolgu ekranı, ekrana uyma veya özel gibi pretleri deneyin. Bununla birlikte, hoş olmayan sonuçlara neden olan tüm arka plan ekranını kapsayacak daha küçük bir görüntü almaya çalışmanın. Bu durumda, en iyi çözüm bir arka plan kaynağının görüntüsünü tamamen değiştirmek ve büyük, yüksek çözünürlüklü ve web’de yayınlanmaya hazır olmaktır. WordPress arka plan görüntüsüm, gerilmiş arka plan görüntüsünü genişletir, özel arka plan ayarınızın daha küçük bir resim çekmeye ve tüm ekranı görüntüle örtmeye çalıştığı anlamına gelir. Ayrıca, gerekli en boy oranıyla eşleşmezlerse, bunun daha büyük, yüksek çözünürlüklü görüntülerle gerçekleştiğini de görebilirsiniz. Gerilmiş arka plan görüntüleri için kaynak dosyayı düşünün. Uygun farklı bir görüntü seçmek en iyi seçenektir. Başka bir sorun, arka plan ayarlarının yanlış yaptırılması gerektiğidir. Arka plan görüntü konumu gibi şeyleri kontrol edin ve Dolgu ekran modunda tuval üzerinde gerilir. Sadece orijinal boyutlara bağlı kalmanız veya hepsinin işe yaraması için bir tekrar işlevi eklemeniz gerekebilir. Bir tema koyarsanız ve işleyen bir arka plan yapamazsanız, en iyi yolunuz tema geliştiricisiyle iletişim kurmak veya sorunu çözüp çözmediğini görmek için yeni bir tema koymaktır.

Özel renkler ve arka plan görüntüleri genellikle arka plan görüntüsünüzün boyutunu, yerleşimini veya kaynağını kontrol etmek için uyguladığınız özel CSS kodunu değiştirir.Özel CSS kullanmak yerine tema arka plan ayarlarını kullanmaya devam etmeniz gerekebilir. Tema, etkinleştirilmiş özel bir arka planla satılabilir.Genellikle, tek yapmanız gereken arka plan görüntüsünü yenisiyle değiştirmektir.Bazen, bir tema dosyası açmanız veya tema ayarlarını değiştirmek için özel bir CSS kullanmanız gerekir.
En İyi WordPress Arka Plan Görüntü Eklentisi Arka plan görüntüleri için, video arka planlarıyla ilgilenen veya sayfanın özel bir arka planına izin veren araçlar için daha fazla düzenleme özelliğine sahip olmak istiyorsanız, aşağıdaki WordPress arka plan görüntülerini göz önünde bulundurabilirsiniz: Tam Ekran Arka Plan Görüntüsü

Basit tam ekran arka plan görüntü eklentisi
Basit tam ekran arka plan görüntü eklentisi, WordPress’teki varsayılan arka plan çizim aracından çok farklı değildir, ancak eklenti tarayıcılara boyut ve ölçek değiştirme gibi şeylere otomatik özellikler ekler.Genel olarak, bu eklenti, temalarının arka plan ekleme yeteneğini engellediğini veya belki de varsayılan WordPress arka plan cihazı ile sorun yaşadıklarını görenler için en iyi işlev görür.Bu, WordPress’te sahip olduklarınızı bir kenara koyun ve doğrudan bilgisayarınızdan resim yüklemek için WordPress kontrol panelinize özel bir arka plan düğmesi ekleyin.Sadece bu!Bu eklenti ayrıca ölçekte bir artış, sınırsız sayıda arka plan ve benzersiz efektler ve daha fazlası sunan birinci sınıf bir versiyona sahiptir.Arka Plan Daha fazla WordPress Wawb – Gelişmiş WordPress Arka Plan Eklentisi

Gelişmiş WordPress arka plan eklentisi, WordPress arka planına farklı bir yaklaşım benimser, arka planınız olan benzersiz efektlerden yararlanmanızı sağlar. Bir örnek, web sitenizi izlerken kullanıcılarla yavaşça hareket edebilen bir paralaks arka planıdır. Bu eklenti ayrıca video için destek sunar. Video arka planı YouTube ve Vimeo gibi yerlerden alınır veya kendiniz bile gönderebilirsiniz. Düz renk veya dokulu bir arka plana sahip olmak da mümkündür. Her türlü arka plan, temel WordPress arka plan araçlarıyla bulamayacağınız gelişmiş özellikleri içerir. Bazıları rulo ve ölçeklendirme, opaklık etkileri ve özel hız seçeneklerinin etkilerini içerir. Gutenberg’i destekler ve standart WordPress editörleri ve diğer birçok görsel sayfa üreticisi ile birlikte kullanılabilir. Son olarak, arka planınıza daha fazla stil eklemek için özel bir CSS seçeneği kullanabilirsiniz. Mükemmel resim + retina mükemmel görüntü + retina eklentisi
Plugin Mükemmel Görüntüler + Retina, iki arada bir çözüm olarak kullanışlıdır. Bu, küçük resimleri yeniden oluştururken ve görüntüleri değiştirirken WordPress arka plan görüntülerinin boyutunu ve görüntüsünü yönetmenizi sağlar. Görüntü yönetimi oldukça etkileyici ve bu yüksek çözünürlüklü arka planlar için çok önemli. Premium sürümü kullanıyorsanız bu eklenti ayrıca bir arka plan özelliği sağlar. Bu, arka plan görüntüsü için eşdeğer bir retina üretir, böylece görüntünün yüksek çözünürlüklü bir ekranda bile olması gerektiği gibi görünür. Bakım onarım

WordPress arka plan görüntüsü ile bakım eklentisi