Иконка для сайта

     Иконка для сайта     

Продолжаем настраивать свой сайт и сегодня мы с Вами установим Иконку для сайта favicon.

Что такое favicon ? Это маленький значок, ярлык, можно сказать иконка для выб-сайта. Как правило, она появляется рядом с URL Вашего сайта в навигационной панели, во вкладке или рядом с закладкой для Вашего сайта. Это уже зависит от Вашего браузера.
Обязательные условия :

название файла favicon
тип файла ico,
размером 16×16 пикселей.

значок для сайта пример favicon

 

Мы сегодня установим плагин All in one Favicon Settings. Его можно найти через админку  в панели закладок плагины поиск плагинов All in one Favicon Settings (пишем в поле поиск ) установить  активировать.
 
Благодаря этому плагину мы без проблем установим картинку в любом формате.

√ Для более глубокого изучения, как работать с favicon изучите раздел советы.
Мне очень понравился сервис Favicon.cc . Я даже провела несколько часов на этом сайте. Нарисовала себе иконку, просмотрела огромное множество готовых вариантов, что интересно готовые варианты можно подкорректировать под себя и в итоге получается уникальная иконка. Можно закачать свою картинку, автоматически она переписывается в формат ico .Так же на сайте можно зарегистрироваться и сохранить свой вариант в открытом доступе для других блогеров.
значок для сайта

Примечание! Сервис на английском языке. Но если у вас Google Chroome, проблем с переводом не возникнет.
http://www.favicon.cc 

На данный момент существует огромное множество сервисов, готовых иконок favicon. Но Вы учтите, что это будет уже не уникальное изображение. Лучше всего нарисовать самому, тем более, что это совсем не сложно. (Смотрите видео урок.)

2 Вариант. Как добавить значок для сайта

2 Вариант. Как добавить значок для сайта

И есть ещё один вариант, как добавить иконку для сайта favicon, не используя специальные плагины.

Добавления в корневой каталог Вашего сайта в папку public_html.
Ваши действия:
1. Заходим к себе на хостинг в папку public_html( кто забыл, где находиться папка public_html смотрите видео урок  робот txt)    
и туда закачиваем свою картинку.
(Проследите, чтобы она называлась favicon а её формат был ico)

2. Затем нам остаётся прописать путь к нему. Идём в админ-панель нашего сайта в разделВнешний вид→ редактор→ Заголовок (header.php)

 И между тегами <head></head> Вставляем код:

<link rel="shortcut icon" href="https://dejlida.ru/favicon.ico">или<link href="https://dejlida.ru/favicon.ico" rel="icon" type="image/x-icon" />Вместо моего адреса https://dejlida.ru вы пишите свой .

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

18 Видео урок, как установить иконка для сайта Favicon

Буду признательна за Ваши комментарии! Была ли Вам полезна эта статья ?…

6 комментариев

нужная вещь делает сайт сразу бросающимся в глаза среди множество закладок

Это очень важно! Сайт преображается и уже картина в целом меняется если человек зашел впервые на ваш сайт!

Добавить комментарий для Аноним Отменить ответ