Как установить favicon

Favicon (сокр. от англ.FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

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

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

Например, с помощью сайта favicon.ru.

Заходим на сайт. Здесь мы видим, что можно создать фавиконку 3-мя способами:

  1. Заказать favicon у профессионалов
  2. Сделать favicon из изображения
  3. Нарисовать иконку

Cоздать favicon онлайн

Давайте разберем каждый пункт.

Как сделать favicon из изображения

1. Для того чтобы сделать фавиконку из изображения нажимаем «Выберите файл».

favicon из изображения

2. Выбираем нужное изображение, которое сохранено на вашем компьютере и нажимаем «Открыть».

Изображения

3. Я выбрала вот такую белочку:) Зеленый квадрат, который вы видите на изображении, можно перемещать, менять размер. Когда вы всё настроете, то нажимаете «Далее».

Сделать favicon онлайн

4.  Вот что мы получили в итоге. Не пугайтесь того, что у вас получилось) Иконка всего лишь 16х16 и будет выглядеть хорошо. Результат вы видите ниже. Если вас всё устраивает, то нажимаем «Скачать Favicon» и готово!

Создать favicon для сайта

2. Можно самим нарисовать фавиконку. Можно выбрать цвет и использовать разные инструменты. После того, как вы создадите favicon для сайта жмите «Скачать favicon».

Создать favicon ico для сайта

Как сделать favicon для сайта мы разобрались, теперь давайте поставим иконку на сайт.

 Установка favicon на сайт

Разместить favicon можно несколькими способами, которые мы сейчас рассмотрим.

Вставляем фавикон с помощью настроек темы WordPress

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

1. Находим вкладку «Внешний вид», затем «Настроить».

Wordpress

2. Появляются настройки темы. Здесь находим то, что связано с Favicon. В вашем шаблоне может быть всё по-другому.

Как разместить favicon

3. Выбираем нужное изображение.

Как поставить favicon ico

4. Нажимаем «Сохранить и опубликовать».

Favicon куда вставлять

5. Смотрим результат.

Как вставить favicon в wordpress

Установка иконки через корневой каталог

1. Заходим в панель управления и в «Диспетчер файлов».

Как поставить favicon на wordpress

2. Если у вас один сайт, то иконку нужно поместить в public_html, если у вас несколько сайтов, которые разбросаны по папкам, то сначала открываем папку с нужным сайтом и туда помещаем favicon.

3. Затем нажимаем «Загрузить».

Добавить иконку

4. Готово! Наша favicon установлена!

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

Установка с помощью плагина favicon для WordPress

Для того, чтобы использовать этот метод, вам нужно скачать плагин Favicons для WordPress (щелкните по ссылке). После этого вам нужно его установить.

  1. Иконкой можно сделать граватар.
  2. Если вы хотите использовать свой значок, то нужно указать путь к файлу.
  3. Можно использовать иконки из набора значков.

Плагин favicon для wordpress

Все методы разные, но работают одинаково. Надеюсь, что теперь поставить favicon на сайт для вас не составит никакого труда. Выбирайте самый понятный для вас путь и действуйте!

1 Comment

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

Оставьте ответ

Ваш email не будет отображаться.


*