Доброго времени суток читатели wooden-stool.ru.
На различных форумах часто видел вопросы и непонятки по теме ‘Как установить / поменять шапку на WordPress блоге‘, посему хочу немного поговорить об этом. Да и к тому же, у самого только сейчас дошли руки до шапки, до этого на шапке красовалась надпись из тайтла (по дефолту на WP).
К слову говоря, если вас интересует горизонтально-направленное бурение то, советую обратится к заводу ‘Гидрофоб’ который специализируется на ГНБ — прокладки трубопроводов с помощью данной технологии и специализированной техники. Вы можете ознакомится с установкой гнб, ценой и прочей информацией по ГНБ на сайте hydrophobe.ru .
Вообщем-то нечего сложно тут нету, установка и смена шапки на WP блог легка, достаточно немного пошаманить с файлом стилей style.css который можно найти по адрессу «wp-content/themes/ваша_тема/” вашей темы.
И так, открываем наш style.css через любой FTP клиент или через веб-интерфейс вашей админ панели и клацаем CTRL+F3 — откроется форма поиска текста в документе, ищем мы с вами это:
#header {height:
Эти строки могут быть немного другими, зависит от вашей темы. И так, нашли текст и ниже вставляем код:
background: url(images/header.jpg) top left no-repeat;
где «images/header.jpg” это путь к вашей картинки из текущей дериктории, где ‘header.jpg’ это собственно имя картинки, которое можно (и скорей всего нужно) поменять на своё.
Прописали всё это дело и теперь сохроняемся. Идём на сайт, обновляем нашу заглавную страницу и вуаля, мы стали счастливыми обладателями шапки. Возможно шапка останется прежней (тем более если имя файла новой шапки такое же как и у старой), это потому, что старая шапка сохранена в кеше браузера. Для рашения проблемы — просто перезапустите браузер, ну или очистите кеш.
Не нашёл там выше описанный отрывок кода, что мне делать?
Возможно что у вас будет отсутствовать этот класс, нечего страшного, просто пропишите его и всё. Конечно, хидеру может соответствовать другой класс. Если так и есть то, через ту же оперу кликаем правой кнопкой мыши по шапке и в контекстном меню клацаем по ‘Проинспектировать элемент’ или в лисе, аналогичным образом, только жать на ‘исследовать обьект’..вроде так, пишу по памяти. Ну и тут уже смотрим, какой класс присвоен шапке. Далее опять открываем наш ‘style.css’ и прописываем всю ту же строчку в тот класс, который описывает стиль шапки.
Картинка для шапки большего / меньшего размера, как сделать что бы было всё ровно и по размерам.
Для того что бы сделать шапку точно по размеру дива, используем background-zoom.
Пример:
#header { background-zoom:110%; }
если память не изменяет, то на IE < 6 это не проканает. попробуйте поиграться с margin padding и т.д, или тут уже нужно применять JS, незнаю..не пробовал оптимизировать под IE (да и, разве её кто-то ещё использует?)
Я установила дополнение к своему браузеру Мозилла FireBugs. Он служит как раз для определения кода и очень удобен если хочешь что то поменять на своём блоге… Мне это приложение упрощает мою работу…
Спасибо автору, описано просто и легко. Получилось сделать с первого раза)))
-
gloys Говорит:
17.11.2012 at 10:24 дп
Всегда пожалуйста = )
Добрый вечер!
Все сделала, как Вы описали, но шапка не поменялась, а просто пропала картинка. Посоветуйте, что еще можно тут сделать?
С уважением
Наталья
-
gloys Говорит:
09.06.2013 at 12:42 пп
надо сайт смотреть