Favicon (сокр. от англ.FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.
Иконка нужна для того, чтобы сделать ваш сайт более привлекательным, запоминающимся, и чтобы пользователь среди кучи вкладок нашел именно тот сайт, который ему нужен.
Чтобы поставить фавиконку, ее сначала нужно где-то взять. Можно скачать просто из Интернета. Существует много сайтов на которых вы можете найти подходящую картинку. Также можно сделать иконку самому с помощью Adobe Photoshop или генераторов фавикон.
Например, с помощью сайта favicon.ru.
Заходим на сайт. Здесь мы видим, что можно создать фавиконку 3-мя способами:
- Заказать favicon у профессионалов
- Сделать favicon из изображения
- Нарисовать иконку
Давайте разберем каждый пункт.
Как сделать favicon из изображения
1. Для того чтобы сделать фавиконку из изображения нажимаем «Выберите файл».
2. Выбираем нужное изображение, которое сохранено на вашем компьютере и нажимаем «Открыть».
3. Я выбрала вот такую белочку:) Зеленый квадрат, который вы видите на изображении, можно перемещать, менять размер. Когда вы всё настроете, то нажимаете «Далее».
4. Вот что мы получили в итоге. Не пугайтесь того, что у вас получилось) Иконка всего лишь 16х16 и будет выглядеть хорошо. Результат вы видите ниже. Если вас всё устраивает, то нажимаем «Скачать Favicon» и готово!
2. Можно самим нарисовать фавиконку. Можно выбрать цвет и использовать разные инструменты. После того, как вы создадите favicon для сайта жмите «Скачать favicon».
Как сделать favicon для сайта мы разобрались, теперь давайте поставим иконку на сайт.
Установка favicon на сайт
Разместить favicon можно несколькими способами, которые мы сейчас рассмотрим.
Вставляем фавикон с помощью настроек темы WordPress
Многие шаблоны WordPress в своих настройках предлагают поставить favicon. В зависимости от темы детали вставки могут меняться. Сейчас я покажу как это делается с моим шаблоном на WordPress.
1. Находим вкладку «Внешний вид», затем «Настроить».
2. Появляются настройки темы. Здесь находим то, что связано с Favicon. В вашем шаблоне может быть всё по-другому.
3. Выбираем нужное изображение.
4. Нажимаем «Сохранить и опубликовать».
5. Смотрим результат.
Установка иконки через корневой каталог
1. Заходим в панель управления и в «Диспетчер файлов».
2. Если у вас один сайт, то иконку нужно поместить в public_html, если у вас несколько сайтов, которые разбросаны по папкам, то сначала открываем папку с нужным сайтом и туда помещаем favicon.
3. Затем нажимаем «Загрузить».
4. Готово! Наша favicon установлена!
Установка с помощью плагина favicon для WordPress
Для того, чтобы использовать этот метод, вам нужно скачать плагин Favicons для WordPress (щелкните по ссылке). После этого вам нужно его установить.
- Иконкой можно сделать граватар.
- Если вы хотите использовать свой значок, то нужно указать путь к файлу.
- Можно использовать иконки из набора значков.
Все методы разные, но работают одинаково. Надеюсь, что теперь поставить favicon на сайт для вас не составит никакого труда. Выбирайте самый понятный для вас путь и действуйте!
не знал о плагине, сделал самостоятельно фавикон и поместил в корневой каталог, все хорошо, НО вот только в поисковых запросах на яндексе мою иконку не отображало, пришлось добавлять строку с кодом в хэдер