Что такое favicon и для чего она нужна? Вы, наверное, не один раз видели в выдаче поисковых систем рядом с адресом ресурса своеобразное изображение, которое подчеркивает особенность сайта и делает его узнаваемым среди других. Если адрес пользователь может не запомнить, а вот визуально иконку вспомнит. Именно значение favicon в переводе с английского, значит Favorites Icon, то есть иконка для избранного. Такое изображение для вашего сайта или блога подчеркнет стиль и индивидуальность самого ресурса, а также увеличит количество посетителей, которые пришли к вам именно из поисковой выдачи.
Favicon отображается не только в выдаче, но и на закладке самого сайта, открытого в браузере. Такая иконка может быть установлена на любом сайте, не зависимо от системы управления. Даже если вы заказали сайт у разработчика, то favikon можете выбрать самостоятельно, нужно только прислать иконку.
Где же брать изображения для favicon? Очень много веб-мастеров пользуются он-лайн генератором, который позволяет из любого изображения слепить нужную нам иконку.
1. Переходим на favicon.ru, нажимаем на кнопочку “Выбрать файл” и выбираем необходимый нам рисунок, с которого будем делать иконку.
2. После того, как рисунок выбран, он появится в генераторе. Жмем “Далее”.
3. Нас перебросит на стартовую страницу. Прокручиваем ее немного ниже и видим предварительный просмотр нашей favicon. Если все устраивает – жмем “Скачать favicon”, если же нет – возвращаемся назад и выбираем другую картинку.
4. Загружаем готовое изображение favicon на свой ПК. Теперь мы уже имеем необходимый файл favicon.ico, который и будем встраивать в блог на WordPress.
5. Теперь, переходим в админ-панель нашего блога, в "Дизайн" и выбираем редактор тем. Изменять будем файл header.php, поэтому выбираем его.
Нам необходимо вставить определенный код между тегами
Проще всего найти закрывающий тег шапки блога и перед ним вставить вот такой код. (Можно в любое место между этими тегами):
6. Сохраняем изменения. Теперь полученный файл favicon.ico, который уже лежит у нас на ПК, загружаем в тему блога wp-content/themes/ваша тема/favicon.ico – здесь должен лежать ваш вариант файла favicon.ico. После этого обновляем страничку и все готово. Favicon будет отображаться в закладке браузера.
Стоит сказать, что в закладке иконка появится сразу, а в выдаче поисковых систем после индексации ее поисковиком. На это нужно время.
Если же вы не хотите генерировать иконку с помощью сервиса favicon.ru, можно использовать файл в формате .png (с прозрачным фоном), размером 16х16 пикселей, которые идеально подойдут для создания вашей favicon.
Возьмите файл, который вам понравился и просто переименуйте его в favicon.ico. Вот и все.
Если и это вам не подойдет – вот замечательный сервис iconsearch.ru, который позволяет по названию сгенерировать любую иконку нужного размера. Вводим необходимое по смыслу слово и жмем Enter. Вы увидите огромный список доступных иконок и сможете скачать необходимую. На этом сервисе также есть возможность выбирать необходимый размер изображений.
Теперь ваш блог будет отличаться от других красивым и индивидуальным изображением – favicon
Как установить иконку на вордпресс
- Информация о материале
- Автор: Leroy
- Категория: Web разработка
- Просмотров: 1655