В силу своей должности я провожу много разных тестов. Одна из проблем, с которой я часто сталкиваюсь – инструменты, такие как Pingdom и WebPageTest, жалуются на отсутствующий favicon (ошибка 404). Сегодня я поделюсь с вами несколькими быстрыми советами, как создать пустой favicon без использования графических редакторов или программ. Это заметно экономит время.
Отсутствующий Favicon на новом WordPress сайте
К примеру, в Pingdom отсутствующий favicon будет генерировать ошибку 404.
Самый простой способ исправить ошибку – создать пустую иконку с кодом. Если у вас есть favicon, вы, конечно, можете всегда добавить его в корень вашего сайта WordPress через SFTP. Однако мой способ показался мне более эффективным.
Вариант 1. Помещаем код в хэдер WordPress
Первый способ – помещаем код прямо в header.php перед закрывающим тегом head.
01 | <link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" /> |
Однако я не фанат редактирования файлов напрямую; тем более этот способ может варьироваться в зависимости от используемой вами темы. Потому мне больше по нраву второй вариант.
Вариант 2. Используем PHP сниппет.
Мне нравится бесплатный плагин Code Snippets. Я обычно всегда вношу небольшие изменения в PHP на своих сайтах, потому этот плагин входит в мой обязательный арсенал.
Все, что вам нужно сделать – это создать новый PHP-сниппет. Вы можете наименовать его так, как вам хочется.
Вот как он будет выглядеть:
01 | function favicon() { |
04 | add_action('wp_head', 'favicon'); |
Далее выбираем пункт «Only run on site front-end».
Источник: https://woorkup.com