Установить favicon на сайт. Установка favicon без использования FTP

Что такое favicon? Где стоит и как установить фавикон? Как установить favicon на сайт без выхода по FTP?

Как только не называют эту «малышку-картинку», одни favicon, другие фавайкон, третьи пиктограмма, четвертые иконка. Я бы назвал ее «маяком», который в бушующем океане информации помогает «кораблям -пользователям» находить свой «причал». Поговорим об этом подробнее.

Открываем поисковик Yandex (Яндекс) и водим запрос в строку поиска. Думаю, Вы уже обратили внимание, что при выдаче результатов, слева от адреса многих сайтов, есть маленькая картинка. Вот она нам и нужна — favicon.ico (или в формате .png), рис. 1

Та же самая фавиконка красуется в адресной строке браузера, рис.2

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

Где взять фавиконку? Есть множество бесплатных ресурсов на которых собраны коллекции этих, так и хочется сказать, «букашек». Размер у них и вправду всего 16х16 рх(пикселей). Один из таких сервисов http://www.iconj.com/gallery.php . Фавикон бывают как в формате ico, так и анимированные gif. Есть так же множество генераторов, позволяющих создать иконку.

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

1. Вставить favicon можно выйдя на FTP и закачав ее в папку, где лежат все картинки вашей темы, чаще всего это папки images или img.

2. Затем заходим в административную панель сайта и слева находим Внешний вид/Редактор, рис. 3

3. В редакторе открываем файл header.php и между тегами <head> </head> вставляем строку кода

<link rel=“shortcut icon” href=“<?php bloginfo(‘template_url’); ?>/images/favicon.ico”type=“image/x-icon” />

Если у вас фавиконка в формате favicon.gif, то соответственно получится строка кода

<link rel=»shortcut icon» href=»<?php bloginfo(‘template_url’); ?>/images/favicon.gif» type=»image/x-icon» />

4. Нажимаете «Сохранить файл» и перезагружаете страницу вашего сайта.

Favicon может появиться не сразу, спустя какое-то время.

 

Установка favicon без использования FTP

Можно установить favicon без выхода на FTP. Итак, у нас на компьютере в одной из папок должна лежать иконка.

1. Заходите в административную панель своего сайта (блога).

2. Открываете «Записи». Берете какую-нибудь запись и нажимаете «Редактировать». Затем на странице записи жмем на значок загрузки изображения, рис. 1

 

3. Загружаете с компьютера вашу фавиконку. В окне загрузки нас будет интересовать только URL ссылки favicon.ico. Копируете адрес (URL ссылки) вашей иконки (у вас будет свой URL адрес), рис. 2.

Не нажимая кнопок «Вставить в запись» и «Сохранить все изменения» закрываете окно добавления картинки.

4. В левой колонке переходите «Дизайн/Редактор». В редакторе открываете файл header.php и между тегами <head> </head> вставляем строку кода

<link rel=“shortcut icon” href=“http://www.my_comp/wp-content/uploads/2011/12/favicon.ico” type=“image/x-icon” />

В строке кода красным цветом выделен адрес иконки (у вас будет свой URL адрес), который я скопировал с рис. 2.

5. Не забываем про кнопку «Сохранить файл» и перезагружаем страницу сайта.

Favicon, как и говорил выше, может появиться не сразу, спустя какое-то время.

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

«« Плагин Simplebox: всплывающие изображения в WordPress

Плагин Search Meter: скачать, установить. Всегда знать, что ищут на сайте »»

Комментарии к записи «Установить favicon на сайт. Установка favicon без использования FTP»:
  1. jura_kadishev:

    Суперский пост! Блог уже в ридере )

  2. Фока:

    Очень интересно! Спасибо за статью!

Сделать заказ
Онлайн помощь по WordPress