Как создать для блога (сайта) на WordPress фавикон (favicon)?

fav

Сегодня я получил e-mail от своего давнего знакомого, который задает вопрос о том, как сделать favicon (фавикон) для своего блога на WordPress.

Давайте вначале разберемся, что же такое  «фавикон». Favicon (фавикон) – это небольшая картинка (изображение или графический значок), имеющий, как правило, размеры 16х16 пикселей, который отображается рядом с названием страницы Вашего сайта в окне браузера или же в выдаче некоторых поисковиков (Яндекс, Вебалта, Рамблер и некоторые другие). Вот как он выглядит в браузере Mozilla Firefox моего блога и в выдаче поисковика Вебалта дружественного сайта Танки в бою (tanki-v-boju.ru).

Никакой функции favicon (фавикон) не исполняет, но его наличие у сайта или блога повышает его узнаваемость для пользователей.

В общем, теперь опишем процесс его установки на блог или сайт, выполненный на движке WordPress. Для других движков данный процесс практически идентичен.

Для favicon стоит выбирать четко контрастный рисунок любых размеров. Его контрастность будет играть немаловажную роль при уменьшении изображения до размеров браузерного окна. Не стоит при этом выбирать рисунки расплывчатые, с наличием теней, и в котором используется большое количество цветов и оттенков. Все это при уменьшении изображения приведет к его размытости и нечеткости.

Рассмотрим процесс создания фавикона на примере сайта Острова мира (ostrov-mira.ru). Для этого выберем следующее изображение.

Его уменьшение я для простоты произвожу на этом ресурсе http://pr-cy.ru/favicon

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

Ресурс покажет Вам пример Вашего фавикона в окне браузера.

С помощью активной ссылки «Скачать favicon.ico» внизу страницы ресурса Вы скачиваете файл изображения Вашего фавикона в формате favicon.ico на свой компьютер.

Далее через FTP-соединение (Как создать FTP-соединения (файловые менеджеры Total Commander и FileZilla)?) заливаете этот файл в корень Вашего сайта.

Далее, зайдя в «Заголовок» (header.php) Вашего сайта (это можно сделать в админ-панели по пути «Внешний вид» — «Редактор» — «Заголовок»), Вы вставляете в код заголовка скрипт либо этот:

<link rel=»icon» href=» http://ostrov-mira.ru/favicon.ico» type=»image/x-icon» />

<link rel=»shortcut icon» href=»http://ostrov-mira.ru/favicon.ico» type=»image/x-icon» />

где ostrov-mira.ru – это домен Вашего сайта (блога);

либо этот:

<link rel=»shortcut icon» href=»<?php bloginfo (‘url’); ?>/favicon.ico» />

В нашем примере скрипт в «Заголовке» установлен в порядке, показанном на рисунке ниже (изображение можно увеличить кликнув по нему левой кнопкой мыши). Я, как правило, устанавливаю скрипт фавикона перед закрывающим код «Заголовка» тегом </head>.

Естественно, после произведенных манипуляций не забудьте, сохранить изменение в файле «Заголовок» (header.php) кнопкой «обновить файл».

Все! Favicon (фавикон) у Вашего блога (сайта) создан! И если он не появился в строке браузера сразу, то это значит, что не обновился кэш. Для скорой проверки либо почистите кэш, либо откройте сайт в другом браузере. В выдаче поисковиков (Яндекс, Вебалта, Рамблер и других) фавикон Вашего блога появится не сразу, а лишь после 3-4 обновлений. Причину этого я объяснить пока что не могу.

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

Вы можете оставить комментарий, или ссылку на Ваш сайт.

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

*

 

Яндекс.Метрика Рейтинг сайтов top.gigmir.net Web100kz.com - каталог сайтов