Favicon wordpress как установить. Лучший и самый грамотный способ рекомендуемый yandex.
Нужно уметь добавлять файлы в корень сайта.
Последовательность действий кратко:
- Создать картинку 512px на 512px в формате jpg или png (если хотите прозрачный фон).
- Загрузить картинку на онлайн сервис и сгенерировать favicon.
- Загрузить результат на свой сайт.
(* Результат это несколько иконок, напоминает создание иконок для приложения телефона там тоже нужно создать массу иконок под телефон, планшет PC и др.)
Переходим на сайт онлайн генератор фавикон.
Жмем на синюю кнопку Select your Favicon image (Выбрать изображение для иконки) и выбираем наше подготовленное изображение.
Смотрим как выглядит наше изображение и жмем синюю кнопку Continue with this picture (Продолжить с этой картинкой)
Смотрим как будет выглядеть наше изображение на различных платформах.
Прокручиваем в самый низ и жмем синюю кнопку Generate your Favicons and HTML code (Генерировать фавикон и HTML код)
Так выглядит результат:
- Загрузите архив иконок.
- Инструкция-загрузите иконки в корень сайта(иконки в корень сайта следует загружать поштучно, а не в архиве или папке)
- Скопируйте и вставьте код (код на черном фоне) в заголовок страницы между тегами head.
- Можете проверить корректно ли отображаются иконки на вашего или любого другого сайта.
Заходим в админку своего сайта wordpress и добавляем код между тегами head. (Если у вас коммерческая тема то код можно добавит в настройках темы вставив его в форму специально предназначенную для этого)
Например у меня это выглядит так:
Дугой способ добавить информацию в head это скачать плагин.
А все иконки поштучно кидаем в корень сайта. (Для этого нужно зайти в файловый менеджер и выбрать папку с названием сайта).
После того как всё сделали можно проверить результат введя адрес сайте в этом окне
Должно получится как на рисунке, зеленый маркер.
Если маркер будет красным значит, есть проблема. Кстати при проверке стандартной темы вордпресс зеленым была только строка отвечающая за десктопные браузеры остальное было красным.
На сайте так же доступна проверка фавикон на валидность
Ваш фавикон идеален? Давайте посмотрим. Сервис проверяет более десятка настроек, чтобы убедиться, что они подходят для всех основных платформ.
Вот несколько вопросов, на которые вы получите ответы:
Является ли мой favicon.ico правильный? На этот простой вопрос часто поучают неожиданные ответы…
Хорошо ли фавикон выглядит на iOS?
Хорошо ли выглядят на iPhone 6? (да, iPhone 6 более требователен, чем предыдущие поколения)
У меня есть favicon.png. Это нормально, верно?
Я слышал о Windows Surface. Мне есть что с этим делать?
