Как создать пустой Favicon (для исправления ошибок 404)

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

Отсутствующий Favicon на новом WordPress сайте

К примеру, в Pingdom отсутствующий favicon будет генерировать ошибку 404.

То же самое происходит и в WebPageTest.

Создаем пустой Favicon без изображений

Самый простой способ исправить ошибку – создать пустую иконку с кодом. Если у вас есть favicon, вы, конечно, можете всегда добавить его в корень вашего сайта WordPress через SFTP. Однако мой способ показался мне более эффективным.

Вариант 1. Помещаем код в хэдер WordPress

Первый способ – помещаем код прямо в header.php перед закрывающим тегом head.

<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />

Однако я не фанат редактирования файлов напрямую; тем более этот способ может варьироваться в зависимости от используемой вами темы. Потому мне больше по нраву второй вариант.

Вариант 2. Используем PHP сниппет.

Мне нравится бесплатный плагин Code Snippets. Я обычно всегда вношу небольшие изменения в PHP на своих сайтах, потому этот плагин входит в мой обязательный арсенал.

Все, что вам нужно сделать – это создать новый PHP-сниппет. Вы можете наименовать его так, как вам хочется.

Вот как он будет выглядеть:

function favicon() {
echo '<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />';
}
add_action('wp_head', 'favicon');

Далее выбираем пункт «Only run on site front-end».

Готово. Вы больше не столкнетесь с уведомлениями про отсутствующий favicon или ошибкой 404 из-за этого. Для продакшн-сайтов я советую загружать финальную версию вашего favicon из CDN.

Блог про WordPress
Добавить комментарий

Получать новые комментарии по электронной почте.