Информационный сайт




Шапка сайта

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

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

Как поменять шапку сайта

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

То есть, если у вас шапка в формате JPG, то именно в этом формате ее и сохранить. Это важно, потому что в наиболее популярных движках, таких, как Joomla или Wordpress (И не только в них) за отображение шапки сайта отвечает один из файлов PHP, который ссылается именно на это изображение. Если изображение у вас будет в другом формате и с другим названием, то шапка сайта отображаться не будет.



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

То есть, если у вас шапка в формате JPG, то именно в этом формате ее и сохранить. Это важно, потому что в наиболее популярных движках, таких, как Joomla или Wordpress (И не только в них) за отображение шапки сайта отвечает один из файлов PHP, который ссылается именно на это изображение. Если изображение у вас будет в другом формате и с другим названием, то шапка сайта отображаться не будет.

Разберем на примере сайта Joomla как поменять шапку сайта. Для начала нужно узнать размер шапки и расширение. Если у вас браузер Google Chrome, то сделать это можно следующим образом: Нажимаем на шапку правой кнопкой мыши и выбираем "Просмотр кода элемента"



После этого внизу откроется исходный код, он будет подсвечен синим.



Из исходного кода видно, что размер шапки 1050 Х 180. Находится шапка сайта по адресу templates/beez5/images/ и называется она fruits.jpg Следовательно нужно создать шапку для сайта размером 1050 Х 180 пикселей и назвать ее fruits.jpg

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

На сайте Joomla все шаблоны находятся в папке "Templates".



Там находите свой шаблон. Шапка сайта обычно находится в папке Images. Обычно шапка сайта называется header.jpg или header png, но может называться и по другому. В первую очередь необходимо убедиться, что в папке templates шапка сайта имеет те же самые размеры, которые в исходном коде. Иногда бывает, что шапка сайта сделана с использованием растровой или векторной графики и размеры не соответствуют тем, которые показал исходный код.

Скачиваете шапку из шаблона, нажимаете на скачанное изображение правой кнопкой мыши и выбираете "Свойства" (или "Properties", если у вас англоязычная версия) и видите размеры шапки. Делаете шапку такого же размера и расширения, с таким же названием и загружаете в ту же папку. Очищаете кэш браузера и ваш сайт отображается с новой шапкой.

А что делать, если у вас сайт не на Joomla а на Wordpress? Да в общем то делаем все то же самое. Там тоже есть папка "Templates", где находятся все шаблоны. Находите свой шаблон, папку Images и в ней обычно находится изображение шапки сайта. Или можно воспользоваться исходным кодом.

Вообще исходный код очень удобная штука. С его помощью можно определить позиции и размеры любого элемента и на любом сайте. Здесь совершенно неважно находится ли ваш сайт на движке Joomla или Wordpress либо у вас HTML сайт который состоит из статичных страниц. Поэтому если у вас HTML сайт и вам нужно поменять шапку сайта, то и здесь все делается так же, как и в предыдущих случаях. Здесь шапка сайта находится обычно либо в корне сайта, либо в папке Images.

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

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

А теперь о том, как поменять шапку сайта в Блогер. Изначально в Блогер нет шапки сайта, но вставить шапку здесь можно. Для этого нужно знать ширину блога, чтобы шапка сайта гармонично вписалась. В панели управления нашего блога идем в меню "Шаблон" и на открывшейся странице выбираем "Настроить"



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



Далее переходим в меню "Дизайн". Там, где у нас заголовок сайта нажимаем "Изменить"



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



После того, как вы нажмете на кнопку "Сохранить", у вашего блога будет новая шапка.

Если ваш сайт находится на бесплатном хостинге и сделан при помощи конструктора сайтов, то там не всегда есть возможность поменять шапку сайта. Часто чтобы поменять шапку сайта нужен доступ к корню сайта. Не всегда бесплатный хостинг предоставляет доступ к корню сайта. Если возможность поменять шапку сайта на сервисе есть, то обычно есть инструкция, как это сделать.
Автор: Tatjana Rodionovskaja






Яндекс.Метрика