Рассылка блога

Форма подписки

Подпишись на обновления сайта. Получай новые статьи на почту:

Напишите мне

Your message was successfully sent.
Thank You!

Яндекс.Метрика
Яндекс цитирования
DevilArt.name - cервис анализа сайтов
Счетчик PR-CY.Rank
Счетчик PR-CY.Rank

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

Нравится

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

          Как изменить шапку блога WordPressКак правило, при создании нового сайта новичками тема http://fobos12.ru/?p=1840  скачивается с бесплатных ресурсов. При всем многообразии вариантов полной оригинальности в дизайне сайта ждать не приходится. По истечении времени, развития сайта, приобретения опыта и навыков у молодого блогера естественным является желание что-то изменить в дизайне сайта, хотя бы поменять шапку (header) и, тем самым, придать оригинальность своему творению. В интернете достаточно разрозненной информации по описанию методов, инструкций смены шапки. Каждая из них предназначена для определенных вариантов тем сайта, функционал которых и механизм отражения, а значит, открытия для редактирования основных элементов дизайна различны. Обычно это и вызывает затруднения у новичков при сталкивании с конкретным вариантом темы. В настоящем материале попробуем систематизировать, дать краткое описание хотя бы основных методов замены шапки сайта. Кроме того, приведем примеры механизмов замены и редактирования шапки в виде существующих видео уроков.


         Открытие картинки шапки 

             Копирование картинки посредством открытия меню с кнопкой   «Копировать изображение» при нажатии правой кнопки мыши (рисунок 1).

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

Рисунок 1. Открытие картинки кнопкой "Копировать изображение"

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

             Открытие картинки в браузере Mozilla Firefox. Такой метод применяется, когда настройки темы не позволяют напрямую копировать изображение шапки в браузере Opera (рисунок 2). В открывающемся окне мы не находим кнопки «Копировать изображение».

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

Рисунок 2. Настройки темы не позволяют копировать по кнопке "Копировать изображение"

 В этом случае копируем URL сайта и вставляем в браузер Mozilla Firefox (рисунок 3).

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

Рисунок 3. Открытие картинки в браузере Mozilla Firefox

 Открываем окно и нажимаем кнопку «Открыть фоновое изображение». Открывается (рисунок 4) header.jpg (изображение “JPEG” 962х289 пикселов). Правой кнопкой мыши открываем окно и в нем нажимаем кнопку «Копировать изображение».

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

Рисунок 4. Копирование картинки из браузера Mozilla Firefox

             Открытие картинки из папки «Темы», сохраненной на жестком диске компьютера. Разархивируем сохраненную на нашем компьютере архивную папку с текущей темой (рисунок 5).

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

Рисунок 5. Архивная папка с текущей темой

 Открываем разархивированную папку с текущей темой (рисунок 6).

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

Рисунок 6. Разархивированная папка с текущей темой

              Находим папку с изображениями images, открываем ее, находим отдельное изображение шапки header (рисунок 7) и копируем его.

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

Рисунок 7. Изображение шапки header

             Открытие картинки в браузере через скопированный URL адрес самой шапки. Этот метод можно использовать, если настройки темы позволяют скопировать адрес изображения (рисунок 8). Скопированный URL помещаем в поисковую строку браузера, открываем изображение и производим его редактирование.

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

Рисунок 8. • Открытие картинки в браузере через скопированный URL адрес самой шапки

 •             Открытие картинки на хостинге по коду элемента, находимому в окне, открывающемуся по кнопке «Проинспектировать элемент». Если настройки темы не позволяют напрямую скопировать адрес изображения, нажимаем на кнопку «Проинспектировать элемент» (рисунок 9). В результате открываются окна с адресом картинки шапки: url (“http://fobos12.ru/wp-content/themes/business.for sale 1/images/header.ipg”).

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

Рисунок 9. Открытие адреса картинки шапки

                 Теперь заходим в файловый менеджер посредством Total Commander или FTR-менеджера    FileZilla http://fobos12.ru/?p=586. В открывшейся файловой структуре нашего сайта находим наш сайт, каталог /wp-content/themes/ wp-content/themes/business.for sale 1/images/header.ipg и картинку шапки header.ipg (рисунок 10).

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

Рисунок 10. Картинка шапки header.ipg в файловом менеджере

 Правой кнопкой мыши нажимаем на строку header.ipg.  В открывшемся окне можем картинку для редактирования скопировать в буфер обмена, а можем нажать на кнопку «Просмотр/Правка» и картинка откроется в новом окне (рисунок 11). Щелкаем правой кнопкой мыши по открывшейся картинке, в открывшемся окне нажимаем строку «Открыть с помощью», выбираем программу для редактирования нашей шапки и открываем ее в выбранной программе.

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

Рисунок 11. Просмотр и открытие картинки по адресу в файловом менеджере

               Редактирование картинки

             В программе Adobe Photoshop;

             В программе Microsoft Office.

             В программе Xheader;

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

         Варианты замены тем       

          Первый вариант – самый простой метод, когда прямо в консоли темы присутствует кнопка «Заголовок». В этом случае заходим в админ панель -> консоль –> темы –> заголовок –>обзор –> загрузить файл –> сохранить изменения.  По кнопке «Обзор» выбираем отредактированную и сохраненную на жестком диске нашего компьютера картинку, загружаем и сохраняем изменения.

          Второй вариант – тема, в консоли которой отсутствует прямая кнопка «Заголовок». Тогда может быть также несколько методов:

             Находим кнопку «Заголовок» через редактор тем: админ панель -> консоль –>внешний вид –> редактор –> заголовок. В нем меняем  HTML код картинки на отредактированный (рисунок 12).

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

Рисунок 12. Замена картинки через кнопку "Заголовок" в редакторе тем

 •             В админ панели находим «Список стилей» по пути: админ панель -> консоль –>внешний вид –> редактор –> список стилей. Находим в редакторе header и меняем на отредактированный HTML код (рисунок 13).

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

Рисунок 13. Замена HTML кода картинки в редакторе через список стилей

 •             Открываем файловый менеджер посредством Total Commander или FTR-менеджера FileZilla. В открывшейся файловой структуре нашего сайта находим каталог /wp-content/themes/наименование нашей темы/images/header.ipg (рисунок 10). Нашу отредактированную картинку,  сохраненную на жестком диске под тем же именем, что и header на хостинге, просто заливаем с заменой существующей.

             Разархивируем сохраненную на жестком диске нашу текущую тему, находим картинку-шапку (header), редактируем ее или делаем новую и сохраняем новую в той же папке. Затем архивируем папку с темой в формате ZIP и заливаем ее на хостинг вместо существующей текущей темы по механизму предыдущего варианта.

Замена шапки сайта WP, когда прямо в консоли темы присутствует кнопка «Заголовок» и   через файловый менеджер, открываемый посредством Total Commander или FTR-менеджера FileZilla; редактирование имеющейся и создание новой картинки в программе Adobe Photoshop

Видео урок Вячеслава Федоткина

Замена шапки сайта с объяснением процесса замены файла шапки через FTR

Замена шапки блога WordPress  по адресу URL шапки или с использованием «просмотра кода элемента»


 

Подпишись на обновления сайта. Получай новые статьи на почту:

Подпишись на рассылку!

Ваш e-mail: *
Ваше имя: *
Подписчиков:

Понравилась статья? Поделитесь с друзьями! Нажмите на кнопочки!
Приглашаю присоединиться:

Популярные статьи

11 комментариев к записи Как изменить шапку блога WordPress?

Страница 1 из 11
  • Елена сказал:

    Нужно обязательно попробовать:) Спасибо за советы

  • Галия сказал:

    Я думала, что могу проще сделать, но не получается. А пыталась я сделать следующее: разорхивировала бесплатную wp-тему (у себя на компе). В папке Images, где лежала картинка bg_header.jpg, я поменяла на нужную мне картинку с такими же размерами и тем же именем, удалив прежнюю. Потом снова заархивировала папку и закачала ее на сайт, НО КАРТИНКА НЕ ПОМЕНЯЛАСЬ!!! Почему? Вроде все логично.

  • admin сказал:

    Согласен!

  • Валентин сказал:

    Замена шапки сайта WP, когда прямо в консоли темы присутствует кнопка «Заголовок» и через файловый менеджер, открываемый посредством Total Commander или FTR-менеджера FileZilla; редактирование имеющейся и создание новой картинки в программе Adobe Photoshop
    Не FTR а FTP

  • admin сказал:

    Валентина, думаю, что просто нужно очень внимательно посмотреть, что нужно делать.
    Тяжело «заочно» что-то сказать.

  • Валентина сказал:

    У вас очень подробные уроки, предусмотрены почти все варианты. Я попробовала поменять шапку шаблона. Это тот вариант, когда она отдельно не выделена и копировала рисунок через firefox, изменила в фотошопе, сохранила под тем же именем и с теми же размерами, закачала через filezilla на хостинг, обновила сайт, но шапка не изменилась. Сделала еще другим способом, при котором зашла в папку шаблона и поменяла там файл картинки шапки на новую картинку, затем закачала эту тему на вордпресс и установила по новой. В каталоге ftp-сервера предварительно старую тему удалила. Шапка осталась прежней. Может быть я что-то упускаю? У меня MAC OSX. Буду очень признательна, если сможете что-то еще посоветовать.

  • Ирина сказал:

    Очень рада, что нашла вашу статью. Давно хотела сменить шапку. но были технические трудности. Попробую действовать по вашей методике.

  • admin сказал:

    Вы все сделали, активировали письмо?
    Какое то время на Smartrespondere были проблемы.
    может, повторите подписку.

  • Петр Балашов сказал:

    Статья полезная, есть над чем поработать. Я делаю немного иначе, просто подгоняю размеры новой картинки под те, которые в старой шапке, делаю новую в фотошопе и вставляю её через админку с тем же адресом. удаляя предыдущую.
    У меня есть один вопрос — подписался на курс «Мастер мультимедиапрезентаций», но он так и не пришел.Смотрел и в спаме.Нет нигде.

  • oks сказал:

    Нашла то что искала! Хочу как раз шапку шаблона сменить! Спасибо за уроки! Еще пишите!

  • Ольга сказал:

    У меня первая тема нормально изменилась, а другие не хотят. Я с компа кидаю. А грузится по-старому.

Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Рад приветствовать!

Подписаться

Архивы

Хостинг для Wordpress сайтов