Люди используют WordPress для создания веб-сайтов для частных лиц и предприятий. Один из способов помочь постоянным посетителям узнать, что сайт принадлежит вам, — это создать собственный значок WordPress.
Содержание
ToggleЧто такое фавикон?
Фавикон — это значок, который отображается на вкладке или в окне браузера, а также в списке закладок или избранного, специально связанных с конкретным сайтом. Если браузер не находит пользовательский значок, вместо него отображается значок по умолчанию.
Фавикон WordPress часто представляет собой крошечную версию логотипа сайта. Возможно, вы сможете уменьшить логотип до размера фавикона, но обычно необходимо создать логотип, связанный с исходным логотипом.
Почему я должен использовать Favicon?
Компании должны иметь фавикон, чтобы повысить узнаваемость и поощрить доверие потенциальных клиентов. Брендинг позволяет посетителям мгновенно узнавать сайт. Это добавляет преемственности и легитимности.
Физические лица также могут использовать фавикон по тем же причинам, хотя в большинстве случаев целью являются повторные посетители, а не покупки.
Спецификации фавиконки
Размер фавикона в WordPress составляет 16×16 пикселей. Однако некоторые другие браузеры и приложения используют больший размер, от 16 до 195 квадратных пикселей.
Если вы придерживаетесь размера 16 × 16, приложения, использующие большие размеры, обычно увеличивают его, что часто приводит к пикселизации. Из-за этого для идентификации сайта WordPress вместо этого требуется 512 × 512.
Некоторые распространенные альтернативные размеры:
- 24 пикселя — значок закрепленного сайта в Internet Explorer 9.
- 72 пикселя — значок на главном экране iPad.
- 128 пикселей — значок, используемый в Интернет-магазине Chrome.
- 195 пикселей — значок, отображаемый на Opera Speed Dial
Форматы фавиконки
Фавикон не будет отображаться правильно, если он сохранен в неправильном формате. Наиболее распространенным форматом является Windows ICO, что было первоначальным требованием. Он может поддерживать различные размеры и разрешения для использования на нескольких платформах. Это единственный формат, используемый Internet Explorer.
PNG является наиболее удобным для пользователя вариантом, поскольку почти любая графическая программа будет сохранять в этом формате, он обеспечивает небольшой размер файла и позволяет при желании сделать значок фавикона прозрачным.
Opera поддерживает использование SVG для фавиконов, хотя это единственный браузер, который это делает.
GIF, JPG и APNG являются вариантами, но они менее полезны, поскольку их разрешение хуже и они могут отвлекать. Отвлечение особенно вероятно с анимированными файлами GIF и файлами APNG, которые также анимированы.
Создание фавикона
Создание фавикона WordPress для повышения узнаваемости вашего сайта — отличная идея. Вы можете создать его в графической программе на своем компьютере или использовать бесплатный веб-сайт в Интернете, например, favicon-generator.org или favicon.cc.
Примите во внимание следующие факторы, чтобы повысить ценность вашего фавикона.
Бренд
Самая важная причина иметь фавикон — это быть узнаваемым. Создайте дизайн, который представляет продукт или услугу, которую вы предлагаете, или дизайн, который соответствует логотипу вашего бренда. Изображение, которое имеет непосредственное отношение к вашему бренду, например, уменьшенная версия логотипа или основная буква или буквы названия компании, идеально подходит.
Простота
Из-за своего небольшого размера лучше всего использовать простое. Основные формы или буквы — хороший выбор для наглядности. Когда посетители узнают его с первого взгляда, это наиболее эффективно. Чем больше деталей вы пытаетесь включить, тем труднее посетителю понять, что это за значок. Важны точность, смелость и ясность.
Цвета
Высокая контрастность улучшит читаемость и повысит узнаваемость. Рассмотрим фавиконы таких сайтов, как NBC и Netflix. Их сайты сразу очевидны. Сайты, которые имеют четкую цветовую идентичность, должны включать этот цвет в свой значок WordPress. Опять же, будьте проще. Слишком много цветов может привести к нечеткому изображению.
Как добавить фавикон в WordPress
Добавьте фавиконку WordPress одним из следующих способов:
1) Используйте встроенную опцию значка сайта в WordPress.
Наведите курсор на «Внешний вид» и выберите «Настроить», затем перейдите на вкладку «Идентификация сайта». Значок сайта находится в нижней части левой панели и позволяет выбрать любое квадратное изображение размером 512 пикселей или больше, размер которого затем изменяется по мере необходимости.
Если выбранный вами файл не является квадратным, WordPress предоставляет интерфейс для обрезки изображения до квадрата.
2) Отредактируйте header.php
Отредактируйте файл header.php в вашей текущей теме и добавьте этот код:
<link rel=”icon” href=”https://www.yourdomain.com/favicon.ico” type=”image/x-icon” >
<link rel=”shortcut icon” href=”https://www.yourdomain.com/favicon.ico” type=”image/x-icon” />
Замените «вашдомен» на доменное имя вашего сайта и обязательно загрузите фавиконку в веб-пространство.
Если вы хотите, чтобы WordPress не отменял изменения в обновлении, создайте дочернюю тему перед редактированием и отредактируйте файл дочерней темы вместо основного файла темы.
3) Используйте плагин WordPress.
Используйте один из плагинов, которые мы перечисляем ниже.
Как изменить фавикон в WordPress
Изменение фавикона WordPress аналогично его добавлению. Те же методы работают для загрузки нового фавикона. Также можно загрузить новый и перезаписать старый, что изменит его, когда посетители очистят свой кеш или сделают жесткое обновление.
Упростите работу с помощью плагина WordPress Favicon
Упростите процесс добавления или изменения значка WordPress, установив плагин.
- Вы можете использовать плагин Insert Headers and Footers, чтобы легко добавить приведенный выше код. Вставьте код в раздел заголовка и сохраните его.
- Плагин All in One Favicon добавляет функциональность, облегчающую процесс добавления фавикона.
- RealFaviconGenerator — это плагин, который генерирует значки на основе требований браузера.
- Еще один популярный плагин — Heroic Favicon Generator, который создает фавикон из загруженного изображения или изображения, которое уже есть в вашей медиатеке. Он использует перетаскивание для загрузки файлов изображений.
Почему мой фавикон WordPress не отображается?
Есть несколько возможных причин ошибок favicon, от ошибок пользователя до особенностей браузера.
Кэш
Когда ваш веб-сайт кэшируется, изменения таких элементов, как значок значка, требуют времени, чтобы отобразиться. Вы можете ускорить процесс, выполнив аппаратное обновление (Ctrl + F5) или очистив кеш браузера. Если это не решит проблему, проверьте тип файла значка. Если это не файл .ico, возможно, он несовместим с браузером.
Опечатки
Если у вас есть опечатка в коде, фавикон, скорее всего, выдаст ошибку, а не отобразит. Простые ошибки, такие как отсутствующая кавычка, косая черта или квадратная скобка, вызывают ошибки, которые искажают изображение и, возможно, всю веб-страницу. Внимательно проверьте код Местоположения фавиконки WordPress.
Ссылка на файл также очень специфична. Если ссылка (часть в кавычках href) указывает на несуществующее изображение, фавикон не будет отображаться. Будьте осторожны, чтобы загрузить файл favicon и скопировать точную ссылку. Лучший способ сделать это — использовать медиатеку внутри WordPress.
Локальный вид
Если вы проверяете отображение на локальном компьютере, а не загружаете интернет-страницу, значок WordPress не будет отображаться, потому что большинство браузеров не ищут значок локально. Проверьте страницу в Интернете, чтобы убедиться, что она отображается посетителям.
Неправильный тип изображения
Тип файла по умолчанию для изображения фавиконки — .ico («image/ico»). Когда используется другой тип файла, например PNG или SVG, это необходимо настроить в коде при использовании метода редактирования темы. Тип файла должен соответствовать типу файла изображения. Например, в файле PNG должно быть указано «image/png» вместо «image/ico».
Как добавить фавикон в WordPress?
Самый простой способ добавить фавикон WordPress — использовать раздел «Идентификация сайта» в разделе «Настройка». Второй самый простой — использовать плагин. Вы также можете добавить значок вручную, отредактировав тему.
Где находится фавикон в WordPress?
Сам значок отображается в заголовке вкладки или окна. Он также отображается в списках закладок. Этот параметр находится в разделе «Внешний вид» в разделе «Настройка». Оттуда нажмите «Идентификация сайта», и значок сайта в нижней части левой панели — это то место, куда вы загружаете свой значок.
Какого размера фавикон WordPress?
16 × 16 пикселей — это размер по умолчанию, но если вы используете метод Site Identity, размер изображения должен быть 512 × 512 пикселей. Программное обеспечение уменьшит изображение до нужного размера для каждого браузера или устройства.
Как изменить фавикон в WordPress?
Вы меняете фавикон так же, как добавляете его. Либо перейдите в «Внешний вид» → «Настроить» → «Идентификация сайта», измените его в своем плагине или загрузите новый файл favicon.ico, перезаписав предыдущий.