Создать favicon и установить его на блог WordPress

Favicon – это маленькая иконочка, которая появляется браузере перед адресной строки, когда Вы открыли мой блог. В браузере Google Chrome он отображается в каждой открытой вкладке перед названием страницы интернет – ресурса, что Вы просматриваете.

Тот же самый Favicon (фавикон) может отображаться в выдаче Яндекса, когда между позицией сайта и его адресом и названием, выводится маленькая картиночка.

Я довольно давно пользуюсь интернетом и ищу статьи для обогащения знаниями. Понятное дело, что у меня за годы интернет – серфинга выработались какие-то предпочтения: какой-то сайт или блог мне нравиться, а другой блог я обхожу стороной, потому что на нем я уверен, ничего не будет для меня интересного. Так же и Вы ведете себя. Но как же определить своих фаворитов или не любимцев до их открытия.

Ведь автора развивают свои блоги, и по названиям по адресам не сильно быстро определишь, какой блог перед тобой расположен в выдаче. Вот тут то и приходит favicon. Эта маленькая иконка, которая у меня ассоциируется с знакомыми сайтами и блогами, я их названия забуду, не обращу внимания на адрес – но маленькое броское изображение мне все расскажет, потому что это лица, идентификатор блога.

Потому я создал favicon буду пользоваться им всегда, сколько бы тем для блога WordPress не менял.

Создать favicon. Фавикон – это графическое изображение, сохраненное в формате ICO, имеющее размер 16×16, 32×32,  48×48 пикселей. Для этого я выбрал размер поменьше, так как он будет иметь меньший вес, а значит будет быстрее подгружаться в браузер. Создают файл favicon.ico с помощью специализированный интернет – сервисов, программы Фотошоп с специальным плагином.

Я решил пойти самым коротким путем – буду использовать интернет-сервис, потому что это самое легкое. Зачем на 3- минутную работу тратить полчаса. Для начала я выбираю фотографию с собой, уж так я пожелал. Так как я выбрал большую фотографию, я ее открыл Фотошопом, обрезал ее так, чтобы осталось лицо, плечи и немного фона. затем  ее уменьшил до размера 150 х 150, скажу только файл имеет расширение .jpg.

С помощью этой панели я могу сразу создать favicon а могу поиздеваться над моим файлом, здесь есть маленький простенький редактор. Но всякое искусство редактирования файлов изображения не по мне, потому сразу создаю иконку для блога.

Редактор позволяет более точно отредактировать будущую иконку и просмотреть как она будет выглядеть в нескольких видах браузерах.

Созданный favicon после нажатия кнопку Create, скачивается на жесткий диск компьютера по нажатию появившейся ссылке.

Разместить иконку favicon.ico на блоге. Для начала нужно разобраться вот с чем. У меня установлен шаблон idiandong.1.1, его автором выполнена иконка под его стиль. Значит, у меня очень простая работа, я должен найти в каталоге с файлами темы WordPress файл, который имеет название favicon.ico. Его заменяю мною созданной иконкой.

Для тех кому не повезло – можно поступить проще, закинуть его в корневую папку на хосте и все, дело сделано.

Теперь я должен побеспокоиться о том, чтобы она загружалась. Для этого Вы должны, и я должен сделал следующее. Зашел в каталог с файлами установленной темой на блоге. Открыл файл header.php и нашел такую вот строку. Ориентируетесь на слово favicon.ico.

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

Вот именно она отвечает за загрузку иконки браузером, по ней иконку находит Яндекс. Здесь с помощью запроса формируется путь к файлу, который я разместил на хостинге. Я знаю абсолютный путь к этому файлу, потому избавляюсь от лишнего запроса и редактирую строку.

<link rel="shortcut icon" href="http://seomans.ru/favicon.ico" />

После сохранения этого файла иконка будет использоваться моим блогом. Путь к файлу может быть длинным или не очень, состоять из 3 или 4 названий каталогов и подкаталогов. Все зависит от того, где размещен файл favicon.ico. Если Вы не можете понять как этот путь прописать, сделайте как выше, поместите его в корень блога, каталог у меня имеет название public_html. У вас я не знаю, ведь у разных хостингов они называются по-разному.

У меня создан favicon для блога, я его разместил и он отображается. Теперь, когда Вы ищите ценную информации по созданию и продвижению сайтов своих или блогов и в выдаче увидите мой фавикончик, заворачивайте на огонек.

Дальше будет интересней.