голосование
BASH
PHP
Javascript
HTML
Программы
PostgreSQL
Firebird
Хостинг
Майнинг
Железо
Заработок на сайте
Docker
Ресурсы
GIT
SEO
Oracle
Python
Мобильные технологии
Ремонт
Mercurial
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

Как добавить фавикон на сайт wordpress

Поговорим о favicon иконке и том как прикрутить эту иконку к шаблону wordpress. Favicon — значок веб-сайта или веб-страницы. Этот значок отображается браузером во вкладке перед названием. Он отображается как минимум в 2 местах: во вкладке окна браузера, в поисковой выдаче google и yandex. Каждый сайт должен иметь свой фавикон. При поисковой выдаче перед текстом стоит фавикон иконка. Это очень важно для раскрутки сайта.

Как создать favicon. Тут масса способов и сервисов. Вы можете в любой графической программе нарисовать иконку. Тут надо учесть что размер будет иметь форму квадрата. Прямоугольник не получится сделать. Если вы сделаете логотип в форме прямоугольника, то он всё равно впишется в форму квадрата. Я всегда делал логотип в виде 32 х 32 px в png формате и конвертировал png в .ico на сайтах сервисах. Это достаточно простой способ. Вам нужно просто подготовить картинку, потом загрузить её на сайте. Сайт обработает картинку и выдаст вам favicon в нужном формате .ico.

Вот небольшой сервисов для конвертации картинок в ico.

  • favicon.cc. Здесь вы можете нарисовать вручную ваш favicon
  • pr-cy.ru/favicon. Тут вам нужно подготовить картинку и загрузить на сайт. Произойдёт конвертация картинки в .ico

Раньше я думал что размер иконки должен быть либо 16 х 16 px либо 32 х 32 px. Сейчас браузеры поддерживают разные размеры иконок. Даже 48 х 48 px. Посмотрите на блок ниже. Браузер сам выберет нужный ему формат иконки. Это не обязательно должен быть формат .ico. Можете использовать png с прозрачностью.


<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="48x48">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">

А теперь поговорим о способах встраивания иконки на сайт вордпрес. Более подробнее написано на странице добавить фавикон на сайт. Тут есть три способа:

Установка при помощи плагина

Установка при помощи плагина. Тут вам нужно установить специальный плагин All in One Favicon. Затем перейдите в настройки плагина и просто подгружаете понравившуюся вам картинку

Ручная установка

Загрузите вашу иконку в корень сайта. Вы можете сделать эту операцию вручную или через FTP соединение. Для FTP-соединения подойдёт программа FileZila. Перейдите в админке в раздел «Внешний вид» –> «Редактор». Найдите там файл header.php. Пропишите следующий код в этом файле.


<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); 
?>/favicon.png" />

Установка через тему WordPress

Найдите в вашей теме оформления специальный раздел отвечающий за настройки внешнего вида. Там возможно будет возможность напрямую подгрузить картинку на сайт. Если нет возможности подгрузки картинки, то есть ещё один способ. Загрузите скачанный фавикон в корень сайта и в настройках внешнего вида в разделе дополнительные коды в «header» прописываете фавикон:


<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
просмотры: 582, уровень: лёгкий уровень, рейтинг: 0, дата: 2019-01-14 12:50:26
проголосовать:

Комментарии:






поиск
реклама
банеры
домен RU всего за 99 рублей
http://trainingweb.ru/redirect/domains домен RU домен RU всего за 99 рублей
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.
http://trainingweb.ru/redirect/pingadmin мониторинг сайтов сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP