Домой / WordPress / Как установить favicon в WordPress
Как установить favicon в WordPress

Как установить favicon в WordPress

Здравствуйте, друзья! В этом уроке мы поговорим о неотъемлемой составляющей любого сайта — фавиконке (favicon). Но перед тем как добавить ее на сайт, давайте вспомним что такое favicon изображение и зачем оно нужно.

Favicon — небольшое графическое изображение 16 х 16 пикселей связанное с вашим веб-сайтов. Одно из главных предназначений фавиконки — возможность идентифицировать веб-сайт визуально в большом количестве вкладок или закладок веб-браузера.

Как поставить иконку на сайт?

Создать фавиконку можно разными способами, для этого есть множество онлайн-редакторов и куча подобный сервисов.

На очень многих блогах и информационных ресурсах веб-мастеров указано что фавиконка должна быть только в формате .ico, но это ошибочное мнение! Вы можете создать красивое фавикон изображение и в .png формате.

Для того чтобы создать фавиконку самостоятельно, откройте Photoshop или другой графический редактор и создайте квадратное изображение 128 × 128 пикселей, и нарисуйте изображение для фавиконки (обычно ставят просто логотип или его часть). После того как вы создали изображение, сохраните его в формате PNG. Хотя большинство современных браузеров будет отображать значок сайта в формате PNG, очень старые версии Internet Explorer не будут.

Важно! После того как вы создадите фавикон изображение, его не обязательно уменьшать к размеру 16 х 16 пикселей! WordPress это сделает за вас!

Установка Favicon в WordPress

1. Загрузите фавикон в корень папки вашей текущей темы (шаблона). Название фавиконки обязательно сделайте — favicon.

Как установить favicon в WordPress

wp-content\themes\ваша_тема

2. Зайдите в административную панель WordPress.

3. Перейдите в Внешний вид — > Редактор.

Как установить favicon в WordPress

4. В списке справа выберите файл с именем Заголовок (header.php).

Как установить favicon в WordPress

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" />

Как установить favicon в WordPress

6. Сохраните изменения нажав кнопку «Обновить файл».

Вот и все! Как вы видите, установка фавикон изображения в WordPress задача не сложная, и не требующая много времени.

Способ добавления favicon о которым я говорил в этом уроке не единственный, но как по мне, он наиболее правильный и возможно простой.

Если у вас что-то не получилось, смело пишите в комментариях! Я постараюсь помочь в решении вашей задачи.


Здравствуйте, друзья! В этом уроке мы поговорим о неотъемлемой составляющей любого сайта - фавиконке (favicon). Но перед тем как добавить ее на сайт, давайте вспомним что такое favicon изображение и зачем оно нужно. Favicon - небольшое графическое изображение 16 х 16 пикселей связанное с вашим веб-сайтов. Одно из главных предназначений фавиконки - возможность идентифицировать веб-сайт визуально в большом количестве вкладок или закладок веб-браузера. Создать фавиконку можно разными способами, для этого есть множество онлайн-редакторов и куча подобный сервисов. На очень многих блогах и информационных ресурсах веб-мастеров указано что фавиконка должна быть только в формате .ico, но это ошибочное мнение! Вы можете создать красивое фавикон изображение&hellip;

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Не поленитесь проголосовать и оставить комментарий. Таким образом я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.55 ( 18 голосов )
100

32 комментария

  1. не работает ни один из методов.

  2. Светлана

    Добрый день!
    Александр, благодарю! Все получилось. Только код изменила непосредственно в корневой папке сайта на хостинге. Через редактор изменения не прошли.

    Все очень внятно объяснили!

Оставить комментарий

Ваш email не будет опубликован.

*