Рад Вашему присутствию на блоге.
В статье «Как сделать логотип для сайта» я мимолетом затронул тему фавикона. Коротко коснулся различия этих терминов.
Сегодня хочу вернуться к этой теме и рассказать, как установить фавикон на сайте.
Давайте уточним, что такое фавикон. Не путайте его с логотипом, который устанавливается в шапке сайта отдельной картинкой, либо изображением в сочетании с названием сайта.
Следующее отличие: логотип отражается на каждой странице сайта, фавикон – это иконка, которую вы увидите в браузере после загрузки сайта.
В любом графическом редакторе создаете или копируете изображение для иконки, сохраняете файл в формате png с именем favicon и c расширением ico.
1-й способ.
Вставляем фавикон на блог из админки. Сейчас многие темы имеют настройки для установки логотипа и иконки. Вам необходимо загрузить файл фавиконки из компьютера и сохранить. Изображение для иконки должно быть в формате png.
2-й способ.
Создайте файл favicon.ico c картинкой. Через FTP соединение перейдите в корневой каталог сайта и закиньте туда файл иконку. Далее в админ панели во вкладке «Внешний вид» => «Редактор» .
Откройте файл «header.php» и после тега <head> установите код:
Не забудьте перед установкой кода сделать копию файла «header.php».
Вместо графического расширения ico, фавиконом могут быть картинки с расширениями png, jpg, gif, тогда расширение ico следует заменить на одно их трех. Например, иконкой является изображение с расширение jpg, следовательно код выглядит так:
<link href=»http://mysite/favicon.jpg» rel=»shortcut icon» type=»image/jpg» />
<link href=»http://mysite/favicon.jpg» rel=»icon» type=»image/jpg» />
Сохраните файл и ждите, когда робот Яндекса посетит ваш сайт, только тогда, через некоторое время, в браузере появится ваша иконка.
На сегодня все.
Теперь вы знаете как установить фавикон на сайте.
Встречаемся в статье «У Вас пропал фавикон?».
С уважением, Николай Иванов.
Не жмитесь на комментарий. Расскажите в своих соцсетях.
4 пинга