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

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

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

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

Для того, что бы изменить название и описание в шапке сайта, необходимо, всего лишь, зайти в административную панель, в левой боковой панели найти пункт «параметры», и в выпадающем списке перейти на подпункт «общие». Вот Вы видите на рисунке ниже, название и краткое описание сайта, здесь их и меняете.
Нажмите на рисунок, что бы увидеть полный его размер. 
imya-i-opisanie-sajta-1-1024x276-2497908
Нажимаете сохранить, и возможно, если изменения не вступят в силу, почистите кеш браузера, или же попробуйте выйти из административной панели сайта. В любом случаи, изменения произошли, только вы их можете сразу не увидеть. Ну хорошо, название сайта и описание в шапке изменены, теперь приступим к замене логотипа.

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

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

Кликните  на звездочку, и выберите качество видео 720HD

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

forma2-3118125

Запись опубликована в рубрике Без рубрики. Добавьте в закладки постоянную ссылку.