Главная » Бизнес в Интернете

Как изменить шапку блога WordPress

изменяем шапку блогаВ прошлый раз мы меняли картинку фона на блоге WordPress. Теперь задача будет попроще: нужно заменить шапку блога (хедер блога), то есть верхнюю картинку блога.

Чтобы изменить шапку на блоге WordPress, нужно сначала понять, где она находится.

Идете по нашему испытанному пути:

правой клавишей мыши нажимаете прямо по шапке блога.

Теперь у Вас может быть два варианта (какой будет, зависит от темы дизайна блога WordPress).

Первый вариант

копировать адрес картинкиВы можете сразу узнать адрес картинки, в выпадающем меню есть строка Копировать URL картинки. Копируете адрес, вставляете в адресную строку браузера. Должна появиться картинка отдельно, если появится, значит, адрес картинки правильный.

Теперь достаточно открыть  программу Total Commander, затем с помощью этой программы зайти на хостинг, и найти на хостинге эту картинку.

К примеру, адрес картинки следующий:

http://pro444.ru/wp-content/themes/artemia/images/ heder.jpg

Это значит, что файл картинки heder.jpg Вы найдете, когда зайдете в папку блога, в папку wp-content, затем в папку themes, затем в папку активной темы, и после этого в папку images.

Файл хедера Вы можете скопировать себе на компьютер, переделать, и поместить опять на хостинг. А можно сразу заменить файл своим.


Второй вариант

узнать адрес картинкиОн чуть более сложный. Бывают темы, в которых напрямую, с помощью нажатия правой клавишей мыши, узнать адрес картинки нельзя. В таком случае Вы выбираете строку Просмотр кода элемента. И находите адрес картинки в свойствах элемента. Если в выделенном элементе адрес картинки Вы не обнаруживаете, поищите его в соседних строчках кода.

Например, в свойствах Вы можете увидеть следующую запись:

background-image: url('images/header.jpg');адрес картинкиЭто значит, что в папке блога, в папке wp-content, в папке themes, и в папке активной темы находится папка images, а в ней лежит искомый файл хедера header.jpgфайл шапки блогашапка блогаТочно так же, как и в первом варианте, с помощью программы Total Commander, можно заменить этот файл своим.

Таи можно заменить любую картинку: Вы находите адрес картинки, и меняете. Только следите, чтобы размеры картинок совпадали, или почти совпадали. хотя можно и поэкспериментировать. Только не забудьте перед экспериментами сохранять старые картинки.

Видео о том, как менять шапку блога WordPress


Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

34 комментария »

  • Лариса пишет:

    Нужный урок. И все понятно. Но у меня проблема в том, что на блоге вообще нет картинки в шапке блога, только фон. А мне нужно туда поставить свою картинку. Помогите, как мне отыскать адрес.

  • Александр Ризун (автор) пишет:

    Лариса, так это же второй вариант! Нажимаете правой клавишей по синей шапке блога вверху, выбираете Просмотр кода элемента. И все находите.

  • Ирина пишет:

    Возможность сделать уникальным блог очень нужна , а то бесплатные темы не котируются.

  • Владимир пишет:

    Большое спасибо за интересную и содержательную статью! Благодарю за урок. Желаю удачи!

  • Андрей пишет:

    Интересное видео, много полезной информации для себя извлек.

  • Анна пишет:

    Все понятно, меняла шапку вторым способом, правда предварительно картинку переделывала в фотошопе. Спасибо.

  • Константин пишет:

    Шапка блога — это первое, что бросается в глаза читателю, когда он попадает на ваш сайт. Поэтому очень важно, чтобы картинка была там такая, что человек бы захотел остаться на сайте и почитать материалы! Поэтому очень важно уметь менять картинку в шапке блога!

  • mrs. interesno пишет:

    Замечательно, что помогаете нам с такими вопросами.

  • Татьяна пишет:

    Нужно будет выделить время и сделать...

  • Александр Ткаченко пишет:

    Шапка сайта очень важна в блоге, ведь как говорится встречают по одежке! А дальше могут и не разглядеть.

  • Олег пишет:

    Бывает еще, когда в шаблоне есть возможность загружать картинку и регулировать ее размер прямо из админки блога. Но научиться это делать самому, конечно, приятнее.

  • Виктория пишет:

    Спасибо Александр, очень нужная и полезная статья по изменению шапки блога WordPress, тем более пошагово показано, и два варианта предоставлено, теперь будем знать и эксперементировать.

  • Vasili70 пишет:

    У меня на сайте второй вариант.Александр, а если я, например,хочу в уже имеющуюся картинку в шапке — вставить дополнительное изображение? Это трудно реализовать практически?

  • Александр Ризун (автор) пишет:

    Василий, если у Вас картинка шапки идет в фоне, то можно вставить на нее еще одну картинку. Это как раз второй вариант. При первом варианте можно воспользоваться монтажом в Фотошопе.

  • Сергей пишет:

    Александр.Полезная статья, а главное как говорится во время. Так как тоже предстоит переделка шаблона.

  • Татьяна Чернова пишет:

    Даете хорошие материалы, будет здорово если кто то научится:)))

  • Светлана пишет:

    Доброго времени суток!

    Я давно ищу материал, как поменять шапку. Мне, собственно надо поменять только текст, написать его же только другим шрифтом.

    У меня второй вариант.

  • Светлана пишет:

    У меня почему-то не весь текст отобразился.Попробую снова. Выделенная строка выглядит так

    Дни ребенка

  • Анатолий пишет:

    Спасибо за ценную информацию.

    Сайт интересный, дал много информации к размышлению и к действиям.

    Сделал закладку и поделился ссылкой на Ваш сайт с друзьями.

    Успехов!

  • владимир пишет:

    Хороший сайт.Стильно.информация по html пригодилась.спасибо.успехов вам.

  • Людмила пишет:

    Спасибо,Александр,все сделала (правда через файловый менеджер)но новая шапка так и не появилась.Размеры и расширение — те же,меньше получился «вес» картинки,может в этом дело?

    Спасибо!

  • Georgy пишет:

    Спасибо, мне как новичку на WP очень пригодилось. Но есть ли возможность, что бы заглавная картинка показывалась только на заглавной странице? А при переходе на любую другую уже нет, ну или уже другая была? Предполагаю, что надо в каком-то файле всего одну строчку подтереть, но какую...

  • Марат пишет:

    Благодарю за столь подробную и ясную статью!

  • Александр Ризун (автор) пишет:

    Georgy, чтобы заглавная картинка показывалась только на заглавной странице, нужно убрать ее код в файлах статей и страниц в редакторе. Здесь нужно экспериментировать, и при случае чего, возвращаться назад, потому что с кодом любые ошибки чреваты тем, что блог вообще не будет показывать. С практикой у Вас все будет получаться.

  • Анна пишет:

    Подскажите, пожалуйста, как изменить фиксированную высоту шапки? в панели админки есть пункт Заголовок, там я могу загрузить изображение шапки, но оно строго фиксированное по высоте и ширине, если загруженное изображение больше, то программа предлагает его обрезать. В style.css вводить height в параметр header не помогает — шапка просто растягивается. подскажите, как это исправить, чтоб можно было изображение шапки и его параметры задавать в style?

  • Александр Ризун (автор) пишет:

    Анна, высоту шапки можно изменить в редакторе в header.php. У меня, например, высота задана в коде фрагментом height="70px". Ищите у себя, и найдете.

  • Александр пишет:

    Отличная подсказка, у меня хидер давно стал головной болью.

  • Ирина пишет:

    Спасибо. Это то, что мне нужно. У вас очень полезный сайт, благодарю.

  • Наталья пишет:

    А как поменять шапку блога в системе MAC OS? Подскажите пожалуйста.

  • Александр Ризун (автор) пишет:

    Наталья, Ваш блог находится в Интернете, а не на компьютере. Так что операционная система здесь не играет роли.

  • Наталья пишет:

    Когда я навожу мышь на шапку то там можно сменить только логотип а я хочу шапку полностью поменять как это сделать?

  • Александр Ризун (автор) пишет:

    У Вас шапка является фоном, а логотип — картинкой, которая прописана явно. Логотип можно убрать, а фон изменить так, как сказано в статье.

  • Елена пишет:

    А чтобы все сделать правильно через Тотал Командер, нужно же вначале к FTP подключится?

  • Александр Ризун (автор) пишет:

    Я в статье дал ссылку на статью про Total Commander, там я рассказываю, как это сделать.

Оставьте свой комментарий и ответный визит Вам обеспечен