Всем владельцам блогов на WordPress, доброго времени суток.
Наверняка среди моих читателей есть товарищи, у которых есть блоги именно на этой площадке. А хотите, чтобы Ваш блог был индивидуальным? Глупый вопрос, конечно хотите! Тогда этот пост будет Вам очень полезен.
О чем пойдет речь в этом посте? А вот о чем, об иконке в адресной строке браузера. Это небольшая картинка в специальном формате, которая отображается рядом с адресом вашего сайта , с названием вашего сайта в "Избранном" или в "Закладках" вместо стандартной, общей для всех, иконки.
Сначала, пожалуй, надо немного сказать, зачем она нужна. А нужна она для того, чтобы Ваш сайт или блог легче запоминался посетителям, которые заложили его себе в закладки. У меня в закладках очень много разных сайтов и, естественно, по иконкам отыскать нужный, проще!
Хорошо если в Вашем шаблоне уже есть такая иконка, а если ее нет? Не проблема, мы ее сами туда поставим. Скажу честно, я билась над этим два дня! Много подобной информации в инете, но как бы я не старалась, у меня ни чего не получалось. Все потому, что описание были общего характера, скорее для знающих людей. Я, хоть и не являюсь чайником, но мне было все равно непонятно. Но кто ищет, тот всегда найдет! Вот я и нашла, то, что искала. Чем и спешу поделиться с Вами.
Можно найти готовую иконку в формате ico или создать ее самим с помощью сервисов, которые делают иконку из любого Вашего изображения. Например, это может быть сайт http://favicon.ru/. Там все просто и ни чего сложного нет. Нужно выбрать изображение со своего компьютера и выставить нужный размер, а потом нажать на кнопочку «Создать favicon.ico».Но хочу предупредить, что не каждая картинка подойдет для этого! Она просто будет плохо раздичима. Поэтому лучше это будет векторное изображение, которое сохраняет четкость при любых изменениях размера. А если нет, то ищите четкую и яркую картинку. В общем экспериментируйте! Затем вы увидите, как будет выглядеть Ваше изображение в адресной строке, и сможете скачать готовую иконку на свой компьютер. Но здесь еще есть важная деталь. Этот сервер создает код, который необходимо скопировать и вставить в свой любимый текстовый редактор для редактирования. Вот он.
Половину дела сделали. Теперь идем в свой блог на WordPress. Заходим в админку и выбираем там «Медиафайлы» и следуем по стрелочкам, которые я нарисовала на скрине. ВНИМАНИЕ!!! В предпоследнем шаге есть код. Это путь до Вашей иконки, который нам понадобиться. Скопируйте его.
Дальше идем во вкладку «Внешний вид» и выбираем там «Редактор». Затем с правой стороны ищем «Заголовок( header.php)». Теперь будем предельно внимательными. Ищем в этой абракадабре открывающий тег
.
Сразу после этого тега вставляем код, который мы копировали, когда создавали иконочку. Но это еще не все. Теперь его нужно отредактировать. Вот он.
Здесь нам нужно в обе строчки вместо /favicon.ico вставить код, или путь расположения нашей иконки в медиафайлах. Мы его вторым копировали себе. И вот что у Вас должно получиться. Естественно адрес сайта будет ваш.
Теперь нажимаем в самом низу на «Обновить файл» и идем на главную страничку. Смотрим на адресную строку браузера и о чудо, иконка появилась! Кричим троекратное ура, гладим себя по голове и наслаждаемся результатом!
Вроде бы все рассказала. Надеюсь, этот небольшой урок будет полезен многим и Вам не придется портить свою нервную систему, как мне! Ну, а если возникнут вопросы, обращайтесь!