WordPress Site Arka Planlarını CSS kullanarak Ayarlama - mankenler

A Basamaklı Stil Sayfası (CSS), içeriğin görünümünü kontrol eden bir stil sayfasıdır. bir web sitesi şablonu. Sitenizde kullandığınız her WordPress teması şablonlarınıza stil ve tasarım yetenekleri sunan bir CSS kullanır. Web sitenizin arka planının varsayılan içeriğini değiştirme, kullandığınız şablonun temel gövde bileşenlerini değiştirerek yapılır.

1Detaylar Düzenleme'yi açmak için WordPress gösterge tablosunda GörünümEditor'i seçin.

Çalışmak istediğiniz temayı seçtikten sonra, ilgili stil sayfası düzenleme modunda açılır.

2Kimya göstergesini bulana kadar metin editörüne gidin.

Stil sayfasında, gövde arka planı gibi onaltılık renk kodu ile tanımlanır:

gövde {background: # f1f1f1;}

Dikkatli olun. Stil sayfasının orijinal bir kopyasını Not Defteri (Windows) veya TextMate (Mac) gibi bir metin programına kaydedin, böylece gerekirse orijinal CSS'yi bulun ve tekrar kopyalayıp stil sayfanıza yapıştırın.

3 Arka plan özellik değerini onaltılı kodlar kullanarak değiştirin.

Aşağıdaki değişikliği yapın:

body {background: # 000000;}

Bu arka plan rengini açık gri ile siyah arasında değiştirir. W3Schools Web Sitesi'nde renkli altılı kodlar üzerinde büyük bir kaynak bulunmaktadır.

4 Arka plan özellik değerini onaltılık kodlar olmadan değiştirin.

Bazı temel renklerde renk altılı kodunu kullanmanız gerekmez. Beyaz, siyah, kırmızı, mavi ve gümüş gibi renkler için sadece altılı kod yerine renk adını kullanabilirsiniz …

5Bir resim kullanmak için arka plan özelliklerini değiştirin.

Görüntüyü tema dizininize yükleyerek ve arka plan komutundaki fotoğrafın URL'sini kullanarak bir görüntüyü siteniz için arka plan olarak kolayca kullanabilirsiniz. Değer ifadesi şu şekilde görünecektir:

body {background: url (images / görüntü.jpg)}

6Tarihi güncelleyin ve değişiklikleri gözden geçirin.

Sayfanın altındaki dosya güncelleme düğmesini tıklayın. Değişiklikleriniz kaydedilir ve seçilen temaya uygulanır. Yeni bir tarayıcı oturumu açın, sitenizi ziyaret edin ve değişikliklerinizi gözden geçirin.