Как добавить фавикон?

Чтобы задать фавикон, который будет правильно и красиво отображаться в любом браузере и на любом устройстве, вам необходимо:

  1. Подготовить максимально качественную иконку в размере больше 260×260, лучше взять 512×512. Лучше в PNG.
  2. Перейти на сайт https://realfavicongenerator.net и загрузить картинку.
  3. После этого в сервисе можно будет проверить как иконка будет отображаться на разных устройствах и в браузерах, при необходимости можно добавить или изменить фон.
  4. В конце нажмите кнопку Generate, чтобы сервис создал нужный набор иконок.
  5. Скачайте Favicon Package, это ваши иконки, архив нужно разархивировать и разместить его содержимое в корне вашего сайта
  6. Скопируйте код иконок и разместите его в секции <head>. Можно в Clearfy Pro (вкладка Код), либо в наших шаблонах в кастомайзере в секции Код.Если у вас нет Clearfy Pro и наших шаблонов — код можно разместить с помощью плагина ProFunctions, добавив туда данный код:
    add_action( 'wp_head', function() {
        ?>
        сюда вставьте код ваших иконок
        <?php
    } );

Яндекс обновляет иконки раз в 2-3 недели, поэтому после установки фавикон нужно дать время на обновление кеша в поисковых системах.

Подробное видео по установке favicon на WordPress сайт

Вам помог ответ?
Похожие вопросы
Не отображаются иконки на профили в социальных сетях в шапке и/или подвале
+4
Как вывести ссылки на профили социальных сетей в шапке сайта?
+3
Как задать фоновую картинку для шапки?
+2
Как добавить кликабельный номер телефона в шапку сайта?
+14
Как выровнять логотип и название сайта по центру?
+12
Как добавить поиск в шапку сайта?
+10
Как увеличить логотип?
+10
Как изменить ширину и высоту логотипа
+1
Как вывести блок после шапки в Reboot
+1
Как изменить размеры логотипа?
+1
Как изменить размер шрифта пунктов меню в шапке сайта?
+1
Как изменить цвет пунктов меню в шапке сайта?
+1
Как увеличить логотип?
+1
Как добавить поиск в шапку сайта?
+1
Как добавить логотип?
+1
Как на главной странице логотип вывести со ссылкой на главную
+1
Как скрыть кнопки соц. сетей в шапке сайта на планшетах и мобильных
+1
Как добавить поиск в шапку сайта?
+1
Как название и описание сайта в браузерах Internet Explorer и Edge выводить корректно?
+1
Как вывести фон шапки на мобильном
+0