Mmazurenko, Как да промените височината на изображението в HEADER (WordPress)
Блог на Максим Мазуренко
Как да промените височината на изображението в HEADER (WordPress)
В последната ми публикация за WordPress ми беше зададен въпросът: „как мога да намаля височината на изображението в заглавката на темата?“.
Ще се опитам да отговоря възможно най-подробно 🙂
Една проста тема на WordPress се състои от няколко градивни елемента: („заглавка“ (заглавка), „съдържание“ (съдържание) и „долен колонтитул“ (долен колонтитул)). Обикновено това са файлове, които се намират в папката на темата: header.php, index.php, page.php, single,php и footer.php. Всеки от тези файлове определя съответно от какво ще се състои горната част на блога (хедър), средната част - публикации (съдържание) и долната част (футър). Файловете, изброени по-горе, дефинират само структурата на страницата на блога, файлътstyle.css, файл с каскаден стил, отговаря за външния вид.
И ако искаме да променим само височината на картината, тогава ще трябва да работим само с файла style.css, не докосваме останалите файлове 🙂
Във файла style.css намираме редовете:
#header фонов цвят: #73a0c5; поле: 0 0 0 0px; пълнеж: 0; височина: 160px; ширина: 900px; >
Да видим какво има тук. #header и #headerimg са стилове, които се прилагат към елементи на страница с еднакъв ID. Тоест стилът #header отговаря за това как ще изглежда елементът
И така, както си спомняме, искахме да намалим височината на картината, така че трябва да променим два реда в тези стилове: височина: 160px. Променяме цифровата стойност на тази, от която се нуждаем, да кажем 100px. И в резултат получаваме:
#header фонов цвят: #73a0c5; поле: 0 0 0 0px; пълнеж: 0; височина: 100px; ширина: 900px; >
#headerimg поле: 0; височина: 100px; ширина: 100%; >
(забележка: ако има други стилове в style.css със същия идентификатор#headerи#headerimg със стойност на височината, зададена на височина, тогава тази стойност също трябва да бъде променена)
Нашата работа обаче не свършва дотук, остава само да променим височината на самата рисунка. Това може да се направи във всяка програма за редактиране на растерна графика като Photoshop.