Как обновить фавиконку для пользователей Мак и Айфон?

Ссылка скопирована
Android C# SVG Windows WordPress Иконки
1 ответ

Есть сайт на Wordpress. На нем стояла стандартная фавиконка
После фавиконку поменял, на другую
У пользователей android, и windows изменения видно
на маках и айфонах нет.
Можете подсказать, как ее поменять в их браузерах со стороны сайта?

Дополнительно:

Вот как же вы любите много тегов ставить...

Как обновить фавиконку для пользователей Мак и Айфон?

Семён Окулов @scoffs Frontend | C# | Student Дело точно в платформе?

Обновите кэш браузера: После загрузки новой фавиконки очистите кэш браузера на устройствах, где вы не видите изменений. Обычно в меню браузера есть опция для очистки кэша или обновления страницы с использованием комбинации клавиш Ctrl+F5.

И ещё:
1. Убедитесь, что у вас есть иконка фавиконки в различных размерах. Рекомендуемый формат и размеры иконки могут быть следующими:
2. Формат: .ico, .png, .svg (рекомендуется использовать .png или .svg)
3. Размеры: 16x16 пикселей, 32x32 пикселей, 48x48 пикселей, 64x64 пикселей

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Елена Вебер Ответ

На macOS и iOS фавиконки кэшируются агрессивнее, особенно в Safari, на домашнем экране и в pinned tabs. Со стороны сайта нельзя принудительно очистить кэш у пользователя, но можно повысить шанс обновления: поменять URL иконок, отдать правильные размеры и добавить apple touch icon.

В WordPress сначала задайте иконку сайта через Внешний вид → Настроить → Свойства сайта → Иконка сайта. Нужен квадрат минимум 512×512. Затем проверьте исходный код страницы: должны быть теги icon и apple-touch-icon.

Если тема не выводит нужные теги, можно добавить:

add_action('wp_head', function () {
    $v = '20260513';
    echo '<link rel="icon" href="' . esc_url(home_url('/favicon.ico?v=' . $v)) . '" sizes="any">' . "n";
    echo '<link rel="icon" href="' . esc_url(home_url('/favicon.svg?v=' . $v)) . '" type="image/svg+xml">' . "n";
    echo '<link rel="apple-touch-icon" href="' . esc_url(home_url('/apple-touch-icon.png?v=' . $v)) . '">' . "n";
}, 5);

add_action('wp_head', function () { $v = '20260513'; echo '<link rel="icon" href="' . esc_url(home_url('/favicon.ico?v=' . $v)) . '" sizes="any">' . "n"; echo '<link rel="icon" href="' . esc_url(home_url('/favicon.svg?v=' . $v)) . '" type="image/svg+xml">' . "n"; echo '<link rel="apple-touch-icon" href="' . esc_url(home_url('/apple-touch-icon.png?v=' . $v)) . '">' . "n"; }, 5);

Файлы лучше положить в корень сайта: /favicon.ico, /favicon.svg, /apple-touch-icon.png размером 180×180 или больше. После замены очистите кэш сайта/CDN. Для уже добавленных ярлыков на iPhone иногда нужно удалить ярлык с домашнего экрана и добавить заново: Safari может держать старую touch icon отдельно от обычной фавиконки.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов VPN Как правильно настроить vless для Android TV? 0 ответов Visual Studio Code Как лучше убрать тень у панели слева в VS Code? 0 ответов