Как установить иконку на сайт!
Доброго времени суток,дорогие друзья!Вас приветствует Владимир Александров,сегодня вы узнаете как установить иконку на ваш сайт на базе «Wordpress»!
- Создаём favicon
- Устанавливаем на сайт
Создаём Favicon:
Иконка нужна для того чтобы ваш сайт стал узнаваем!Что то вроде визитной карточки!Можно поместить туда логотип,как это сделано у нас на сайте!
Для того чтобы создать иконку,переходим на сайт
На данном сайте у вас есть возможность заказать изготовление иконки профессионалам за деньги,загрузить свою картинку(возможно сделанную в «Photoshop»),или нарисовать с помощью имеющегося редактора.
Например вы хотите загрузить свою картинку,нажимаете «Обзор»,находите ваш файл и загружаете.В специальном окне вам будет показан результат,если всё устраивает,нажимаете «Скачать favicon».
Устанавливаем на сайт:
Для того чтобы иконка отображалась в браузере,её нужно загрузить на сайт.
В консоли находим «Медиафайлы» и выбираем «Добавить новый».
Загружаете свой файл.
Файл загружен,найти его можно в «библиотеке».
Чтобы иконка отображалась нужно немного отредактировать HTML-код темы вашего сайта.
Находим «Внешний вид»,выбираем «Редактор».
В открывшемся редакторе вашей темы,выбираем файл «header.php»,его и будем редактировать.
Перед тем как редактировать какой либо файл,сделайте его копию,хотя бы просто скопируйте текст и сохраните в текстовом документе на рабочем столе!
Чтобы на случай неудачи можно было его восстановить в прежнем виде!
Находим открывающий тег <head> и закрывающий </head>.
Чтобы быстрее найти,откройте окно для поиска,сочетанием кнопок «Ctrl» и «F» на клавиатуре
В поиске введите «head»,и,нажимая стрелки вверх-вниз,найдите нужные вам теги.
Как только нашли,между ними вставляем такой код.
<link rel="shortcut icon" href="ссылка на вашу иконку" type= «image/x-icon»>
Где вместо надписи «ссылка на вашу иконку»,вставляем действительную ссылку на загруженный вами файл.
Чтобы её(ссылку) найти,перейдите в «библиотеку»,выберите ваш файл,и в открывшемся окне увидите то что вам нужно.
Ссылку копируете,вставляете в код,и нажимаете «Обновить файл».
У нас это выглядит так:
Затем обновляете страницу и любуетесь результатом!Если иконка не появилась,попробуйте страницу перезагрузить заново.
Это далеко не единственный способ установки favicon на сайт,но на мой взгляд самый надёжный!Если остались вопросы,задавайте в комментариях!
Не забудьте подписаться на обновления сайта,наш канал на «You Tube»,"Твиттер"!
С уважением,Владимир Александров!