Как установить иконку на сайт!

Доброго времени суток,дорогие друзья!Вас приветствует Владимир Александров,сегодня вы узнаете как установить иконку на ваш сайт на базе «Wordpress»!

  • Создаём favicon
  • Устанавливаем на сайт

Создаём Favicon:

Иконка нужна для того чтобы ваш сайт стал узнаваем!Что то вроде визитной карточки!Можно поместить туда логотип,как это сделано у нас на сайте!

Для того чтобы создать иконку,переходим на сайт favicon.ru.

На данном сайте у вас есть возможность заказать изготовление иконки профессионалам за деньги,загрузить свою картинку(возможно сделанную в «Photoshop»),или нарисовать с помощью имеющегося редактора.

Favicon.Например вы хотите загрузить свою картинку,нажимаете «Обзор»,находите ваш файл и загружаете.В специальном окне вам будет показан результат,если всё устраивает,нажимаете «Скачать favicon».

Скачать-Favicon.

Устанавливаем на сайт:

Для того чтобы иконка отображалась в браузере,её нужно загрузить на сайт.

В консоли находим «Медиафайлы» и выбираем «Добавить новый».

Медиафайл-добавить-новыйЗагружаете свой файл.

выбрать-перетащитьФайл загружен,найти его можно в «библиотеке».

Чтобы иконка отображалась нужно немного отредактировать HTML-код темы вашего сайта.

Находим «Внешний вид»,выбираем «Редактор».

Выбираем-редактор.В открывшемся редакторе вашей темы,выбираем файл «header.php»,его и будем редактировать.

Перед тем как редактировать какой либо файл,сделайте его копию,хотя бы просто скопируйте текст и сохраните в текстовом документе на рабочем столе!

Чтобы на случай неудачи можно было его восстановить в прежнем виде!

Находим открывающий тег <head> и закрывающий </head>.

Чтобы быстрее найти,откройте окно для поиска,сочетанием кнопок  «Ctrl» и «F» на клавиатуре

В поиске введите «head»,и,нажимая стрелки вверх-вниз,найдите нужные вам теги.

Поиск-тегов.Как только нашли,между ними вставляем такой код.

<link rel="shortcut icon" href="ссылка на вашу иконку" type= «image/x-icon»>

Где вместо надписи «ссылка на вашу иконку»,вставляем действительную ссылку на загруженный вами файл.

Чтобы её(ссылку) найти,перейдите в «библиотеку»,выберите ваш файл,и в открывшемся окне увидите то что вам нужно.

копировать-ссылкуСсылку копируете,вставляете в код,и нажимаете «Обновить файл».

У нас это выглядит так:

Код-обновить-файлЗатем обновляете страницу и любуетесь результатом!Если иконка не появилась,попробуйте страницу перезагрузить заново.

Это далеко не единственный способ установки favicon на сайт,но на мой взгляд самый надёжный!Если остались вопросы,задавайте в комментариях!

Не забудьте подписаться на обновления сайта,наш канал на «You Tube»,"Твиттер"!

С уважением,Владимир Александров!

Нажимая кнопку «Подписаться», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

Нажимая кнопку «Отправить», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта!

Оставить комментарий

Будь в курсе!

Нажимая кнопку «Подписаться», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

Наш хостинг!
Идеальный выбор начинающих и небольших сайтов
Наш канал на You Tube
Мы в соцсетях!
Политика конфиденциальности
Пользовательское соглашение