IT Blog. Code Inside

Опубликовано: 01.09.2018

Что такое фавикон?

Фавикон (favicon) - графическое изображение относительно небольшого размера, предназначенное для зрительного идентифицирования конкретного портала в количестве открытых вкладок, закладок или в списке результатов поиска. Как правило, оно содержит логотип или значок, относящийся к деятельности сайта. Возможные форматы - PNG и ICO.

Как создать фавикон?

Конечно, можно найти готовый вариант на просторах интернета или сделать его самостоятельно. Для этой цели подойдет любой графический редактор, в том числе Paint или Photoshop. Необходимо создать изображение размером 128 × 128 пикселей и используя инструменты программы нарисовать картинку. Затем сохранить результат в формате ICO или PNG. Конечно, это не единственный способ. Существует множество онлайн-сервисов, разработанных для создания фавиконов. Кроме того, можно выбрать понравившееся изображение и конвертировать его в favicon.ico.

Нужно ли уменьшать фавикон перед загрузкой в WordPress?

Такой вопрос возникает у многих. WordPress, как и любая другая система управления сайтом, в данном случае не требует изменений размера. Для размещение подойдет файл как 128 х 128 пикселей, так и 16 х 16. Браузер сам сожмет его и покажет в нужном размере, при этом загруженная картинка при повторном сохранении не теряет качества и имеет изначальные параметры.

Перейдем в админку веб-портала, а точнее — раздел “Внешний вид”/“Темы”, и посмотрим, как лучше всего добавить фавикон к конкретному сайту.

Добавление фавикона в шаблон сайта

Большинство премиум-тем и некоторые бесплатные уже "из коробки" имеют отдельные настройки для установки фавикон. Так что первый способ добавления фавикона на сайт — через шаблон. Кликните на кнопку “Настроить” на активной теме веб-портала и найдите вкладку “Свойства сайта”:

найдите блок настроек “Иконка сайта”;

загрузите файл (расширение .ico не поддерживается), нажав на кнопку “Выбрать изображение”;

нажмите кнопку “Сохранить и опубликовать”:

Добавление фавикона при помощи плагина

Если по тем или иным причинам вам не подходит первый способ добавления фавикона на сайт, вы всегда можете воспользоваться плагинами. Например, установим и активируем в админке расширение Favicon XT-Manager .

Теперь перейдите в новый пункт меню — XT-Favicon, заполните предложенные поля, как показано на скриншоте, и сохраните изменения:

Добавление фавикона в файл header.php

Рассмотрим еще один способ добавления иконки. Имейте ввиду, при обновлении темы изменения, сделанные таким образом, могут потеряться. Лучше создать дочернюю тему, и вносить изменения в ней.

Итак:

откройте папку сайта через ФТП-клиент или диспетчер файлов на хостинге;

загрузите в него файл favicon.ico. После загрузки проверьте, чтобы файл был доступен по адресу ваш-сайт/favicon.ico:

перейдите в папку /wp-content/themes/активная_тема/ и откройте в режиме редактирования файл 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" />

Результат

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

Источник:  s-host.com.ua .

3D стерео фильмы для 5D
    Как купить билеты на поезд

    Я всегда в последнее время пользуюсь услугами настоящего интернет сайта. Он у меня внушает доверие. И здесь придбати квитки возможно в любое

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

    Поступления в университет
    Перед всеми выпускниками школ и их родителями сейчас стоит задача – выбор предметов единого государственного экзамена (ЕГЭ). От того, какие ЕГЭ будут выбраны, зависит, поступит ребенок в ВУЗ или нет.

    Видеонаблюдение Novicam в Екатеринбурге
    По своей сути подключение видеорегистратора к локальной сети совершенно не отличается от подключения обычного компьютера к локальной сети.  Для того что бы система видеонаблюдения начала функционировать

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

    Комплект инсталляции Grohe 6в1
    Вместо обычного унитаза многие люди предпочитают, чтобы было сочетание инсталлированной конструкции унитаза с определенным видом отделки. Особенно такая инсталляция включают в себя раму, которая покрыта

    Авіаквитки купити
    В наше время все больше людей путешествуют с помощью самолета. Ведь авиаперевозки пассажирские стали намного доступнее. И приобрести билеты становится с каждым днём все легче и легче. К примеру, на данном

    Повербанк оптом
    В данной группе представлены переносные зарядные устройства Power Banks. Power Banks - Повер банк, Пауер банк, Павер банк, как только не переводят на русский язык. Единого мнения на счет перевода не будет.

    Cbd vape pen buy online
    Представители просвещенной части прогрессивного человечества сегодня являются активными приверженцами здорового образа жизни и предпочитают лечится только с помощью средств натурального происхождения.

    Зарплата ру
    Еженедельный журнал работа и зарплата вакансии в Москве выходит крупным тиражом в 100 тыс. экземпляров, имеет большую аудиторию читателей, среди которых люди с различным образованием, доходом и социальным

rss