Хотите узнать, как легко добавить фавикон WordPress? Узнайте, следуя этому руководству
Фавикон — это небольшой квадратный значок, представляющий ваш сайт. Обычно он отображается рядом с названием веб-сайта на вкладке браузера. Фавикон также появляется в истории вашего браузера, закладках и везде, где вашему веб-сайту нужна визуальная идентификация.
Эта небольшая деталь необходима для вашей онлайн-идентификации. Мы обсудим фавикон WordPress и как добавить его на свой веб-сайт WordPress.
Но прежде чем мы начнем, если вы никогда не устанавливали WordPress, узнайте Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге
Тогда вернемся к тому, почему мы здесь.
Почему важно добавить фавикон на свой сайт
Фавикон — это идентификатор вашего веб-сайта; поэтому ваш логотип с большей вероятностью появится там. Игнорирование его присутствия на вашем сайте действительно является ошибкой.
Вот несколько причин, по которым фавикон жизненно важен для вашего сайта.
- Выступает как признание марка
Большинство пользователей склонны открывать несколько вкладок в своем браузере. Без фавикона вы можете видеть только название страницы или поста во вкладке браузера. Кроме того, если вы откроете более 20 вкладок, они станут короче, и будет трудно определить, какая вкладка представляет какой веб-сайт.
Наличие фавикона помогает пользователям легче находить каждую вкладку. Если ваш фавикон выделяется, это не только улучшит вашу видимость, но и пользовательский опыт. - Завоевать доверие
Вы произведете на пользователей плохое первое впечатление, если у вас нет фавикона. Сайт без фавикона не выглядит профессионально.
Если вы создаете веб-сайт только для ежедневного ведения блога, отсутствие фавикона может быть неуместным. Но это становится необходимым, когда вы управляете бизнес-сайтом или интернет-магазином.
Ваш посетителей не будет доверять ни одной транзакции на веб-сайте, который не выглядит профессионально. - Улучшение мобильного опыта
Это эра мобильного опыта. Адаптивного веб-сайта может быть недостаточно, чтобы порадовать мобильных пользователей, в основном потому, что веб-приложения сейчас находятся на подъеме.
Пользователи могут просто добавить веб-сайт в закладки на главном экране своего телефона. Больше не нужно вводить URL!
В этой ситуации хорошо сделанный фавикон будет служить вам двумя разными способами. Во-первых, фавикон будет использоваться в качестве значка приложения, а во-вторых, люди, использующие ваше веб-приложение, запомнят ваш значок. Таким образом, ваш фавикон будет связан с вашим сайтом.
Создание фавикона для WordPress
Обычно ваш фавикон — это логотип вашего бренда. Для изображения WordPress рекомендует использовать квадрат, либо 512px х 512px.
Вы можете использовать изображение большего размера, но WordPress, скорее всего, потребует, чтобы вы обрезали его до нужного размера.
Чтобы создать изображение точного размера 512 пикселей x 512 пикселей, вы можете использовать любое программное обеспечение для редактирования изображений, например чем Adobe Photoshop (оплачивается) и Gimp (бесплатно) или генераторы фавиконов
Хотя вы можете выбрать цвет фона для своего фавикона WordPress, прозрачность предпочтительнее. Вы можете использовать форматы . Jpeg,.ICO, . Gif ou . Png (только обязательно используйте формат . Png если вы используете прозрачный фон).
Как только изображение будет готово, вы можете добавить его на свой веб-сайт WordPress одним из следующих трех способов:
1. Добавление фавиконки WordPress через настройщик WordPress
Из версии WordPress 4.3, вы можете просто добавить фавикон WordPress из области администрирования. Для этого выполните следующие действия:
- Доступ к Votre панель администратора
- Наведите указатель мыши на Внешний вид -> Настроить
- Выбирать идентификация веб-сайта
- Cliquez-сюр- кнопка «Выбрать» картинка под раздел иконок сайта
- Загрузите свой favicon, который был подготовлен
- Cliquez-сюр- кнопка "Опубликовать" чтобы сохранить изменение.
Если вы все сделаете правильно, ваш значок появится рядом с названием вашего сайта. Чтобы настроить это на мобильном устройстве, перейдите на свой веб-сайт с телефона и выберите Добавить на домашний экран.
Теперь ваш значок появится на главном экране.
2. Добавьте фавикон на сайт с помощью плагина WordPress.
Вы также можете добавить фавикон в WordPress с помощью плагина под названием Favicon по RealFaviconGenerator. Он прост в использовании и предлагает больше возможностей. Вот необходимые шаги:
- Доступ к вашему панель администратора
- Выберите Расширения -> Добавить
- тип Favicon по RealFaviconGenerator в поле поиска
- Установите и активируйте Плагин Wordpress
- После активации перейдите в Внешний вид -> Фавикон
- Загрузите изображение, которое хотите установить в качестве фавиконки. Вам не нужно редактировать изображение с помощью программного обеспечения для редактирования изображений. Плагин сделает это за вас. Просто убедитесь, что ваше изображение имеет размер не менее 70 х 70px. Еще лучше, если он больше, чем 260 260 х ПВ.
- После того, как вы загрузили изображение, нажмите кнопку Создать фавикон.
- После нажатия на кнопку плагин перенаправит вас на сайт RealFaviconGenerator.
- На сайте найдите и нажмите Создайте свои фавиконы и HTML-код.
- Плагин вернет вас на ваш сайт. Вы получите уведомление о том, что ваш фавикон настроен.
- Проверьте, как выглядит ваш фавикон в браузере и на мобильном устройстве.
3. Вручную добавьте фавикон WordPress на веб-сайт
Мы рекомендуем протестировать это на вашем местном веб-сайте разработки, прежде чем оно будет запущено.
- Доступ к файлам вашей темы через клиент Ftp или файловый менеджер
- Найдите папку
/wp-content/themes/votre-theme
- Загрузите свой значок в папку с темой. Рекомендуется скачать его в подпапку типа Активы
- Запомнить этот путь к файлу
- Найдите файл с именем functions.php и добавьте следующий код:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');
- Строка после
href="'.get_template_directory_uri()
должен быть путь к вашему favicon. Также убедитесь, что у вас правильное имя файла. Если вы используете формат .ico-файл, будет так:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
add_action('wp_head', 'add_favicon');
Наличие фавиконки обязательно! Особенно, когда это так легко создать. Фавикон представляет личность вашего веб-сайта. Он может занимать совсем немного места на вашем веб-сайте, но эта маленькая деталь играет особую роль в повышении узнаваемости вашего бренда и пользовательского опыта.
Другие рекомендуемые ресурсы
Мы также приглашаем Вас проконсультироваться Ressources ниже, чтобы получить больше прав собственности и контроля над своим веб-сайтом и блогом.
- Как добавить аутентификацию Gmail на WordPress
- Как удалить тему WordPress с сайта
- Как установить домашнюю страницу в WordPress
- Elementor: как добавить звуковой эффект кнопки
- Как создать пользовательские шаблоны WordPress
Заключение
Это все, что касается этого руководства, в котором объясняется, как добавить Favicon в WordPress. Если у вас есть какие-либо проблемы или предложения, сообщите нам об этом в течение Комментарии.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
В то же время, поделитесь этой статьей в разных социальных сетях.
...