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

Всем, здравствуйте!

Сегодня мы разберем такой вопрос, как вставить favicon.ico на ваш сайт. И для начала нужно подобрать подходящую для этого картинку у себя на компьютере или найти в Интернете.

Я покажу на примере сервиса http://favicon.ru

1. Заходим по ссылке на сервис:

Заходим на сервис favicon.ru

Close
Заходим на сервис favicon.ru


2. Находим форму создания иконки, нажимаем «Обзор». Выбираем у себя на компьютере заранее приготовленную картинку и нажимаем «Открыть».

Загружаем картинку на сервис favicon.ru

Close
Загружаем картинку на сервис favicon.ru

И жмем кнопку «Создать favicon.ico»

3. Прогрузится страница и в новом окне появится картинка с примером Вашего значка на сайте и ссылка для скачивания уже готового фавикона себе на компьютер.

Скачиваем иконку favicon.ico

Close
Скачиваем иконку favicon.ico

4. После этого закачиваем саму иконку в корень сайта, т.е. в то место, где лежат все файлы вашего сайта.

5. В админ-панели сайта находим блок «Дизайн», выбираем и нажимаем на пункт «Редактор».

Выбираем Редактор

Close
Выбираем Редактор

6. В появившемся окне увидим форму с кодом (в левой части) и списком файлов с пояснениями к ним (в правой части).

Здесь находим файл header.php («Шапка») и нажимаем на него.

Вставляем код в файл header.php

Close
Вставляем код в файл header.php

Появится код этого файла.

Вставтье между тэгами <head> и <head> следующие строки:

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Можно так:

<link rel="icon" href="http://ваш-сайт.ru/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://ваш-сайт.ru/favicon.ico" type="image/x-icon">

Или вот так:

<link rel="icon" href="http://ваш-сайт.ru/путь_к_иконке/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://ваш-сайт.ru/путь_к_иконке/favicon.ico" type="image/x-icon">

После того, как вставите код, нажмите кнопку «Обноить файл».

7. Обновите страницу сайта в браузере и появится Ваша иконка.

На этом урок закончен, спасибо за терпение и внимание.

Жду вопросов к следующим урокам по движкам Joomla и WordPress

Как всегда, с уважением,

Владислав Чечерин
Интернет-пользователь, как и все...
Автор блога VChecherin.ruСоздать favicon.ico

Еще по теме...

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

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

Проверка: * Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.

*

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Владислав Чечерин

Архив