WordPress’teki arka plan rengi nasıl değiştirilir (Yeni Başlayan Kılavuz)

WordPress sitenizin arka plan rengini değiştirmenin kolay bir yolunu mu arıyorsunuz? Web sitenizin arka plan rengi tasarımınızda ve markanızda ve içeriğinizin okumasını kolaylaştırmada önemli bir rol oynar. Bu makalede, WordPress sitenizin arka plan rengini değiştirmenin kolay bir yolunu göstereceğiz.

WordPress’teki arka plan rengini neden değiştirmelisiniz? WordPress teması varsayılan arka plan rengi ile birlikte gelir. Arka plan rengini değiştirmek, web sitenizin tasarımını kişiselleştirmeye ve okunabilirliği artırmaya yardımcı olabilir. Örneğin, belirli sayfaları farklı bir arka plan rengi kullanarak öne çıkarabilirsiniz. Bu, oyunculuk davetiyenizi (CTA) vurgulamaya ve dönüşümün artmasına yardımcı olur.
WordPress blogunuzda yazar, yorum veya kategorilere dayalı farklı yayınlar için farklı arka plan renkleri kullanabilirsiniz. Bu, makaleleri web sitenizdeki diğer içerikten ayırt etmeye yardımcı olur. Ziyaretçilerinizin dikkatini doğrudan çekmek ve katılımı artırmak için video arka plan eklemenin yolları da vardır. Bu nedenle, WordPress’teki arka plan renginin nasıl değiştirileceğine bakalım. Arka plan rengini ayarlamanın çeşitli yollarını göstereceğiz, böylece hemen istediğiniz parçaya geçebilirsiniz:
WordPress Customer’ı kullanarak arka plan rengini değiştirin
Özel bir CSS kullanarak arka plan rengini değiştirin
Arka plan rengini rastgele değiştirin
Tek tek gönderiler için arka plan rengini değiştirin
Arka planda videolar kullanın
Özel bir yön sayfası oluşturun
WordPress tema ayarını kullanarak arka plan rengini değiştirme temanıza bağlıdır, WordPress tema ayarını kullanarak arka plan rengini değiştirebilirsiniz. Bu, sitenizin görünümünü gerçek zamanlı olarak ve kodu düzenlemeye gerek kalmadan düzenlemenize olanak tanır. WordPress tema ayarına erişmek için web sitenize girebilir ve ardından görünüşe gidebilirsiniz. Bu, temanızı değiştirmek için birkaç seçenek bulacağınız tema ayarını açacaktır. Buna menüler, renkler, veranda, widget’lar, arka plan görüntüleri ve daha fazlasını içerir. Mevcut belirli seçenekler, siteniz tarafından kullanılan WordPress temasına bağlı olacaktır. Bu öğretici için varsayılan yirmi yirmi bir temayı kullanıyoruz. Web sitenizin arka plan rengini değiştirmek için devam edin ve solunuzdaki menüden ‘Koyu Renk ve Mod’ Ayarları sekmesini tıklayın.
Ardından, ‘arka plan rengi’ seçeneğini tıklamanız ve web siteniz için renkleri seçmeniz gerekir. Bir renk seçmen kullanabilir veya arka planınız için onaltılık renk kodunu girebilirsiniz.

Değişikliklerle bittiğinde, ‘Yayınla’ düğmesine tıklamayı unutmayın. Artık yeni arka plan renklerini çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Temanız tema ayarında bu seçeneğe sahip olmayabilir. Bu durumda, aşağıdaki yöntemlerden birini deneyebilirsiniz. WordPress web sitenizin arka plan rengini değiştirebilmeniz için özel bir CSS ekleyerek arka plan rengini değiştirin WordPress tema ayarına özel bir CSS eklemektir.

Başlamak için görünümü aç »ve ‘Ek CSS’ sekmesini açın.
Ardından, aşağıdaki kodu girebilirsiniz: gövde {arka plan-color: #ffffff;

}
Tek yapmanız gereken, web sitenizde kullanmak istediğiniz renk kodu ile arka plan renk kodunu değiştirmek. Ardından, Ek CSS sekmesine kodu girin ve girin.
Bittiğinde, ‘Yayınla’ düğmesine tıklamayı unutmayın. Artık yeni arka plan rengini görmek için web sitenizi ziyaret edebilirsiniz. Daha fazla ayrıntı için lütfen WordPress sitenize kolayca özel CSS ekleyeceğiniz konusunda kılavuzumuza bakın.
Arka plan rengini WordPress’te rastgele değiştirin, WordPress’te renk arka planını rastgele değiştirmenin yollarını mı arıyorsunuz? Farklı arka plan renkleri arasındaki geçişe otomatik olarak pürüzsüz bir arka plan renk değiştirme efekti ekleyebilirsiniz. Etki, son renge ulaşana kadar birkaç renkten geçer. Efekt eklemek için WordPress sitenize bir kod eklemeniz gerekir. Aşağıdaki süreç boyunca size rehberlik edeceğiz. Yapmanız gereken ilk şey, pürüzsüz bir arka plan renk değiştirme efekti eklemek istediğiniz alandan CSS sınıfını bulmaktır.

Bunu tarayıcınızda bir muayene aracı kullanarak yapabilirsiniz. Yapmanız gereken tek şey fareyi, denetleme aracını seçmek için rengi değiştirmek istediğiniz alana yönlendirmektir.
Bundan sonra, hedeflemek istediğiniz CSS sınıfını yazmalısınız. Örneğin, yukarıdaki ekran görüntüsünde, bölgeyi ‘CSS sınıfı sayfa başlığı ile hedeflemek istiyoruz. Ardından, bilgisayarınızda Not Defteri gibi sıradan bir metin düzenleyicisi açmanız ve yeni bir dosya oluşturmanız gerekir. Dosyayı masaüstünüze ‘WPB-Background-Tutorial.js’ olarak kaydetmelisiniz. Bittiğinde, yeni oluşturduğunuz JS dosyasına aşağıdaki kodu ekleyebilirsiniz: JQuery (Function ($) {
$ (‘. Page-header’). Her biri (function () {

var $ this = $ (this),
Renkler = [‘#ec008c’, ‘#00bcc3’, ‘#5fb26a’, ‘#fc7331’];
SetInterVal (function () {
var color = colors.shift ();
renkler.push (renk);
$ this. Animate ({arka planColor: Color}, 2000);
}, 4000);
});
});
Kodu incelerseniz, CSS ‘sayfa başlık’ sınıfını kullandığımızı göreceksiniz çünkü bu, web sitemizde hedeflemek istediğimiz alandır. Ayrıca, onaltılık renk kodunu kullanarak dört renk kullandığımızı da göreceksiniz. Arka planınız için istediğiniz kadar renk ekleyebilirsiniz. Tek yapmanız gereken örnekte renk kodunu girmek ve diğer renkler gibi bir virgül ve tek bir tırnak işareti kullanarak ayırmaktır.
Artık JS dosyanız hazır olduğuna göre, Dosya Aktarım Protokolü Hizmetini (FTP) kullanarak WordPress Tema JS klasörünüze yüklemeniz gerekir. Bu öğretici için FileZilla’yı kullanıyoruz. Bu, Windows, Mac ve Linux için ücretsiz bir FTP istemcisidir ve kullanımı çok kolaydır. Başlamak için web sitenizin FTP sunucusunu girmelisiniz. Kimlik bilgisi girişini ana bilgisayar sağlayıcınızdan veya barındırma hesabı CPanel kontrol panelinizde bulabilirsiniz. Girdikten sonra, ‘Uzun Dürüstlük Sitesi’ sütununun altındaki web sitesi klasörlerinizin ve dosyalarınızın bir listesini göreceksiniz. Lütfen ve Site Temanızdaki JS klasörüne gidin. Temanızda JS klasörü yoksa, bunu yapabilirsiniz. FTP istemcisindeki tema klasörünüzü sağ tıklayın ve ‘Dizin Oluştur’ seçeneğini tıklayın.
Ardından, JS dosyanızın konumunu ‘Yerel Site’ sütunu altında açmanız gerekir. Ardından dosyayı sağ tıklayın ve temanıza dosya eklemek için ‘Yükle’ seçeneğini tıklayın.
Daha fazla ayrıntı için, WordPress’e dosya yüklemek için FTP’nin nasıl kullanılacağına dair öğreticimizi izleyebilirsiniz. Ardından, funts.php dosyanıza aşağıdaki kodu girmeniz gerekir. Bu kod, bu kodun çalışması için ihtiyacınız olan JavaScript dosyasını ve ihtiyacınız olan bağımlı jQuery komut dosyasını doğru bir şekilde içerir.
İşlev wpb_bg_color_scripts () {

wp_enqueue_script (‘wpb-background-tutorial’, get_stylesheet_directory_uri ().

}

Add_action (‘wp_enqueue_scripts’, ‘wpb_bg_color_scripts’);
Kodu sitenize güvenli bir şekilde eklemek için kod snippet eklentisini kullanmanızı öneririz. Daha fazla ayrıntı için, web’den WordPress’e görüntülerin nasıl ekleneceğine dair kılavuzumuza bakın. Hedeflediğiniz alanda rastgele değişen rengi görmek için artık web sitenizi ziyaret edebilirsiniz. Bireysel yayınınızın arka plan rengini değiştirin, WordPress’teki her bir blog yayınının arka plan rengini de değiştirebilir. Tüm site web siteniz özel bir CSS kullanır. Bu, belirli yayınların görünümünü değiştirmenizi ve arka planlarını kişiselleştirmenizi sağlar. Örneğin, her yazının stilini yazara göre ayarlayabilir veya en çok yorumunuz için farklı bir arka plan rengi gösterebilirsiniz. Belirli bir kategoride yayınlamak için arka plan rengini bile değiştirebilirsiniz. Örneğin, haber yayınları öğreticilere kıyasla farklı arka plan renklerine sahip olabilir. Yapmanız gereken ilk şey, CSS temanızdaki ID gönderisini bulmaktır. Bunu herhangi bir blog yayınına bakarak ve daha sonra tarayıcınızdaki muayene aracını kullanmak için sağa tıklayabilirsiniz.
Aşağıdakiler görünümün bir örneği:
Gönderi kimliğinizi aldıktan sonra, aşağıdaki özel CSS’yi kullanarak her yazının arka plan rengini değiştirebilirsiniz. Kimlik gönderisini kendinize uygun olarak ve istediğiniz arka plan renk koduna göre değiştirin … 104 sonrası {
Arka plan-rengi: #d7deb5;
Renk: #ffffff;

}

Özel CSS eklemek için WordPress Tema Özelleştirici’yi kullanabilirsiniz. İlk olarak, WordPress sitenize girdiğinizden emin olun. Ardından, blog yayınınızı ziyaret edin ve üstteki ‘Ayar’ seçeneğini tıklayın. Bundan sonra, solunuzdaki menüden Ek CSS sekmesini açın. Ardından, özel CSS’yi girin ve ardından ‘Yayın’ düğmesini tıklayın.
Artık yeni bir arka plan rengi görmek için blog yayınınızı ziyaret edebilirsiniz. Arka plan rengini yazar, yorum veya kategoriye göre değiştirmek istiyorsanız, her bir WordPress gönderisini farklı şekilde nasıl düzenleyeceğinizle ilgili ayrıntılı öğreticimize bakın. Web sitenizde arka plan olarak video kullanarak arka plandaki videoları kullanın, ziyaretçilerinizin dikkatini çekmek ve kullanıcı katılımını artırmak için iyi bir yoldur. Arka plana video eklemenin en kolay yolu WordPress eklentilerini kullanmaktır. Bu öğretici için arka plan videosu için MB.ytPlayer kullanacağız. Bu, WordPress sitenizin arka planında YouTube videolarını oynatmanızı sağlayan ücretsiz bir eklentidir. MB.ytplayer su işaretlerini silmenizi sağlayan ve daha fazla ayarlama özellikleri sunan premium bir sürüm de vardır. İlk olarak, web sitenize eklentileri yüklemeli ve etkinleştirmelisiniz. Daha fazla ayrıntı için WordPress eklentilerini nasıl yükleyeceğiniz konusundaki eğitimimizi takip edebilirsiniz. Aktivasyondan sonra, WordPress yönetici alanınızdan MB.IDEAS »YTPlayer’a gidebilirsiniz. Bir sonraki ekranda, YouTube video URL’nizi girip arka plan videosunu etkinleştirmeniz gerekir.
Ayrıca, eklenti, arka plan videonuzu görüntülemek için bir konum seçmenizi sağlar. Statik bir ana sayfa, bir blog dizin ana sayfası veya her ikisini de seçebilirsiniz. ‘Tümünü’ seçerseniz, sitenizde videoları görüntüleme seçeneği de vardır. Video URL’sini girdikten ve arka planınızı etkinleştirdikten sonra, videonun arka planını görmek için web sitenizi ziyaret edin. Özel bir yön sayfası oluşturun WordPress’te özel bir yön sayfası oluşturun. Arka plan rengi ve sayfa tasarımı üzerinde tam kontrole sahipsiniz. Çok ilginç bir özel yön sayfası oluşturmanın en kolay yolu SeedPod kullanmaktır. Bu, WordPress için en iyi eklenti sayfalarıdır ve kodu düzenlemeden bir sayfa oluşturmak için kullanımı kolay olan bir sürükleme ve gevşek sayfa üreticisi sunar. Yapmanız gereken ilk şey, web sitenize SeedProd’u yüklemek ve etkinleştirmektir. WordPress eklentilerini nasıl yükleyeceğiniz konusundaki kılavuzumuza başvurabilirsiniz. Not: Daha sofistike özellikler, şablonlar ve ayarlama seçenekleri sunduğu için SeedProd Pro sürümünü kullanacağız. Ancak, WordPress.org adresinde ücretsiz bir sürüm de mevcuttur. Eklenti etkin olduktan sonra, lisans anahtarınızı girmeniz istenecektir. SeedProd hesap alanınızda bir anahtar bulabilirsiniz. Anahtar girdikten sonra ‘Anahtar Doğrulama’ düğmesini tıklayın.
Ardından, SeedProd »sayfasına gidebilir ve ‘Yeni Bir Yön Ekle’ i tıklayabilirsiniz.
Bundan sonra, yön sayfanız için temayı seçmelisiniz. SeedProd başlamak için birçok güzel yön sayfası şablonu sunar. Sıfırdan başlamak için boş bir şablon da kullanabilirsiniz. Ancak, bir şablon kullanmanızı öneririz, çünkü bu bir yön sayfası oluşturmanın daha kolay ve daha hızlı bir yoludur. Bir şablon seçtiğinizde sayfa adını girmeniz ve URL’yi seçmeniz istenecektir.
Bir sonraki ekranda, SeedProd sayfa üreticisini göreceksiniz. Burada solunuzdaki menüden bloklar eklemek için Drag Maker’ı ve Loose’u kullanabilirsiniz. Başlıklar, videolar, resimler, düğmeler vb. Ekleyebilirsiniz. Aşağı kaydırdığınızda, devam eden bölümün altında daha fazla blok vardır. Örneğin, aciliyet oluşturmak için bir geri çekilme zaman sayımları ekleyebilir, takipçileri geliştirmek için sosyal profiller görüntüleyebilir, potansiyel müşterileri toplamak için seçenek formları ekleyebilir ve daha fazlası olabilir.

Sürükleme ve gevşek üreticiler kullanarak, yön sayfanızdaki her bloğun konumunu değiştirmek kolaydır. Düzeni, boyutu, renk ve metin yazı tipini bile değiştirebilirsiniz. Sayfalarınızın arka plan rengini değiştirmek için herhangi bir sayfayı seçin. Artık arka plan stilini, rengi düzenlemek ve resim eklemek için solunuzdaki menüdeki seçenekleri göreceksiniz.

Yön sayfanızı düzenlemeyi bitirdikten sonra, üstteki ‘Kaydet’ düğmesini tıklamayı unutmayın. Ardından, ‘Bağlan’ sekmesine gidebilir ve sayfaları farklı e -posta pazarlama hizmetleriyle entegre edebilirsiniz. Örneğin, sürekli temas, sendminblue ve diğerlerine bağlanabilirsiniz.

Bundan sonra devam edin ve ‘Sayfalar Ayarları’ sekmesini tıklayın.Burada sayfanızı görüntülemek için taslağın sayfa durumunu yayınlamak için değiştirebilirsiniz. Ayrıca, SEO sayfası ayarlarını da değiştirebilir, analitik bkz. Komut dosyası altında özel kodlar ekleyebilir ve özel bir etki alanı girebilirsiniz.Bittiğinde, SeedProd sayfa üreticisinden çıkabilir ve özel yön sayfanızı ziyaret edebilirsiniz.

Bu makalenin WordPress’teki arka plan rengini nasıl değiştireceğinizi öğrenmenize yardımcı olur.En iyi web sitesi üreticisini nasıl seçeceğiniz veya en iyi web tasarım yazılımımızın karşılaştırılması konusundaki kılavuzumuzu da görmek isteyebilirsiniz.Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun.Bizi Twitter ve Facebook’ta da bulabilirsiniz.