Favicon для сайта WordPress можно установить разными способами. В этой статье я опять возвращаюсь к этой теме. Я уже рассказывал, как установить иконку на сайт WP при помощи плагинов и установить специальные коды в шаблон сайта. В этой статье я опишу еще один способ установки favicon для сайта WordPress. Установим специальный код в файл functions.php шаблона.


Favicon для сайта WordPress (favorites icon) или иконка сайта, конечно придает сайту индивидуальность и может влиять на его посещаемость. Но кроме этого неудачно установленный favicon может увеличивать время загрузки сайта. Все таки лучшим местом для размещения иконки является корневой каталог, с добавлением кода в файл functions.php. Для этого способа установки favicon на сайт нужно сделать три шага.

  • Сделать картинку favicon.ico на любом генераторе favicon;
  • Загрузить картинку favicon.ico в корневой каталог сайта;
  • Поместить код в файле functions.php.

Остановимся на каждом шаге подробнее.

Сделать картинку favicon.ico на любом генераторе favicon

В статье «Установка иконки favicon на сайт WordPress» я подробно рассказывал, как сделать картинку favicon.ico. В этом нет ничего сложного. Делается она на любом генераторе иконок, в режиме on-line. Не требуется устанавливать на компьютер дополнительных программ. Делается картинка в формате .ico из картинки любого размера и любого формата.

Если вы хотите сами нарисовать свою иконку, можно воспользоваться расширенным online сервисом для изготовления иконок favicon.cc. На нем можно не только сделать иконку из заранее подготовленной фотографии, но и попробовать себя в точечном рисовании.

Favicon для сайта WordPress

WP-favicon-kod-v-function-php-2

Еще один расширенный инструмент для создания иконок это favicon.ru.На нем можно не только рисовать, но и заказать изготовление уникального favicon.

Favicon для сайта WordPress

Будем считать, что свой favicon вы сделали. Будем его размещать на сайте.

Читайте так же:  Админка Wordpress: все про административную панель WordPress сайта

Загрузить картинку favicon.ico в корневой каталог сайта

Сделанный Favicon для сайта WordPress, при помощи FTP соединения, закачиваем в корневой каталог вашего сайта, скорее всего в папку [publ-html] или [httpdocs].

Проверьте, чтобы в этой папке не было старых favicon. Если есть — удалите. Жалко удалять переименуйте. Также проверьте папку с рабочим шаблоном. Из нее также удалите «не ваш» favicon.

Разместить код в файле functions.php

Остается поместить код в шаблоне сайта. Для этого авторизуемся в административной панели. В консоли открываем: Внешний вид →Редактор.

Konsol-wordpress-07

В редакторе справа из списка файлов каталога доступных для редактирования, ищем файл [functions.php].Открываем его для редактирования.

В любое место раздела THEME SETUP вставляем следующий код

// add a favicon to your
function my_favicon() {
echo '<link rel="shortcut Icon" type="image/x-icon"
 href="'.get_bloginfo('wpurl').'/favicon.ico" />';
}
add_action('wp_head', 'my_favicon');

WP-favicon-kod-v-function-php-1

Не забываем сохраняться.

После перегрузки страницы сайта иконка появляется рядом с вашим сайтом. Если вы удалили все «чужие» иконки из каталога сайта, включая каталоги тем, а ваша иконка все равно не появляется, очистите кэш вашего браузера.

На этом все! Тему Favicon для сайта WordPress закрываю. На сайте получились три статьи, где я рассказывал о трех вариантах установки уникальной иконки на свой сайт WP.

Игорь Серов специально для сайта «Как сделать сайт WordPress»

Другие статьи раздела: Администрирование WordPress

Читайте так же:  Практичные SQL запросы к базе данных Wordpress

Подписка на новые статьи по email

Нужен ваш email: (Доставка FeedBurner)


Favicon для сайта WordPress
Тэги:                                     

Добавить комментарий