Создаем иконки в 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 довольно неплох, единственный его недостаток в том, что иконки генерируются только со второго раза.
Что ж, думаю, инструкция очень детально и доступно все разъясняет, и будет полезна для новичков.
Анастасия, 26 Апр 2008. Рубрика: Разработка шаблонов. Комментарии RSS 2.0.
Вы можете оставить трекбек.
Реклама → Рекомендуется стиральная машина indesit по каталогу.
Отзывов (34) на «Создаем иконки в WordPress»
Спасибо за доходчивую инструкцию.
Иконка установлена — все работает.
Блог, однозначно, в подписку ;)
Спасибо за инструкцию! всё очень доходчиво объяснено, в программировании я ноль, так что для меня все понятно, буду пробовать.
Версия браузера не старая, но header.php пришлось корректировать.
Сенкс :arrow:
А если, нет фавиконки и этого когда в header. Но в любом случае, спасибо, кое что для себя нашел.
нет фавиконки — меняем имя в коде на имя файла с иконкой. нет строки кода — добавляем такой код в текст хидера.
ПС в хидере любых php движков работает — в phpBB форум тож добавил :)
ППС спасибо автору
генератор иконок на веселее, как мне кажется, а статья Ваша к месту, спасибо. Только вчера варил в башке, как иконку сайта в строку браузера воткнуть. Спасибо ! :hat:
Здравствуйте! Очень помог ваш «фак» =) Спасибо! Для создания иконки пользовал сервис favicon.ru все получилось в лучшем виде! :yes:
Если нет возможности иди желания вставлять код отображения favicon.ico в шаблон, достаточно просто скопировать иконку с таким именем в корень сайта, новые браузеры сами найдут и отобразят. Но код лучше не поленится и поставить
Спасибо! действительно единственная подробная инструкция — помогло! )
Спасибо! Вроди все-то оно нормально заменил, изменил в файле header.php строчку для favicon, почистил кеш, перезагрузил комп, когда загружаю сайт все-равно иконка не появляется новая, только старая, а когда выбираю показать сайт в HTML коде открывается с новой иконкой((( Может чего-то и не так сделал, подскажите, плз!?!?
Ничего не понял куда нужно ставить иконку (favicon.ico), в какую именно папку уточни????
В корень сайта, или в ту папку, путь к которой прописан в в файле header.php
Спасибо большое автору, уже час пробую вставить иконку для блога, но только здесь нашел четкое и доступное объяснение того как это сделать...ничего лишнего.
Спасибо за статью. Искал, как добавить иконку. Точнее искал файл темы, в котором прописывается иконка (т. е. header.php). Все получилось )
Скажите,пожалуйста, где находиться папка сайта и корень сайта? Как в них загрузить файл?
Гузель, зависит от того, какой у Вас хостинг-провайдер. Обычно при подключении по FTP это папка www или htdocs.
Не хочет появляться фавикон, куда уже только не ставила и не прописывала. Изначально в header.php есть вот это
<link rel="shortcut icon" href="/favicon.ico" />
Куда вставить папку ico? в корневую или в саму тему? Хотя ставила и туда, и туда. Не хочет :(
Светлана, favicon.ico — это не папка, это файл, согласно приведенному вами коду, нужно загрузить иконку в корень сайта.
Огромное Вам спасибо! Третий день мучаюсь, только здесь нашла работающий вариант. Кучу сайтов обходила, везде ничего не понятно. Прям гора с плеч. Ещё раз спасибо!
Здравствуйте, Анастасия.
У меня вопрос по поводу сервиса, где можно сделать иконку. Favicon.co.uk Там получается иконка не на прозрачном фоне.
Может быть, Вы подскажите — как сделать иконку на прозрачном фоне?
Мне бы хотелось нарисовать теннисный мячик с тенью вот для этого сайта:
Еще меня немного удивляет то, что на этом сайте нету иконки.
С чем это связано?
По поводу сервисов, я еще пользуюсь favicon.ru, но никогда не обращала внимания на прозрачный фон.
Я сделал иконку, как хотел(теннисный мяч на прозрачном фоне), но в Опере отображается белый фон. Наверное потому что иконка была сделана из формата .png Или причина в другом?
Можете подсказать почему в Хроме и Мозиле фон иконки прозрачный, а в Опере нет? Кстати лучше всего смотрится иконка в Эксплоэре. Там красиво сделали подсветку вкладок.
Не ужели Опера такой отстойный браузер, что даже иконку не может правильно отобразить?
Приглашаю в гости
А по поводу лени автора, у меня была такая мысль — «сапожник без сапог». У меня тоже так бывает.
мая 14, 2008 в 20:57
Спасибо за тему, искал сервис который делает иконки для избранного.