Установка Favicon на WordPress

Сайтостроение WordSmall

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

Что такое фавикон (Favicon)?

Favicon — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса. Стандартный размер фавиконки 16×16, но еще возможный 32×32, 64×64 и формат изображения допускается IOS, PNG, GIF.
Wikipedia.org

Как сделать фавикон?

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

Сервисы для создания фавикон.

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

Установка Favicon на WordPress

favicon.cc
Очень удобный сервис есть возможность нарисовать фавикон самому или сделать из ранее подготовленного изображения.

Установка Favicon на WordPress

favicon.htmlkit.com/favicon
Также неплохой сервис, делает фавикон из подготовленного изображения в двух экземплярах: анимированная и простая.

Установка Favicon на WordPress

favicon.by
И последний мало чем отличающий от предыдущих, но может более подходящий для вас.

Установка фавикон.

Установка фавиконки происходит в трех шагах:

  • создание фавиконки
  • закачка на сервер
  • вставка кода для вывода

На некоторых сервисах имеется инструкция по установки, но чтобы лишний раз не ошибиться рассмотрим, что вставлять и куда. Закачиваем на сервер в корневую папку (public_html) значок(фавиконку). Затем открываем файл header.php находиться внутри вашей темы и между тегами <head> </head> вставляем код:

формат PNG

<link rel="icon" type="image/png" href="http://site.ru/favicon.png"/>

формат IOS

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

формат GIF

<link rel="icon" type="image/gif" href="http://site.ru/favicon1.gif">

Главное, укажите относительный путь к фавиконке, затем перегрузите страницу и увидите результат. Ну вот и все.

— Не забывайте делиться с друзьями в социальных сетях: —

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code