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
    Как купить билеты на поезд

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

    Custom plugins and WordPress themes
    Шаблоны страниц в WordPress являются отличным способом изменить структуру страниц или добавить им функциональности. Создание собственного шаблона страниц может быть не простым делом, особенно для новичков,

    Продукт WooCommerce
    Каждый умный человек в современном мире прекрасно понимает, что в двадцать первом веке просто нельзя упускать возможность узнать или же научиться чему-либо новому. Особенно, если речь касается электронной

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

    Заказ такси в Киеве от 30 грн
    Если неудачи в жизни для вас нормой, в первую очередь необходимо проанализировать, откуда растут корни ваших проблем. Скорее всего, вы человек неорганизованный и постоянно опаздываете. В мегаполисе это

    Тайверб Тайверб
    Прочие ингредиенты: целлюлоза микрокристаллическая, повидон К30, натрия крахмалгликолят, магния стеарат, opadry желтый YS-1-12524-A. Лапатиниб содержится в форме лапатиниба дитосилата моногидрата. № UA/8847/01/01

    Шкафы купе в наличии
    Известно, что шкафы-купе поступили в ассортимент магазинов корпусной мели более 20 лет назад и сразу же заняли ведущие роли среди другой мебели. Их используют в помещениях, где разместить стандартный

    Копаксон
    Конкурентно замещает антигены миелина в местах связывания с молекулами главного комплекса гистосовместимости класса II на поверхности клеток, несущих антигены. Следствием этого является активация образования

    Begin.com.ua/
    Подбором персонала занимается HR-менеджер, но часто такая должность отсутствует в компании, и его обязанности берут на себя или директор, или его заместитель. Если выбор сотрудников окажется неправильным 

    Бесплатная раскрутка сайтов ucoz
    Необходимо для себя выяснить, какая цель преследуется при раскрутке Интернет проекта. Здесь всё просто, так как чаще всего это возможность при помощи различных способов и средств увеличить поток посетителей.

rss