Genesis Framework: Изменение по умолчанию Favicon

Изучите несколько методов для изменения фавиконки по умолчанию, используемый в Бытии Framework для WordPress. Также узнайте, как добавить новый пользовательский фавиконки в свой веб-сайт WP.

A+ A-

Favicon (также известный как значок ярлыка) является крошечное изображение, которое вы видите на вкладке браузера при открытии веб-сайта. Favicon получил свое название от термина "любимой иконы", потому что эта икона также получает хранится при добавлении сайта к избранным или когда вы закладки веб-сайта. Многие блоггеры и веб - мастера принимают это как должное и не обращать внимание на использование хорошего фавиконки. Favicon является важным вопросом, поскольку он добавляет к брендингу вашего сайта. Favicon является визуальным, что запечатлевается в виду ваших посетителей. Это также делает вкладку вашего сайта легко найти, если пользователь открыл десятки сайтов в своем браузере.

Те блоггеры , которые недавно начали использовать Genesis Framework на своих WordPress сайтов, найти это немного сбивает с толку , как , как изменить Genesis фавиконки по умолчанию. Обычно Favicon настроен со следующей строки кода в головной элемент Вашего сайта:

<link href="path-to-icon-file" rel="Shortcut Icon" type="image/x-icon" />

Но в Бытие Framework, вы не получите место, чтобы изменить свой файл темы таким же образом, как вы получите в простых темах WordPress. Причина заключается в том, что Бытие организовано немного по-другому. Давайте узнаем, как вы можете изменить Favicon на вашем Genesis на основе веб-сайта.

Способ 1: Заменить существующий FavIcon файл через FTP

Это самый простой способ, и я настоятельно рекомендую его. Как вы можете видеть, Genesis Framework имеет свою собственную иконку (который, в настоящее время выглядит как [G]), все, что вам нужно сделать, это заменить значок по умолчанию.

Создание Favicon

Перед тем, вы можете загрузить новую фавиконки, вы должны иметь один! Итак, вам нужно создать. Большинство людей хотели бы использовать логотип своего сайта в качестве фавиконки. Есть интернет-утилиты, которые могут преобразовать ваш файл логотипа в фавиконки (ICO-файл). Вы можете использовать Convert Icon , чтобы сделать это.

Проблема с конвертированием Логотип в Favicon

Значок сайта должен быть 16 × 16 пикселей размеров. Проблема заключается в том, что большинство логотипов не хорошо выглядеть в 16 × 16 размер пикселя. Уменьшая логотип такого небольшого размера может сделать его почти неясный. В таких случаях вам нужно будет создать совершенно новый и простой фавиконки.

Для того, чтобы сделать новый фавиконки с нуля, вы можете использовать PhotoShop и создать JPG файл 16 × 16 измерение. Затем вы можете преобразовать этот файл в ICO-файл с помощью вышеупомянутой утилиты.

Иметь значок? Теперь Вы можете добавить его!

Имя файла FavIcon как favicon.ico

Откройте свой FTP-клиент (это может быть FileZilla, CuteFTP или любую другую программу по вашему выбору)

Подключение к серверу, а затем перейти к следующему пути:

public_html> WP-содержание> темы>-тема-имя-ваш генезис> Изображения

Теперь загрузите новоиспеченный favicon.ico и overwirte файл поддержки существующих.

Виола! Вы сделали это!

Способ 2: Изменение Genesis Framework код для изменения

Хотя метод 1 подходит для большинства из вас, но по причинам бы то ни было, если вы не можете создать файл ICO и хотите использовать GIF или PNG-файл вместо этого, то вы не можете использовать метод 1.

В таком случае, вы можете изменить Genesis код и использовать другой ICO, GIF или PNG-файл в качестве фавиконки.

Вход в WordPress и перейдите к Внешний вид> Редактор> functions.php

В этом файле, добавьте следующий код в нижней части:

/** Add new custom favicon */
add_filter( 'genesis_pre_load_favicon', 'custom_favicon' );
function custom_favicon( $favicon_url ) {
    return 'http://www.techwelkin.com/images/favicon.png';
}
Шаги для изменения фавиконки путем модификации Genesis файл functions.php

Шаги для изменения фавиконки путем модификации Genesis файл functions.php

Примечание: Вы должны изменить путь к файлу , используемый в приведенном выше коде с пути вашего собственного файла FavIcon.

И , наконец, сохраните изменения, нажав кнопку Обновить файл.

Вы должны использовать Плагины для изменения Favicon?

Если у вас нет доступа к серверу (давай! ... На самом деле ?!) вы не будете иметь возможность использовать любой из указанных выше способов. Для таких неожиданных ситуаций, есть плагины, которые там могут загружать файл Favicon для вас. Вы можете использовать Genesis Favicon Uploader плагин для этого.

Я бы не рекомендовал использовать этот метод, но если вы должны использовать его -вы должны удалить плагин после того, как загрузка будет сделано. Не рекомендуется использование и хранение плагинов для мелких задач.

Я надеюсь, что это было полезно для вас. Пожалуйста, не стесняйтесь спросить, если у вас есть какие-либо вопросы по этой теме. Я буду счастлив, чтобы попытаться помочь. Благодарим Вас за использование TechWelkin!

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

Входящие с помощью Google была одна из лучших вещей, которы...

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии