Как подключить favicon в wordpress

Favicon для сайта WordPress

От автора

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

Вступление

favicon для сайта WordPress: этапы установки

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

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

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

Мало? Держите список сервисов для создания иконок:

• iconfinder.com
• freepik.com/free-icons
• fian.my.id
• ru.iconka.com
• genericons.com
• materialdesignicons.com
• flaticons.net
• iconbird.com
• iconizer.net
• webhostinghub.com
• iconspedia.com
• iconsearch.ru
• icons8.com
• glyphicons.com
• findicons.com
• icomoon.io
• iconarchive.com
• themify.me
• fontawesome.io
• thenounproject.com
• flaticon.com
• fontello.com

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

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

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

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

В редакторе справа из списка файлов шаблона доступных для редактирования, ищем файл [functions.php]. Открываем его для редактирования. Не забывайте, перед редактированием сделать резервную копию сайта. Также, без опыта, редактируйте файлы на из консоли, а в любом текстовом редакторе, например, Notepad++.

READ  Как подключить хбокс 360 к компьютеру через wifi

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

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

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

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

Дополнения

Начиная с версии WordPress 4.3 в ядре сайта появилась функциональность favicon. Теперь не нужно работать с кодом сайта или использовать сторонние плагины для добавления иконки сайта. Во всех темах WordPress установка (замена) фавикона (значок сайта) есть по умолчанию.

Чтобы установить фавикон сайта:

Источник

Как установить фавикон на сайт WordPress. Урок 30.

Фавикон или иконка сайта – это маленькое изображение во вкладке браузера. Фавикон помогает пользователю сориентироваться, если в браузере открыто много вкладок, а также узнать ваш сайт в поисковой выдаче.

Например, вот фавикон нашей вебмастерской.

Сейчас вы установите свой фавикон себе на сайт. Для того чтобы получить фавикон, есть три способа, как и в случае с логотипом:

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

А вот способ поиска фавикон в интернете требует пояснений, не смотря на кажущуюся простоту. Дело в том, что иконка сайта должна соответствовать требованиям:

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

Чтобы найти фавикон в интернете, нужно использовать специальный поисковик FindIcons.com. Перейдите в него, и вы увидите такую страницу.

Этот сервис на английском языке. Поэтому и запросы в нём нужно писать по-английски. Если вы затрудняетесь, то воспользуйтесь переводчиком.

READ  Как подключить электрику фаркопа на сузуки гранд витара

Например, я напишу запрос «aircraft» — «самолёт». Чтобы начать искать, нажмите «Search».

Появятся результаты поиска. По моему запросу нашлось всего две картинки. Для того чтобы скачать фавикон на свой компьютер, нажмите на желаемый формат около картинки – ico. После этого начнётся скачивание картинки. Также может появиться запрос на выбор размера. Если он будет, то выберите 32 х 32 пикселей.

Возможно, что выбранной вами картинки не будет в нужном формате или в нужном размере. Тогда придётся выбрать другую картинку.

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

Теперь, когда фавикон есть у вас на компьютере, его нужно установить на сайт. Для этого перейдите в пункт «Внешний вид», подпункт «Frontier настройки». Здесь найдите область «Значок» и нажмите кнопку «Загрузить».

Появится стандартный загрузчик WordPress, через который нужно загрузить фавикон с компьютера.

Иконка сразу появится в предпросмотре. Нажмите кнопку «Сохранить».

Теперь зайдите на ваш сайт, и вы увидите, что в заголовке вкладки появился ваш фавикон.

Источник

Как добавить Favicon на WordPress

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

Зачем вообще нужен favicon? Ведя поиск в интернете, часто пользователи открывают множество вкладок в браузере. С большим количеством вкладок названия страниц сайтов будут спрятаны. Если вы установите favicon, то пользователь сможет отыскать ваш сайт без необходимости проверять каждую открытую вкладку. Это улучшает удобство работы с сайтами и поможет сделать сайт узнаваемым среди пользователей.

Как создать favicon

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

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

Установка favicon на WordPress может осуществляться несколькими методами. Рассмотрим каждый из них.

READ  Как подключить матрицу планшета к скалеру

Метод 1. С помощью панели управления WordPress

Если у вас версия WordPress 4.3 и выше, вы можете добавить favicon непосредственно в администраторской панели управления: выполните вход в панель управления WordPress и перейдите в меню Внешний вид >> Настроить.

Вы попадете в меню Настройки текущей темы вашего сайта. Теперь перейдите в меню Свойства сайта.

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

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

После этого не забудьте нажать на кнопку Сохранить и опубликовать.

Теперь вы можете открыть ваш сайт и увидеть добавленный favicon.

Метод 2. С помощью плагина All In One Favicon

Для начала нужно установить сам плагин. Перейдите в меню Плагины >> Добавить Новый и установите All In One Favicon.

После установки плагина, перейдите в меню Настройки >> All in one Favicon.

Загрузите изображение в строках ICO Frontend и ICO Backend, а затем сохраните настройки.

Теперь обновите страницу вашего сайта и вы увидите добавленный favicon.

Метод 3. С помощью изменения header.php файла

Выполните вход в контрольную панель вашего хостинга. Рассмотрим этот пример на cPanel.

Перейдите в меню cPanel >> Диспетчер файлов.

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

После этого favicon должен отобразиться автоматически.

Однако в некоторых случаях вам необходимо будет внести ручные изменения. Всё зависит от особенностей вашей WordPress-темы.

Важно: перед тем, как вносить какие-либо изменения, убедитесь, что у вас есть резервная копия темы.

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

Выберите для редактирования Заголовок Темы (файл header.php).

Отредактируйте или добавьте следующие строки в код, как это показано на скриншоте:

Не забудьте поменять “yourdomain.com” на ваш домен.

Теперь нажмите на Сохранить файл и перезагрузите страницу.

Делайте блог на хостинге с предустановленным WordPress!
Наша теплая поддержка на связи 24/7

Источник

Поделиться с друзьями
Как подключить и установить...
Adblock
detector