Как изменить шапку сайта на wordpress

Как изменить шапку сайта на wordpressКак изменить шапку сайта. Поговорим сейчас о том, как изменить шапку сайта на wordpress и как изменить его название всего за 5 минут. Сразу же объясню, что такое шапка сайта и что в нее входит. Если знаете, то хорошо, но знают не все. И так, шапка сайта (header) это верхняя часть сайта, которая является неизменной для всех страниц. В шапку сайта, всегда встраивают наиболее важные части проекта, такие как его название, краткое описание, обратную связь, логотип, и основные страницы.
В интернет магазинах, так же указывают адрес и основной номер телефона. Шапка, это как реклама Вашего проекта, и она должна по мере возможности, быть заметной, и более того запоминаемой.
По этому, нельзя наплевательски относиться к этой части вашего проекта. Вы же делаете его для людей, так делайте же его уникальным и приятным для посетителя. Шапка сайта, это первое что видит посетитель, попав на Ваш ресурс, и ее вид должен, отложится у него в памяти. Да, к стати, почитайте еще статью, как создать сайт самому, она даст вам дополнительные знания по созданию и управлению вашим проектом. Ну, все, хватит теории, приступаем к практике.

Как изменить название сайта

Для того, что бы изменить название и описание в шапке сайта, необходимо, всего лишь, зайти в административную панель, в левой боковой панели найти пункт «параметры», и в выпадающем списке перейти на подпункт «общие». Вот Вы видите на рисунке ниже, название и краткое описание сайта, здесь их и меняете.
Нажмите на рисунок, что бы увидеть полный его размер. 
Как поменять название сайта wordpress
Нажимаете сохранить, и возможно, если изменения не вступят в силу, почистите кеш браузера, или же попробуйте выйти из административной панели сайта. В любом случаи, изменения произошли, только вы их можете сразу не увидеть. Ну хорошо, название сайта и описание в шапке изменены, теперь приступим к замене логотипа.

Как изменить шапку сайта

Для того, что бы поменять сам рисунок, который находится в шапке сайта, необходимо знать его размеры, так как вариантов это сделать много, я покажу самый простой и быстрый. Так как я пользуюсь Google chrome, скажу, как узнать размер шапки именно в этом браузере. Наводите курсор мышки на шапку сайта, нажимаете правую кнопку, и видите в выпадающем меню, в самом его низу пункт «просмотр кода элемента», нажимаете на него. В окне с кодом, ищем выделенную строку со словом header, которая и отвечает за шапку, наводите на нее курсор мышки, и видите размер, который вам и нужен. Смотрите пример на рисунке.
Как узнать размер шапки сайта
Зная размер шапки, ее можно подобрать, введя в строку поиска «шапки для сайта wordpress», можно заказать фрилансеру, а можно сделать самому. Что бы сделать самому, достаточно найти нужный вам рисунок подходящего размера ширины, и обрезать его по высоте, или же если рисунок очень большой, вырезать из него нужную вам часть, и сохранить.
Для того, что бы поменять шапку, необходимо зайти на Ваш хостинг (у меня sprinthost), выбрать в меню «файловый менеджер » выбрать папку public html → ваш сайт (у меня vi-internet.ru) → wp-content → themes → выбрать тему, которая у вас установлена, войти в папку image, и найти здесь файл с названием header. Обязательно его просмотрите, точно ли это рисунок Вашей шапки, если да, то скопируйте название этого файла, и дайте его файлу шапки, которую хотите установить.
Теперь у Вас есть на рабочем столе готовый рисунок с названием файла шапки (у меня header.jpeg). Находясь на хостинге в папке image (как показано ниже на видео), загрузите нужный Вам рисунок для шапки (который находится на рабочем столе) в текущую директорию и нажмите сохранить(находясь в папке image, в низу есть кнопка загрузить файлы, воспользуйтесь ней для загрузки).
Кликните  на звездочку, и выберите качество видео 720HD

Все теперь у Вас получилось изменить шапку сайта. Если Вам не видны изменения, почистите кэш браузера, или же зайдите позже.
Спасибо за внимание, надеюсь, я Вам помог. Возникнут вопросы, пишите в меню «связь со мной». Мнение высказывайте в комментариях.

Форма2

Получайте новые материалы на свою email-почту

* Конфиденциальность гарантирована.
Комментарии
«Как изменить шапку сайта на wordpress» (27) отзывов
  1. Ольга:

    Про то, как изменить название сайта я, конечно же, знала. А вот за то, что объяснили как изменить картинку спасибо. Заодно я теперь знаю как читать коды.

  2. Tatyana:

    Виталий,огромное спасибо за статью.Я искала, думаю,именно решение этой проблемы с шапкой сайта.При ее замене у меня получилось непонятно что, и как поступить с этим я не знала.Теперь понятно ,что причина в несовпадении размеров.Если не трудно, загляните на мой сайт.Правильно я поняла?

    • Татьяна, спасибо за комментарий. Но я не совсем понял что Вы поняли в результате? Напишите конкретнее о своей проблеме вот сюда → Связь со мной

  3. swetusik.ru:

    Мне очень понравилось, давно искала такой материал. А вы бы не могли подсказать как поменять английские слова на русские? Установила плагин и пишет-Related Posts-а мне хотелось бы на русском написать.
    С уважением swetusik.ru

  4. Светлана:

    Спасибо за ваш труд, все четко и ясно изложено.

    • Светлана, я рад что смог вам помочь, если возникнут дополнительные вопросы, не стесняйтесь задавайте на странице связь со мной.

  5. Елена:

    Спасибо! Очень помогла ваша статья, поменяла картинку, мой сайт тоже на sprinthost.

    • Елена я рад что помог Вам, если возникнут вопрос, обращайтесь.

  6. Елена:

    Здравствуйте. Помогите пожалуйста. Создаю сайт, сделала логотип и все как у вас показано . Загружаю файл логотипа в папку image, загрузка идет но файл не появляется в директории. Почему?

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

  7. Александр:

    Здравствуйте. Помогите пожалуйста. Создаю сайт, навыков нет, как добавить номер телефона в правый верхний угол? заранее спасибо

    • Здравствуйте Александр. Дайте мне адрес своего сайта я посмотрю.

  8. Alex:

    Добрый вечер! У меня сайт тоже на спринхосте. Но вот в папке с рисунками header-а вообще нет, так как шапка у меня «белая», кроме логотипа — ничего. Я нашел себе рисунок, но установить так и не получилось. То есть везде советы — как ЗАМЕНИТЬ рисунок в шапке, а как и куда его поставить «с нуля» не подскажете?

    • Alex. Судя по вашему рассказу, вам необходимо задать размер нужной шапки, вставить ее в папку image (рисунок шапки не обязательно будет называться header) в корне сайта, задать в файле functions.php функцию на ее вывод и в style.css задать параметры для вывода шапки. Где то так, насколько я понимаю.

      В папке image в functions.php и style.css. название шапки должно быть одинаковое.

  9. Alex:

    Я подписался на ваши обновления. Посмотрел некоторые статьи — очень понятно объясняете. )

  10. Alex:

    Спасибо,Vitalik, сегодня попробую выкроить время на шапку.

  11. Игорь:

    Интересно конечно, но я так и не понял, как же мне сделать шапку на всю ширину страницы? Уже второй день ищу в интернет так и не нашел.

    Может подскажете что нужно делать. просто код для меня — темный лес.

    • Игорь. Напишите мне через форму «Связь со мной». Укажите пример шапки (на любом сайте) и дайте мне адрес своего сайта. Разберемся 🙂

  12. Людмила:

    Большая благодарность автору за статью. По ней я САМА поменяла шапку на сайте! И главное теперь смогу это сделать всегда при желании или необходимости

  13. Armen:

    здравствуйте а как можно изменить размери header на wordpress ?
    1950×88 на 1950×250 ?

    • Здравствуйте Armen. Вам необходимо внести изменения в css шаблона сайта. Подробнее напишите в отдел «Связь со мной»

  14. Дмитрий:

    хотел воспользоваться Вашим методом, не получилось. у меня хостинг timeweb и папки publik html у меня нет. точнее я ее удалил. может подскажете как поменять шапку иначе или как востановить удаленную папку?

    • Как поменять шапку иначе…?

      1) domains/ваш сайт/public_html

      тот же путь.

      … или как восстановить удаленную папку?

      2) domains/ваш сайт/public_html

      попробуйте скопировать public_html и вставьте в то место где удалили.

      В противном случае напишите своему хостеру они там сами все сделают.

  15. Анна:

    Здравствуйте!
    А как это сделать если домен пока не зарегистрирован,сижу на техническом сайте,входе через фттп нет?
    Я тоже создала аккаунт на спринтхосте,но пока только зарегистрировала бесплатный сайт.

    • Здравствуйте Анна. Извините за задержку в ответе, но все же, попробуйте зайти через хостинг в установленную тему вашего сайта и там изменить картинку.

  16. Анна Легенда:

    Доброго времени.
    Хочу поблагодарить вас, Виталий, за помощь таким новичкам как я.)
    Ваши статьи полезные обществу, особенно, кто только-только пробует навыки по созданию своих замечательных сайтов.
    Искренне желаю вам успехов и побольше позитивных отзывов.
    С уважением, Анна Легенда.

Оставить свое мнение: