Правильное подключение favicon в WordPress

При посещении большинства сайтов можно увидеть маленький значок в заголовке браузера или его вкладки.

favicon скриншот

Это значок favicon.

Казалось бы, задача по его подключению элементарна. Однако, несмотря на это, многие при подключении favicon к сайту на WordPress всё равно допускают ошибки.

Дело в том, что при расположении favicon в корневой директории сайта его часто подключают следующим образом (на примере значка в формате ico).

При таком подключении favicon адрес для получения значка формируется по следующей схеме: адрес страницы +»favicon.ico».

В результате, если для главной страницы сайта адрес значка реальный и значок отображается, то для других страниц значок отображаться не будет.

Для наглядности. Реальный адрес значка favicon (значок отображается):

http://example.com/favicon.ico

Адрес значка, сформированный при открытии некоторой внутренней страницы сайта (значок не отображается):

http://example.com/page1/favicon.ico

Избежать этой ошибки при подключении favicon из корневой директории сайта можно двумя способами.

  1. Убрать из заголовка тег link, который отвечает за favicon.
    В этом случае браузер сам найдёт файл значка и отобразит его.
  2. Формировать адрес файла значка программно с помощью функции bloginfo как показано ниже.

 

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

Поэтому при выборе способа подключении значка favicon необходимо исходить, в том числе, из того в каком формате сохранён его файл.

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

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