Фавикон для сайта как сделать и как установить

28 Апр 2017
 

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

Плейлист «Как создать сайт на WordPress»

TimeWeb лучший хостинг для WordPress: домен в подарок, 99 рублей в месяц.
Попробуйте, 10 дней бесплатно: РЕГИСТРАЦИЯ ОБЗОР ВИДЕО

Размер фавикона 16×16 пикселей формата ICO. Фавикон любого другого размера и любого другого формата будет некорректно отображаться! Вот так выглядит фавикон сайта Busines-Expert:Как сделать фавикон. В интернете можно найти большое количество готовых фавиконов. Но это не то, что нужно. Как писалось выше, фавикон это бренд, смотря на который посетители будут ассоциировать его с вашим сайтом. Очень важно сделать уникальный фавикон, который бы тесно переплетался по дизайну с вашим сайтом.

 

Создать фавикон онлайн. При помощи сервиса favicon.cc можно создать качественный фавикон онлайн абсолютно бесплатно. Фавикон блога Busines-Expert создан как раз при помощи сайта favicon.cc.

Перейдите на favicon.cc и нажмите «Create New Favicon». Перед вами откроется окно создания фавикона с большим количеством различных настроек. Справа выбираете цвет и создаете фавикон любой сложности. Под полем для создания фавикона есть окно привью, в котором в режиме реального времени показано, как выглядит фавикон на вкладке браузера. После того, как вы создали фавикон, нажимаете «Download Favicon» (фавикон скачать). Вот и все, фавикон создан (более подробная инструкция создания фавикона представлена в видео уроке выше):Скачать готовые фавиконы. На сайте favicon.cc в разделе «Top Related Favicons» представлено огромное количество готовых фавиконов на любой вкус. Возможно, вам понравиться какой-либо. Чтобы посмотреть фавиконы определенной тематики, например денежной, вбейте в форму поиска запрос «money» или «dollar» и смотрите только интересующие вас фавиконы.

Как установить фавикон на сайт. Рассмотрим два способа: при помощи плагина и при помощи специального кода.

Плагин фавикон PhpSword Favicon Manager. Для установки плагина перейдите в административную панель «WordPress» ⇒ «Плагины» ⇒ «Добавить новый» и в форме поиска вбейте «PhpSword Favicon Manager». Затем нажмите установить и активировать. Все, установка завершена.

После установки плагина в административной панели появится вкладка «PhpSw Favicon». Заходим в эту вкладку, Display Favicon: ставим Enable; напротив Favicon Image 1: загружаем фавикон; Choose Favicon: выбираем Favicon Image 1; и нажимаем Save Changes:После проделанных манипуляций у вашего сайта появится фавикон.

Как добавить фавикон при помощи кода. Пропишите следующий html код в файле header.php между тегами <head></head> (ссылку на фавикон замените на свою):

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

Не отображается фавикон, что делать. После установки фавикона нужно почистить куки вашего браузера! Сразу после установки, скорее всего вы не увидите отображение фавикона. Все дело в том, что браузер уже запомнил ваш сайт без фавикона. Чтобы иконка начала отображаться, чистим куки.

Как почистить куки в браузере Google Chrome. Используем сочетание клавиш CTRL+H, выбираем «очистить историю», затем напротив надписи «Удалить указанные ниже элементы» выбираем «удалить все» и нажимаем «Очистить историю». После этого фавикон начнет отображаться в вашем браузере.

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

Опубликовано в Как создать сайт. Пошаговая инструкция
Советую посетить следующие страницы:
27 необходимых плагинов для WordPress
 Как сделать бэкап сайта и базы данных
Разработка и создание дизайна сайта самому
Как правильно добавить страницу на сайт
Плагин меню для WordPress Max Mega Menu

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Лучший
курс обмена
BestChange.ru – популярный сервис по подбору выгодных обменных пунктов электронных валют, который поможет вам производить свои обмены безопасно и с минимальными потерями на комиссиях.
Обменять
на

Последнее на YouTube

Популярное на YouTube
© 2015-2017 Busines-Expert.com. Все права защищены. Все о заработке в интернете
Лучший обменник WM
 mmgp
Яндекс.Метрика
Рейтинг@Mail.ru