как установить favicon на свой сайт на WordPress

faviconFavicon — это маленькая иконка, которая отображается на вкладке браузера, когда в ней открыт сайт. Установить такой favicon на свой сайт совсем несложно. Сегодня уже почти все сайты имеют фавикон, а сайт без такой иконки уже воспринимается немного непрофессионально. Лично мне фавиконы очень помогают, так как я имею вредную привычку открывать много сайтов в браузере. Так много, что названия страниц перекрываются и узнаю я сайты лишь по таким иконкам. Поэтому, favicon — это уже не престиж сайта, а элементарная забота о пользователе.

Фавикон установить можно как сразу после после установки самого движка WordPress, так и позже, когда на сайте появится контент, разницы нету. Также сменить иконку будет вообще не сложно.

Чтобы установить favicon на сайт WordPress, нужно:

  • создать иконку;
  • закачать ее на хостинг;
  • прописать 2 строчки кода в head.

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

Создание иконки для favicon

Существет несколько сервисов для создания иконок. Я всегда пользовался favicon.cc (он был первым по запросу в Гугл). Сервис позволяет нарисовать иконку, выбрать из готовых, переделать по-своему или загрузить любую картинку для иконки.

сайт favicon.cc

Создавая иконку не старайтесь делать супер сложной, это невозможно. Размер картинки всего 16×16 px. Лучше сделайте ее простой и заметной.

Запись favicon на хостинг

faviconСозданную иконку необходимо доставить на хостинг к файлам сайта. Как и любые другие картинки, ее нужно закрузить на сервер. Сделать это можно несколькими способами:

  • скопировать фавикон на сервер, соединившись по ftp-протоколу;
  • загрузить посредством диспетчера файлов в CPanel;
  • либо добавить фавикон как медиафайл в WordPress админке

Фавикон лучше копировать в корневой каталог сайта, тогда редактировать код может и не придется. Многие темы WordPress понимают favicon и отображают его. Но добавлением медиафайла этого не сделать. Загружайте фавикон по FTP или в CPanel.

Прописать код в head

Чтобы показать движку, что жто иконка для вкладки браузера (если он еще этого не понял), нужно прописать код в head сайта. Для этого идем «Внешний вид» => «Редактор», выбираем файл «header.php», ищем открывающий тег <head> и  добавляем сразу после него 2 строчки:

<link rel="icon" href="http://exemple.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon"href="http://exemple.com/favicon.ico" type="image/x-icon" />

и сохраняем изменения.

Все. Если вы все сделали правильно, favicon будет отображаться.

 

 

Понравилась статья? Поделись с друзьями:

Подпишись на обновления блога, и получай свежую информацию
на свой e-mail: 

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий

Вы должны быть авторизованы, чтобы разместить комментарий.