«

»

Фев 05

Как я устанавливала фавикон на сайт на WordPress.

Здравствуйте, уважаемые читатели блога!

Во первых, что такое фавикон?  Если посмотреть на имя сайта в адресной строке браузера, то справа можно увидеть небольшую картинку, характеризующую сайт. Эта картинка и называется фавикон. Википедия считает что: «Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.»
Нужно ли его устанавливать?

 

Создание фавикона

Да, я считаю что однозначно нужно. При просмотре  адресов сайтов в поисковике взгляд посетителя обязательно зацепится за яркую картинку- фавикон. Установить его совсем не сложно, общие затраты времени – 2-3 минуты.
Первое – это выбор картинки. Ограничений на формат нет, это может быть и *.png, и *.jpg, единственное ограничение на размер – не более 300 Кб. При выборе картинке нужно учитывать такие параметры: яркость и отсутствие мелких деталей (на фавиконе их невозможно разглядеть).
Второй этап – создание из картинки фавикона. Можно, конечно, помучиться самому и в фотошопе проделать необходимые действия, на зачем изобретать велосипед? Есть очень хороший бесплатный сервис  http://favicon.ru/, который решить эту проблему за считанные секунды. В результате его работы получается файл favicon.ico.
Затем этот файл нужно куда-то разместить, чтобы он отображался возле имени сайта. С этим куда-то возникли определенные сложности. Поискав необходимую информацию в интернета, я нашла много полезных статей, но все они сводились к одному:
На одном сайте написали:

Выбрать Header он же header.php и написать между тегами следующие строчки:
<link rel="icon" href="http://твой-сайт/где лежит иконка/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://твой-сайт/где лежит иконка/favicon.ico" type="image/x-icon">

Так выглядит фавикон

На другом примерно то же:

Помещаем фавикон по адресу «ваш сайт/wp-content/themes/папка шаблона»
Открываем файл шаблона header.php и добавляем в него две строчки:
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_url’);
<link href=”/favicon.ico” rel=”icon” type=”image/x-icon” />>/favicon.ico”/>
Между тегами <head>…</head>

Но, то ли тема у меня не такая, то ли еще что–нибудь, но файла header.php  в корневой  папке не оказалось (Поиск этого файла по всем директориям на хосте тоже не дал результатов). Поэтому я поступила проще: скопировала favicon.ico в корневую директорию  и все! Фавикон на месте и радует глаз.

P.S. На всякий случай рекомендую еще поискать в настройках вашей темы на WP возможность прямой загрузки фавикона (просто не во всех темах есть такая возможность)

 

С уважением, автор блога

Tulova_Ulya

2 комментария

  1. Сергей

    Действительно, необходимая и нужная картинка на сайте, думаю тоже надо установить.

  2. Inhepthuppy

    Хочу заказать рекламу у вас, куда писать?

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>