Здравствуйте, друзья! В этом уроке мы поговорим о неотъемлемой составляющей любого сайта — фавиконке (favicon). Но перед тем как добавить ее на сайт, давайте вспомним что такое favicon изображение и зачем оно нужно.
Favicon — небольшое графическое изображение 16 х 16 пикселей связанное с вашим веб-сайтов. Одно из главных предназначений фавиконки — возможность идентифицировать веб-сайт визуально в большом количестве вкладок или закладок веб-браузера.
Создать фавиконку можно разными способами, для этого есть множество онлайн-редакторов и куча подобный сервисов.
На очень многих блогах и информационных ресурсах веб-мастеров указано что фавиконка должна быть только в формате .ico, но это ошибочное мнение! Вы можете создать красивое фавикон изображение и в .png формате.
Для того чтобы создать фавиконку самостоятельно, откройте Photoshop или другой графический редактор и создайте квадратное изображение 128 × 128 пикселей, и нарисуйте изображение для фавиконки (обычно ставят просто логотип или его часть). После того как вы создали изображение, сохраните его в формате PNG. Хотя большинство современных браузеров будет отображать значок сайта в формате PNG, очень старые версии Internet Explorer не будут.
Важно! После того как вы создадите фавикон изображение, его не обязательно уменьшать к размеру 16 х 16 пикселей! WordPress это сделает за вас!
Установка Favicon в WordPress
1. Загрузите фавикон в корень папки вашей текущей темы (шаблона). Название фавиконки обязательно сделайте — favicon.
2. Зайдите в административную панель WordPress.
3. Перейдите в Внешний вид — > Редактор.
4. В списке справа выберите файл с именем Заголовок (header.php).
5. Если ваш favicon в png формате — скопируйте код ниже и вставьте его ниже тега <head>.
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" />
Если в формате ico — используйте код для вставки:
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />
6. Сохраните изменения нажав кнопку «Обновить файл».
Вот и все! Как вы видите, установка фавикон изображения в WordPress задача не сложная, и не требующая много времени.
Способ добавления favicon о которым я говорил в этом уроке не единственный, но как по мне, он наиболее правильный и возможно простой.
Если у вас что-то не получилось, смело пишите в комментариях! Я постараюсь помочь в решении вашей задачи.
Обзор
Проголосуйте за урок
Оценка
Итог : Уважаемые читатели! Не поленитесь проголосовать и оставить комментарий. Таким образом я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!
не работает ни один из методов.
Добрый день!
Александр, благодарю! Все получилось. Только код изменила непосредственно в корневой папке сайта на хостинге. Через редактор изменения не прошли.
Все очень внятно объяснили!
Есть ещё один очень простой способ поставить favicon. Заходим в внешний вид=> настроить. В панели слева выбираем свойства сайта. И находим там » иконка сайта». Просто загружаем туда изображение pngформата ( как в галереи )) . И на этом все)
Игорь благодаря вашему совету все получилось легко и просто установить favicon на сайт. Благодарю
Спасибо
Игорь красавчик!!!!!!!!!!!!!!!! Молодессссссссссссс!!!!!!
ну это как бы основной метод, и он не работает для изображений с прозрачным бэкграундом
сори, работает, просто не тот файл закачивал)
Супер способ! Спасибо, Игорь!
Вообще то фавиконка показывается не только на вкладке, но в выдаче Яндекса, что очень удобно
у меня на https://ord.pp.ua получилось так. спасибо работает.