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

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

Это значок favicon.

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

Подключение к сайту не защищено как исправить, читайте в дополнительном материале

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

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

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

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

https://example.com/favicon.ico

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

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

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

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

 

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

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