Создаем иконки в WordPress

Иконки отображаются в адресной строке браузера, при добавлении в избранное, при выдаче в поисковых системах. Эта маленькая картинка привлекает к себе внимание и кратко отражает суть вашего сайта. Был сделан перевод и некоторая адаптация небольшой инструкции из кодекса WordPress, которая пошагово разъясняет, как создать иконку, используя абсолютно любую картинку, и как модифицировать шаблон WordPress для ее дальнейшего использования.

Иконка в адресной строке

Создаем иконку

1. Подберите изображение, которое должно представлять ваш сайт. Сейчас не важен размер и формат картинки (если конечно она не больше 2 Мб, в этом случае ее надо бы немного уменьшить).
2. Теперь можно воспользоваться генератором иконок, например, www.favicon.co.uk.
3. Загрузите изображение на сайт и выберите будущий размер иконки.
4. После того, как картинка сгенерирована, вы увидите пример того, как она будет выглядеть, а также ссылку на загрузку иконки. Сохраните файл на компьютер, и убедитесь, что он называется favicon.ico.
5. Теперь переходим к установке иконки на сайт.

Установка иконки в WordPress

1. Быть может в папке с вашим шаблоном уже есть старая иконка, ее необходимо удалить.

2. Загрузите новый файл favicon.ico в папку вашей темы.

3. Скопируйте favicon.ico также в корень сайта (например, http://example.com/favicon.ico). Это позволит отображать иконку в RSS.

4. Чтобы иконка отображалась в некоторых старых версиях браузеров, вам необходимо отредактировать файл шаблона header.php.

5. Откройте header.php и найдите код, который начинается с <link rel="shortcut icon" и заканчивается /favicon.ico" />. Замените его кодом, приведенным ниже. Если вы не можете найти ничего похожего, просто вставьте следующий код где-то между тегами <head> </head>

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

Сохраните изменения.

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

Примечание. Некоторые браузеры с трудом воспринимают новые иконки. Вы можете попробовать добавить страницу в избранное, и через ссылку с избранного открыть страницу снова, если и это не помогает, очистите кэш еще раз и перезагрузите компьютер.

По моим личным наблюдениям сервис www.favicon.co.uk довольно неплох, единственный его недостаток в том, что иконки генерируются только со второго раза.

Что ж, думаю, инструкция очень детально и доступно все разъясняет, и будет полезна для новичков.


 
 
 

Отзывов (14) на «Создаем иконки в WordPress»



Игорь пишет:

мая 14, 2008 в 20:57

Спасибо за тему, искал сервис который делает иконки для избранного.

Евгений пишет:

июня 1, 2008 в 12:23

Спасибо за доходчивую инструкцию.

Иконка установлена — все работает.

Блог, однозначно, в подписку ;)

Александр пишет:

июня 14, 2008 в 15:47

Спасибо за инструкцию! всё очень доходчиво объяснено, в программировании я ноль, так что для меня все понятно, буду пробовать.

Шар пишет:

июня 20, 2008 в 08:41

Да, все работает, отлично

fsddfs пишет:

сентября 6, 2008 в 10:50

спосиииибо))

Dmitri пишет:

сентября 28, 2008 в 23:41

Версия браузера не старая, но header.php пришлось корректировать.

Сенкс :arrow:

Qude пишет:

октября 5, 2008 в 13:45

А если, нет фавиконки и этого когда в header. Но в любом случае, спасибо, кое что для себя нашел.

Oldraven пишет:

октября 21, 2008 в 23:55

нет фавиконки — меняем имя в коде на имя файла с иконкой. нет строки кода — добавляем такой код в текст хидера.

ПС в хидере любых php движков работает — в phpBB форум тож добавил :)

ППС спасибо автору

feodosy пишет:

ноября 2, 2008 в 23:06

генератор иконок на favicon.ru веселее, как мне кажется, а статья Ваша к месту, спасибо. Только вчера варил в башке, как иконку сайта в строку браузера воткнуть. Спасибо ! :hat:

вади пишет:

декабря 17, 2008 в 02:02

Спасибо за ценную инфу :) :hat:

beekeeper пишет:

декабря 21, 2008 в 10:44

Здравствуйте! Очень помог ваш «фак» =) Спасибо! Для создания иконки пользовал сервис favicon.ru все получилось в лучшем виде! :yes:

Звероангел пишет:

января 18, 2009 в 16:45

Если нет возможности иди желания вставлять код отображения favicon.ico в шаблон, достаточно просто скопировать иконку с таким именем в корень сайта, новые браузеры сами найдут и отобразят. Но код лучше не поленится и поставить

saveljev пишет:

января 24, 2009 в 01:31

Спасибо! действительно единственная подробная инструкция — помогло! )

ancer пишет:

марта 15, 2010 в 17:47

Спасибо! Вроди все-то оно нормально заменил, изменил в файле header.php строчку для favicon, почистил кеш, перезагрузил комп, когда загружаю сайт все-равно иконка не появляется новая, только старая, а когда выбираю показать сайт в HTML коде открывается с новой иконкой((( Может чего-то и не так сделал, подскажите, плз!?!?

Ваш отзыв


© 2007-2009 Уроки WordPress.
Дизайн WpHelp.ru.