WordPress'de Başlık İmajınızı BB ile CSS ile Tanımlama ve Yerleştirme Yirmi On beş - yuvarlak

Çoğu temanın sayfanın üstünde görünen bir başlık resmi vardır. WordPress'te, bu resim, üstbilgi alanını temsil eden mülk için CSS değeri veya WordPress'de özel bir üstbilgi özelliği kullanılarak tanımlanan bir grafik ile oluşturulur.

Başlık olarak kullanılacak bir arka plan görüntüsü tanımlama

WordPress varsayılan Twenty Fifteen temasında Yirmi Onbeş temayı kullanan bir sitede bir özel başlık resmi de dahil olmak üzere oldukça kolay. Tüm zor işler senin için yapıldı.

Özel başlık resmi özelliğine sahip olmayan temalarda, CSS kullanarak başlık resmi için kolayca bir arka plan resmi tanımlayabilirsiniz. Bu örnekte, şablondaki başlık için HTML işaretlemesi >'dır CSS (style. Css) dosyasında #header için CSS özelliklerinde tanımlayarak bir arka plan resmi kullanabilirsiniz. Bu kodu kullanın:

#header {background: url (/ resimler / üstbilgi görüntüsü. Jpg) no-repeat; genişlik: 980 piksel; height: 100px;}

Arka plan değeri bir üstbilgi görüntüsünü belirtir. jpg resmi. Bu görüntünün sitenizde görünmesi için, resmi oluşturup / images / dizinindeki web sunucunuza yüklemeniz gerekir.

Web'deki grafiklerle çalışırken GIF, JPG veya PNG resim formatlarını kullanmalısınız. Az sayıda renkle (çizimler, çizgi sanatları, logolar vb.) Bulunan resimler için GIF biçimi en iyi sonucu verir. Diğer görüntü türleri (metin ve görüntüler, harmanlanmış saydamlık ve benzeri ekran görüntüleri) için JPG veya PNG kullanın.

Arka plan resminizin konumlandırılması, tekrarlanması veya kaydırılması

Temanızda kullanılacak bir grafik yükledikten sonra, konumlandırmak için CSS arka plan özelliklerini kullanabilirsiniz. Ana CSS özellikleri - arka plan konumu, arka planda tekrarlama ve arka plana ekleme - istediğiniz efekti elde etmenize yardımcı olur. CSS arka plan özelliklerini ve bunları tema stil sayfanızda değiştirmek için mevcut değerlerini kontrol edin.

Özellik

Açıklama	Değerler	Örnek	arka plan konumu
Arka plan resminizin	web sayfasındaki altındaki başlangıç ​​noktasını belirler orta	sağ alt sol orta sağ orta orta orta arka plan konumu: alt orta;	background-repeat
Arka plan resminizin yineleneceğini veya	döşeme tekrarlamayı (sonsuza kadar tekrarlar) belirtir	repeat-y (dikey olarak tekrarlar) repeat-x (yatay tekrarlar) < no-repeat (tekrarlamaz) background-repeat: repeat-y; arka plan eklentisi	Arka plan resminin sabitlendiğini veya tarayıcı penceresi
ile Seri	kaydırma arka plan eki: kaydırma ile kaydırılıp çizilmediğini belirtir;	Üst grafiğin konumunu, yukarıda sağlanan değerlerden bazılarıyla keşfedebilirsiniz.Görsel bir kişiyseniz, sitenizdeki etkileri görmek için test etme ve düzeltme yapmaktan keyif alacaksınız. Hedefinizin, tarayıcının ekran genişliğiyle soldan sağa kaydırılması için arka plan resmini	yatay olarak,

ya da tarayıcı ekranında, döşeme, ya da yinelemek için yapın herhangi bir bilgisayar. Ayrıca, arka plan rengini farklı bir renge (örneğin, bir sonraki örnekte olduğu gibi beyaza) değiştirmek istiyorsunuz. Bunu başarmak için stil sayfasını tekrar açın ve değiştirin: background: # f1f1f1; - arka plan: #FFFFFF; background-image: url (resimler / üstbilgi-görüntüsü. jpg); background-repeat: tekrar-x;

veya

arka plan kullanabilirsiniz: #FFFFFF url (images / header-image. Jpg) repeat-x;