Создаем и устанавливаем favicon на WordPress

Favicon — это небольшая картинка размером 16×16 пикселя.

Favicon

Зачем же она нужна? Люди так привыкли, что к примеру если мы видим пингвина, то сразу это ассоциируется с Linux. Так же и на форуме, при ввиде какого аватарки, можно определить кто это пишет, не смотря на ник. С сайтом тоже самое.

Как создать Favicon

Есть несколько способов, но я опишу один, которым сам пользуюсь. Сперва нужно найти картинку,размер любой, но чем меньше чем лучше. Если вы затрудняетесь найти, вот вам два сервиса Findicons и IconFinder. Я выбрал иконку под тематику фильмов.

Вы уже выбрали иконку,теперь её надо перевести в нужный размер и формат. Для этого идём Favicon.Ru, нажимаем «Обзор», выбираем свою иконку и жмём Создать Favicon.ico».

Создание favicon.ico

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

Установка favicon на сайт

1) Нажмите «Скачать favicon.ico!» и сохраните иконку на вашем компьютере
2) Положите иконку в корень сайта(например, «www» или «public_html»)
3) Добавьте следующие строки в файл 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»>

Теперь обновляем браузер и радуемся новой фавиконке. Если же вы, не увидели результат смоих трудов, то скорее всего в браузере остался кеш. Его надо почистить и обновить страницу.



4 Коммент.

  1. Nikkols says:

    непонятно как в WordPress
    поставить?

    • Swat says:

      На всех движках favicon устанавливается одинаково, вам просто нужно закинуть файл favicon.ico в папку www или public_html (зависит от хостинга)

  2. Евгений Светалов says:

    Клёво! Получилось!

    • Swat says:

      Рад за вас))

Трекбеки/Пинги

  1. [требуется] Разработать favicon.ico для блога - [...] У меня даже сайт не грузит, а фавикон можно и самому создать http://seo-fishka.ru/wordpress/sozda...-na-wordpress/ [...]

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

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