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

Несложный штамп сайта очутился не таким несложным.

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

• верхняя картинка воображала собой несложный прямоугольник, закрашенный под краска всеобщего штампа;
• нательная картинка шапки воображала изображение часов и также была закрашена под краска всеобщего штампа, так именуемое «Изображение заголовка».

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

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

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

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

Как изменить шапку сайта? Итак, по распорядку. После удаления изображения заголовка, было разрешено наложить картинку в облике монет в шапку сайта и сделать надпись. Как это делается, отражать в этой статье не буду, это отдельная тема. Но для всеобщего понимания процесса куце обрисую.

Перед начином замены шапки сайта, нам необходимо разузнать адрес благосклонности картинки. Если Вы трудитесь в браузере Mozilla Firefox, необходимо проведать на шапку (картинку) мышкой и нажать правую кнопку мыши, в диалоговом окне нажимаем «Отворить фоновое изображение».

В новоиспеченном окне открывается изображение шапки сайта. В адресной строке браузера (наверху) прописан адрес нашей шапки сайта (картинки). Адрес моей шапки выглядит так: https://biz-iskun. ru/wp-content/themes/zeestyle/images/header_bg. png копируем и храним этот адрес.

Сейчас мы видим, где возлежит наша картинка на хостинге: папка wp-content; папка themes; папка zeestyle; папка imagis и наконец, наименование картинки — header_bg. png. Это нам сгодится в грядущем.

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

Дальше обнаруживаем картинку в новоиспеченном окне и можем с ней трудиться. Можно редактировать её в фотошопе или товарищем редакторе для изображений. Труд с моей шапкой сайта выполнялась в программе Pixlr (это онлайн фотошоп). Подетальнее об этом декламируйте в статьях «Онлайн редактор Pixlr» и «Уникальные картинки для статей блога«.

После завершения труды над картинкой, её надо сохранить с тем же расширением и теми же геометрическими размерами, что и престарелая картинка. Для сохранения наименования отредактированную картинку переименовываем (я мастерю это в Total Commander) и присваиваем ей имя header_bg. png. Это имя взято из вышеприведенной ссылки (у любого имя будет своё).

Замену картинки (шапки) сайта можно сделать либо сквозь FTP, или напрямую на сервере, я мастерил напрямую. Для этого закатываемся на наш хостинг, обнаруживаем наш сайт, обнаруживаем папку public_html, папку wp-content, themes, zeestyle, images и находим нашу шапку (картинку) — header_bg. png.

Удаляем отысканную картинку, а на её пункт закачиваем новоиспеченную отредактированную картинку. Обновляем и идем на сайт, тоже его обновляем и видим, что наша отредактированная шапка (картинка) введена. Все весьма попросту — замена шапки сайта выполнена.

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

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

Для решения этой проблемы надо поделить ссылки, сделать раздельно картинку для шапки и раздельно для футера. Для этого возвращаемся в админпанель нашего сайта, закатываемся «Внешний вид», «Редактор» и выбираем «Манеры», «Таблица манеров» (style. css).

Находим footer и видим там наименование нашей картинки в строке — background: url(images/header_bg. png) no-repeat #1d4c82; Предварительно код «Таблицы манеров» лучше сохранить. Если допустите промах, вечно сможете вернуться в отправное состояние.

Мы помним, что header_bg. png это наименование картинки нашей шапки. Сейчас в коде вместо header строчим footer (глядите скрин),

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

На всякий случай картинку футера я возложил на сервер, вероятно в грядущем буду редактировать. Для этого была взята картинка шапки до переделки и переименована в Total Commander – вместо header_bg. png строчим footer_bg. png и закачиваем её на хостинг. Картинку закачиваем в папку images, туда же, где есть картинка нашей шапки.

Разумеется, такая ситуация может возникнуть не на всех штампах, но штампы, имеющие в шапке и футере несложную заливку (как у меня) будут владеть схожесть и этот метод можно будет применить. Если ведаешь, то труд можно сделать за чету минут. Как видим штамп сайта хоть и несложный, но пришлось повозиться, прежде чем постичь, как изменить шапку сайта.

Для этого надо было попросту прибрать нательную картинку ничего сложного.

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

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