Как установить фавикон (favicon) на сайт WordPress

kak-ustanovit-favikon-na-sajt-vordpress
Дизайн сайта

Привет, уважаемый читатель. Сегодня поговорим о том, как установить на сайт маленькую, порой незаметную, но важную часть любого сайта — фавикон (favicon).

Когда будем рассматривать онлайн seo-анализаторы, вы увидите, на сколько фавикон необходим при сео-оптимизации.

Что же такое фавикон, или favicon (как кому нравится)?

favicon Fvicon — это медийное изображение, формата 16 на 16 пикселей, непосредственно связанное с вашим сайтом. Своего рода геральдический герб вашего блога, поскольку позволяет только по картинке определить принадлежность к веб-ресурсу из всего массива закладок браузера.

Раньше к требованиям по созданию фавикон входили не только размерность 16 х 16, но и формат изображения. Необходимым условием было, чтоб фавикон был неприменно в .ico формате. На сегодняшнее время это необязательно. Вы можете разместить уникальный фавикон и в формате .png.

Создать фавикон можно в любом онлайн-редакторе. В интернете их существует достаточно большое для выбора количество. Есть платные, есть бесплатные.

Если вы решили создать фавикон самостоятельно, то можно воспользоваться фотошопом или другим графредактором. Для этого достаточно создать изображение размером около 200 на 200 пикселей (с таким небольшой картинкой тоже удобно работать). Если у вас уже есть логотип, то можно вставить его или создать что-то уникальное. После прорисовки картинки сохраните в формате .png и загрузите к себе на сайт.

О размере не беспокойтесь. WordPress прекрасно справляется с оптимизацией фавикон самостоятельно. Многие шаблоны имеют встроенную возможность загрузки фавикон. Но там уже указывается размер 512 на 512 пикселей. Пусть это вас не пугает. Таким образом WordPress позволяет создать четкую, качественную картинку.

Как установить фавикон (favicon) на сайт WordPress

Большинство шаблонов в своем функционале изначально имеют возможность установки фавикон. Но если в настройках вы не нашли данной функции, то сделать это в ручном режиме труда не составит.

Для этого нужно:

  • залить favicon в папку с установленным шаблоном вашей темы WordPress.

wp-content-themes-vasha_tema

  • либо из административной панели, либо через ftp-соединение откройте для редакции файл header.php и ниже тега <head> вставьте следующий код
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" />

Файл картинки обязательно назовите favicon. Если будете менять название, то потрудитесь его заменить на аналогичное и в коде.

razmeshhenie-favikonki-v-kode-header

  • сохраните изменения и обновите страницу.

Вот и все. Теперь в браузере, рядом с названием сайта, будет «висеть» фавикон — родовой герб вашего сайта.

Данный способ один из самых простых. Как видите, добавить фавикон (favicon) на сайт WordPress просто.

До скорых встреч, Друзья. С уважением, Олег

 

Комментариев нет

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

gravatar
Дизайн сайта
Gravatar — ваш глобально распознаваемый аватар

Привет, Друзья. Что такое аватарка, полагаю, рассказывать будет лишним. Перейдем сразу к рассмотрению Gravatar, его настройке и использованию. Gravatar настраивается один раз (если вы консервативный пользователь интернета), изображение привязывается непосредственно к определенному электронному почтовому адресу и, в дальнейшем, где будет фигурировать ваш email (комментарии на форумах, на блогах и так далее), будет отображаться …

конструкторы социальных кнопок для блога
Дизайн сайта
ТОПовые конструкторы социальных кнопок для блога WordPress

Вряд ли можно представить сейчас хоть один сайт или блог без кнопок социальных сетей. Маленькие и большие кнопки «Поделиться«, быстрая регистрация аккаунтов в интернете, комментарии на сайтах и в группах соцсетей. Везде присутствует связь с социалкой. Огромное количество ищущих различную информацию собраны на Твиттере, Фейсбуке, ВКонтакте, Одноклассниках. Грех не воспользоваться возможностью …

Коды смайликов в WordPress
Дизайн сайта
Коды смайликов в WordPress без плагина и с плагином

Смешные рожицы в виде смайликов все чаще используются авторами статей для передачи эмоционального настроя и являются прекрасным способом украсить текст статьи. Для вывода смайлов можно воспользоваться установленным плагином (Speedy Smilies, WP Smiley), но к чему дополнительно нагружать базу данных, если есть возможность вставить коды смайликов в WordPress блог непосредственно в сам текст? …