Создаем иконку сайта в строке URL (favicon.ico), WordPressЧем, блин, отличается моя статья от сотни других, написанных на эту тему? Двумя моментами – я предлагаю для конвертации в ICO-формат использовать плагин для фотошопа и я напишу, как прикрутить иконку к WordPress.
Итак (мое любимое слово, хехе :) ). Иконка сама по себе незначительный элемент сайта. Но, задумайтесь, Вы часто обращаете на нее внимание? Например, она показывается в закладках браузера, в строке браузера – хочешь, не хочешь, но обратишь. Больше того! Если иконка смотрится красиво, она запоминается (а на таком маленьком квадратике пикселей не каждый намалюет шедевр). Сайт начинает ассоциироваться с иконкой и так далее. Например, у фриланс.ру я считаю эту иконку гениальной (как и логотип). Просто, со вкусом и запоминается. Короче, лучше ее сделать, чем не сделать. Я предлагаю рисовать иконку в фотошопе, там можно нарисовать куда больше, чем в паинте ;) Качаем плагин для возможности сохранения изображения в формате ICO. Там надо нажать на Free download: Windows (вот прямая ссылка), а на новой странице – нажать кнопку Download. Скачали, кладем его в папку Plug-Ins в каталоге Фотошопа. Запускаем фотошоп и рисуем иконку. ;) Размер «холста» должен быть 16×16 пикселей (это стандартный размер иконки, другие не рекомендуются). Что рисовать – дело Ваше. Я вот нарисовал на красном градиенте букву D. Наверняка, таких иконок по всему миру – сотни тысяч. Но мне плевать, мне нравится :-D :lol: Если увидите – так и передайте, что эта иконка установлена на dimoning.ru, а все остальные – плагиатчики дерзкие! :lol: Дальше понятное дело – File -> Save As, выбираем формат ICO и сохраняем. Заливаем ее в какой-нибудь каталог сайта, например, через FTP. Об установке иконки на WordPress. Для этого нужно зайти в каталог Вашей текуще темы и отредактировать файл header.php. Нужно добавить в блоге <head></head> следующее: Такая чудо-конструкция позволит браузеру понять, что нужно установить иконку. Соответственно /favicon.ico нужно заменить на адрес и имя иконки от корня сайта (как обычное изображение). Девид Блейн, почему моя иконка не показывается? Покажи мою иконку, Девид Блейн! Иконка – дело тонкое. Чтобы она начала показываться в FireFox, нужно удалить весь кеш (Инструменты -> Удалить личные данные), вырубить FireFox, зайти снова и открыть сайт. Нашел в сети совет, что в Internet Explorer нужно вообще добавить сайт в избранное :shock: , иконка появится только после этого (даже не думайте спрашивать меня – почему). Ну и еще можно удалить Кеш, нажав Ctrl + F5. У меня эта тварь пока что не нашла иконку :( Да, и вообще, расстраивайтесь, о други – не сразу иконка будет заметна в браузерах пользователей. Опять же по причине кеша. Так-то так. Делайте иконки и заваевывайте популярность в сердцах и умах ;) _______________________________ Отзывов (7) на «Создаем иконку сайта в строке URL (favicon.ico), WordPress»Оставьте свой комментарий |
|
dimoning.ru © 2008-2011 г.
Все материалы авторские, но их можно копировать с указанием прямой ссылки на источник.
31.07.2008 в 5:10 пп
Я обычно пользуюсь IconoMaker. Небольшая удобная программка.
31.07.2008 в 5:16 пп
Когда я искал способ конверта в ICO, наткнулся на каком-то варезном сайте и на нее. Но решил не включать ее в статью, т.к. скачав что-нибудь такое, можно схватить трояна. Плагин как-то спокойнее :)
01.08.2008 в 12:14 дп
Рисуем все дружно иконки для своих блогов, а потом устраиваем конкурс на самую афигенскую :grin:
А вообще спасибо, что напомнил! Я вот совсем забыла про такую маленькую но немаловажную деталь, и еще бы год о ней, наверно, не вспоминала бы) А так может тоже руки дойдут что-нибудь изобразить..
13.08.2010 в 3:43 дп
Спасибо большое. Раньше пользовался готовой библиотекой фавиконов,но таким образом узнаваемости не предашь) Чтож пойду изготовлять фирменный стиль сайта)
23.08.2010 в 10:09 дп
Спасибо все заработало – хотя чтрвнно у меня до этого было практически тоже самое. была только одна строчка с ico, но когда добавил даже в firefox заработало
14.10.2010 в 12:15 пп
Спасибо за хорошую статью про установку фавикона.
Сделал буквально за 5 минут.
Успехов Автору
04.08.2011 в 7:58 пп
Иконка очень важная вещь.