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

Фавикон

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

Наконец, возникает вопрос, как установить фавикон на сайт? Нужен он не только для красоты. Его основная цель – сделать ресурс узнаваемым. Ведь к идентифицированным сайтам всегда больше интереса и доверия.

Так как одним из самых популярных на сегодняшний день считается движок WordPress, то рассмотрим процедуру установки именно на этом CMS.

Что же такое фавикон? Он представляет собой значок, отображающийся в адресной строке браузера и закладках.

фавикон в виде закладки

Его несложно создать самостоятельно в графическом редакторе на компьютере или онлайн в Сети. Вот некоторые из таких сервисов:

  1. degraeve.com;
  2. favicon-generator.org;
  3. cy-pr.com;
  4. favicon.ru.

Стандартный размер картинки составляет 16×16 пикселей (допустимый – 32×32). Не желательно его превышать, так как это может ухудшать загрузку портала сервером. Форматы выбираются различные. Но чаще всего применяется png или ico.

Несложно скачать фавикон для сайта с какого-нибудь ресурса. Для примера:

  1. favicon.co.uk
  2. www.iconsearch.ru

Загрузка выполняется в одном из двух предложенных форматов: png или ico.

фавиконы для сайта

В дальнейшем рекомендуется переименовать файл, присвоив ему название «favicon» (обязательно с маленькой литеры, так как поисковики воспринимают именно данный регистр).

Наконец, приступаем к установке иконки на сайт. Это можно сделать четырьмя способами.

Используя опцию своего шаблона

В некоторых темах предусмотрена специальная опция для установки фавикона. Ее можно обнаружить, если пройти следующий путь: «Внешний вид» – панель шаблона – «General Setting» («Общие настройки») – Favicon URL.

Адрес фавикона

Здесь вводим адрес, по которому расположено изображение. Его несложно скопировать, если войти в «Медиафайлы» – «Библиотека» – наше изображение – «Изменить». Из двух URL следует выбрать второй.

адрес фавикона

Подтверждаем свои действия, нажимая на кнопку «Save…» («Сохранить…»). Процесс завершен.

К сожалению, не в каждой теме присутствует такая функция. Но это несложно исправить, если воспользоваться специальным программным модулем.

Плагин Captain Favicon

Для этого находим и загружаем плагин фавикона через админку WordPress, вводя название в поисковик.

загрузка плагина

После его активации в строке «Настройки» появляется новая опция – «Captain Favicon». Щелкаем по названию левой кнопкой мыши. Перед нами открывается панель управления плагином. Она неимоверно проста. Нажимаем «Upload Favicon».

панель управления Captain Favicon

После этого выбираем заранее подготовленную картинку с компьютера или «Библиотеки файлов» WordPress, используя «Показать».

выбор фавикона для сайта

Открывается окошко, в котором перемещаем бегунок вниз и жмем на «Set As Favicon».

загрузка фавикона

Наконец, подтверждаем действия – «Save Settings».

Теперь смотрим результаты своей работы: иконка благополучно разместилась в строке браузера.

фавикон в строке браузера

Этот способ – очень простой. Но мне он не подошел по двум причинам:

  1. плагин создает дополнительную нагрузку на ресурс;
  2. при его дезактивации иконка тут же исчезает.

Поэтому я воспользовался еще одним методом.

Размещение в корневой папке

Корневая папка располагается на хостинге, поэтому объясню на примере своего провайдера (SPRINTHOST).

Осуществляем вход в панель управления.

панель управления хостингом

Затем кликаем на «Файлы».

папка файлов на хостинге

Здесь находим папку под названием «public html».

Открываем ее и следуем: наш сайт – «wp-content» – «themes» – наша тема – «images». В эту директорию загрузим файл изображения.

загрузка фавикона на хостинг

Наконец, подтверждаем выполненное действие.

В строке браузера иконка появляется после обнаружения ее поисковыми роботами. Срок составляет от 1 дня до месяца. Это и не понравилось. К счастью, имеется еще один действенный способ…

Размещение в шаблоне сайта

Сделать видимым фавикон в браузере можно непосредственно через шаблон WordPress. Даже для тех, кто не является профессионалом в программировании, а так же знатоком языка HTML, процесс не будет представлять каких-либо сложностей. Он состоит из 3-х этапов.

  • Шаг 1. Загружаем предварительно подготовленную картинку на сайт. Далее: админпанель – «Медиафайлы» – «Добавить…».

    Добавить фавикон

    Опять заходим в «Медиафайлы», выбираем наш снимок и нажимаем «Изменить».

    Копируем ссылку на изображение, после чего вставляем в «Блокнот» или Notepad++. Она понадобится нам в дальнейшем. Напоминаю, что здесь присутствуют два адреса: 1) «Постоянная ссылка» и 2) «Ссылка на файл». Правильным является именно второй вариант.

  • Шаг 2. Размещаем скрипт в файле «Заголовок». Для выполнения этой операции следует зайти в разделы: 1.«Внешний вид» – 2.«Редактирование» – 3.«header.php».
  • Затем находим открывающийся тег <head>. Сразу за ним вставляем следующий скрипт:

    <link rel=»icon» href=»http://Ссылка на изображение » type=»image/x-icon» />
    <link rel=»shortcut icon» href=»http://Ссылка на изображение» type=»image/x-icon» />

    Предварительно формулировку «Ссылка на изображение» заменяем ранее внесенным в текстовый редактор адресом.

    Скрипт фавикона

  • Шаг 3. Жмем на кнопку «Обновить…».

Процесс загрузки фавикона окончен. Остается только зайти на сайт и удостовериться в присутствии значка.

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

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