logo
  • Опубликовано 16 октября 2013
  • Комментарии к записи Вставить логотип в шапку отключены

Вставить логотип в шапку

Логотип......Что это такое....Прежде всего это фирменный знак сайта. Сайты бывают разные по своей тематике, поэтому выбирая себе логотип, подбирайте такой, который бы более соответствовал теме Вашего сайта. Те кто хорошо пользуется фотошопом, может самостоятельно изготовить себе логотип, ну а кто не может, то можно воспользоваться поиском в интернете и Вы обязательно найдёте логотип к своему сайту. А кто очень капризный, то можете воспользоваться чьей-то услугой.

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

Ну а если нет логотипа???

Теперь приступим к делу. Логотип у Вас готов и его надо установить в шапку сайта. Сразу предупреждаю, что этот способ подойдёт не для всех шаблонов WordPress, в этом я убедился.

В первую очередь картинку логотипа необходимо загрузить в паку images темы (шаблона) Вашего сайта. Файл логотипа можете назвать как угодно, а я для примера назову его logo.png. Для вставки логотипа необходимо знать полный адрес доступа к файлу этой картинки. Он будет выглядеть следующим образом:

 http://Ваш сайт/wp-content/themes/название темы/images/logo1.png

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

<img src="http://Ваш сайт/wp-content/themes/название темы/images/logo1.png" style="position:absolute; top: 18px; left: 20px;">

Разберём красную часть кода с атрибутами:

position:absolute; - это значит, что логотип будет иметь абсолютное позиционирование.

top: 18px; - изменяя цифру в этом атрибуте, будете добиваться необходимого расположения логотипа от верхнего края шапки.

left: 20px; - изменяя цифру в этом атрибуте, будете добиваться расположения логотипа относительно левого края шапки

Следующий шаг это вставить составленный код в файл header.php, для чего надо зайти в админку сайта и пройти по пути Дизайн==>Редактор и в редакторе открыть файл header.php.

 А вот куда вставлять код, конкретных советов дать не могу, т.к. файлы header.php у почти всех шаблонов отличаются. Придётся действовать "методом тыка", но это не сложно. В файле надо смотреть код после тега <body> и искать там участок кода такого вида <div id="header"..., вот после него и устанавливайте составленный ранее код вставки логотипа.

Должно всё получиться. В сильно навороченных шапках могут возникнуть небольшие проблемы. Не бойтесь, пробуйте ниже <div id="header"... поставить свой код. Только не вставляйте его между тегами <?php  и  ?> !!!

Будут проблемы, обращайтесь и я помогу!!!

 

 

 

 

Вставить логотип в шапку обновлено: Сентябрь 29, 2014 автором: admin

▲Вверх