Полезные советы

Установка favicon на Wordpress

Favicon на вашем сайте, такая же неотъемлемая часть, как и всё оформление в целом. Но новички часто об этом забывают, а порой просто не знают, что это вообще такое. Так вот, favicon, а если быть точным, то favicon.ico — это маленькая квадратная картинка на вкладке в браузере. Вот она:

favicon1
Так же картинка, будем называть её favicon, отображается в поисковике при запросах, именно поэтому она должна быть яркой, оригинальной и запоминающейся, ведь только взглянув на неё, посетитель должен сразу определить ваш сайт.

favicon2

[alert-warning]Возьмите на заметку: Стандартным размером favicon.ico является 16*16 пикселей.[/alert-warning]

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

Первым делом нам нужно создать файл .ico. Для этого существует специальный сервер favicon.cc. здесь можно вставить свою картинку любого формата и просто сделать из неё ico, либо нарисовать самому.

Попадая на сайт, мы видим графический редактор. Но я не буду рисовать, а загружу свою картинку. Вы можете выбрать, как вам угодно, суть не меняется.

Для загрузки нажимаем на import image.

favicon3
Галочку ставим на второй выбор и загружаем картинку. Жмём upload.
favicon4
Картинка загружена, листаем вниз и скачиваем favicon.
favicon5
Скачанный файл любым удобным для вас способом закиньте в корень сайта. После этого переходите на ваш блог Консоль -> Внешний вид -> Редактор.
favicon6
Ищем Заголовок (header.php) и после тега <head> вставляем этот код, заменяя на ваш сайт. Сохраняем.

<link rel="icon" href="http://адрес-вашего-сайта.ru/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://адрес-вашего-сайта.ru/favicon.ico" type="image/x-icon" />

favicon7
Готово! Переходим на любую страницу и любуемся полученным результатом!

<p>
YouWeb опубликовал новую статью:</p><p><a href="http://clubwp.ru/xz-articles/ustanovka-favicon-na-wordpress.52/" class="internalLink ProxyLink" data-proxy-href="http://clubwp.ru/xz-articles/ustanovka-favicon-na-wordpress.52/">Подробнее об этой статье ...</a>
</p><p>Спасибо за статью) Интересно и несложно... Любые ли темы будут работать с этой схемой? в частности Каденс.</p>
<p>Да, все получается. спасибо за четкость. Не знала, что все так просто. Только вот картинку выбрать... глаза разбегаются. Осталась единственная, но самая приятная трудность. Как же ее выбрать лучше...</p>
<p>Я никогда не выбираю уже готовый фавикон, делаю сама, ведь я хочу, чтобы мой блог был уникальным! Да и тематика нередко такая, что легче сделать, чем выбрать. </p><p><br /></p><p>Конечно, если не умеешь работать в том же Фотошопе, то лучше взять готовый фавикон, да и опыт должен уже быть хоть какой-никакй, не каждая картинка годится для этих целей.</p>
<p>Статья хорошая, но мне легче всего работается с простыми программами Microsoft. Для этого случае Paint. А в остальном интересно.</p>
<p>Стоящая статья. Спасибо...</p>