Как в 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, туда же, где есть картинка нашей шапки.
Разумеется, такая ситуация может возникнуть не на всех штампах, но штампы, имеющие в шапке и футере несложную заливку (как у меня) будут владеть схожесть и этот метод можно будет применить. Если ведаешь, то труд можно сделать за чету минут. Как видим штамп сайта хоть и несложный, но пришлось повозиться, прежде чем постичь, как изменить шапку сайта.
Для этого надо было попросту прибрать нательную картинку ничего сложного.
Попытался отыскать информацию в Интернете о том, как разрешить проблему, но так ничего и не нашел. Пришлось решать проблему самому методом проб и промахов. Несложный штамп сайта очутился не таким несложным.
верхняя картинка воображала собой несложный прямоугольник, закрашенный под краска всеобщего штампа;.