Перенес сайт, а вот иконки, которая бы отображалась в адресной строке нет… И старую я где то потерял, вот и пришлось придумывать новую….
Рисовать самому иконку че то не очень хотелось… хотелось по — быстрее внедрить его в работу, и был сделан следующий шаг:
1. Выбрать подходящую картинку, для примера я взял обычный смайлик в формате png размером 16 на 16 px
2. Преобразовать его в формат ico, тут особо тоже не стал заморачиваться, искать какие то графические редакторы, да тот же Photoshop (хотя таковой у меня был уже установлен) и.. Есть такой сайт в интернете, который из картинки делает иконку, его адрес: http://favicon.ru/
3. заходим на этот сайт
Нажимаем «Обзор», выбираем заранее подготовленную картинку на Вашем компьютере и нажимаем на волшебную кнопочку «Создать favicon.ico», ну это если не требудется никаких дополнительных действий…
4. Получаем результат.
Осталось только нажать кнопку «Скачать favicon.ico» и сохранить на Ваш компьютер.
5. Установка иконки… Так, ну тут мы загружаем уже созданный нами файл «favicon.ico» на Ваш хостинг с Вашим сайтом. (Иногда этого шага достаточно, если файл загружается в корневую директорию сайта)
6. Далее в зависимости от того, на чем работает Ваш сайт, Вам необходимо прописать link тег для этой иконки, прописать его непроходимо либо в шаблоне, который использует Ваш сайт, либо в индексной странице, повторюсь все опять же зависит от Вашего сайта.
Тег имеет следующий вид:
|
1 |
<link rel="shortcut icon" href="<a href="view-source:https://www.savenkoff.com/favicon.ico" data-mce-href="view-source:https://www.savenkoff.com/favicon.ico">/favicon.ico</a>" type="image/x-icon"> |
где параметр href указывает на путь от корневой директории Вашего сайта до местонахождения вашей иконки.
Ну вот как бы и все…