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

Рубрика: Все о Wordpress | 2 комментария

Если вы создали свой сайт и закончили все работы по редактированию дизайна, тогда пришло время заняться созданием иконки сайта. Это как раз то, что сделает ваш сайт запоминаемым для всех посетителей.

Иконка, или иначе favicon, должна отображаться во всех браузерах (кроссбраузерность). Ниже, на рисунке, показаны примеры иконок:

1

Другими словами, это просто маленькое изображение. Прежде чем рассмотреть, как установить иконку на сайт wordpress, нужно сначала найти таковую.

Для этого достаточно ввести в поисковике «Скачать бесплатно favicon», и вам предложат большой выбор онлайн сервисов.

Есть несколько рекомендаций относительно того, какими параметрами должны обладать иконки для сайта:

  • Расширение .ico (хотя допустимы форматы .png .gif)
  • Размер 16х16 (допустимо 24х24, 32х32, 48х48, 64х64, 128х128)

Если придерживаться стандарта, то проблем ни в одном браузере или поисковике не должно возникнуть. Обратите внимание, если вы не нашли подходящего для себя favicon, тогда его можно создать самому.

Скачайте любую понравившуюся картинку, и при помощи программы «IcoFX» (в Google полно бесплатных русских версий) создайте приемлемый вариант. Сложностей в программке нет, поэтому разберётесь без проблем.

Теперь же обратимся к непосредственной теме статьи: как установить иконку на сайт wordpress. Существует три варианта решения данной задачи:

  • Воспользоваться функцией темы (если таковая имеется в шаблоне);
  • Дописать код в файл «header»;
  • Установить плагин;

Вариант 1

Первый пункт нет смысла разбирать, потому что он, если и существует, то выглядит индивидуально. Одно следует помнить: если в настройках темы (не путайте с настройками панели управления) вы увидите надпись «Прописать путь к иконке/логотипу» или что-то подобное, значит шаблон имеет данную функцию.

Загрузив иконку в корень сайта wordpress, просто укажите полный путь к нему. Получится приблизительно так: http://ваш-сайт.ру/favicon.ico

Вариант 2

Теперь рассмотрим второй и наилучший вариант того, как установить иконку на сайт wordpress. Подразумевается, что «favicon» уже загружен в корень сайта. Заходим в редактор файлов:

2

Справа, в списке файлов, находим «header.php» и кликаем по нему. Находим тег <head> и после него прописываем две строчки кода:

<link rel="icon" href="http://ваш-сайт.ру/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://ваш-сайт.ру/favicon.ico" type="image/x-icon">

Сразу добавлю полезную инфо. В сети существуют различные вариации данного кода. Вышеуказанный пример полностью соответствует официальному требованию Яндекса, поэтому его подлинность и работоспособность не должны вызывать сомнений.

Вариант 3

Третий способ установки иконки на wordpress, является самым простым, но при этом он потребляет ресурс сервера. Поэтому, ради такой незначительной вещи, которую можно сделать двумя предыдущими методами, установка дополнительных элементов не рекомендуется.

Тем не менее, бывают случаи, когда иначе не обойтись: все делаешь правильно, а icon не отображается. Итак, скачиваем плагин «All in one Favicon» и устанавливаем. В настройках выбираем строку с тем форматом, который соответствует нашей иконке, и прописываем там полный путь:

3

Почему не отображается иконка сайта?

Вы сделали все по инструкции, а желаемого результата нет? Попробуйте несколько элементарных действий:

  • Очистите  в браузере КЕШ, и перезапустите его;
  • Проверьте правильность указанного к favicon пути. Для этого просто введите его в адресную строку браузера и нажмите «Enter». Если на страничке отобразится ваша маленькая картинка, значит адрес указан правильно.

Если же у вас возникли трудности или проблемы wordpress – пишите в комментариях, попробуем решить вопрос совместными усилиями! Всем удачи и продвижения в поисковиках!

teweb.ru-v-socialnyh-setjah
Понравился пост? Нажми любую кнопку:

Интересные статьи:

Похожие записи:

2 комментария
  1. Александр

    Самый нормальный вариант №2 через прописку в header. Его и поисковики похоже воспринимают лучше всего. Недавно хотел опять вспомнить, как это делается и вот случай подвернулся. Сохранил в закладки, пригодиться скоро.

    Ответить
    • Админ

      Это действительно лучший вариант, хотя мои некоторые знакомые так не любят работать с кодами, что не задумываясь о нагрузке на сайт ставят для такой чепухи плагин. Я бы рекомендовал только 2 вариант.

      Ответить

Комментарий

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