Статьи

Понимание Фавикон WordPress

WordPress является самой популярной платформой для блогов, но у нее все еще есть множество функций, которые могут показаться загадкой для ее пользователей.

Эта статья будет посвящена значку WordPress, который представляет собой значок, связанный с веб-сайтом, который используется, когда этот веб-сайт добавлен в закладки. Этот небольшой значок, 16 на 16 пикселей, отображается рядом с URL-адресом веб-сайта в адресной строке интернет-браузера или в виде значка для ярлыков Интернета на рабочем столе или в других папках.

Фавикон, сокращение от иконки избранного, является визуальным идентификатором для определенной веб-страницы.

Далее вы найдете полезную информацию о favicon, его преимуществах, процессе проектирования и установки, а также обо всех преимуществах, которые он предоставляет пользователям WordPress.


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

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

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

Во-вторых, favicon — это мощный инструмент брендинга, который может помочь вашему сайту занять более высокие позиции в поисковых системах. Это преимущество может в конечном итоге направить больше трафика на вашу веб-страницу. Так же, как логотип и название, значок favicon добавляет профессиональный имидж, который вы изображаете перед своими клиентами.

Если вы серьезно относитесь к своему бизнесу и профессионализму своего веб-сайта WordPress, то значок favicon определенно стоит учитывать.

В-третьих, в браузерах, которые поддерживают «просмотр с вкладками», таких как Firefox, Google Chrome и большинство других часто используемых браузеров, значок помогает пользователю определить, какая вкладка имеет какой веб-сайт, что значительно упрощает работу в Интернете.

Это визуальное напоминание — еще одна вещь, которая может помочь посетителям запомнить ваш сайт и побудить их возвращаться снова и снова.


Существуют различные способы создания иконки. Одним из вариантов является использование графической программы, которая позволяет сохранять файлы с расширением .ico , например, GIMP , Corel Draw или Photoshop . Даже MS Paint можно использовать для создания иконки!

Идеальная программа для вас просто зависит от того, с какой из них вы более знакомы.

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

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

Если внешний вид не соответствует вашим ожиданиям, вам придется начать все сначала и создать новый образ. Попробуйте использовать цвета, уже присутствующие на вашем сайте, чтобы они соответствовали. Не перестарайся; Примите во внимание небольшой размер иконки и постарайтесь сделать дизайн как можно более простым. Тем не менее, вы все равно должны убедиться, что изображение в некоторой степени отражает вашу веб-страницу. Это поможет посетителям лучше подключить значок к вашему бренду.

Если вы не слишком уверены в своих дизайнерских навыках, вы, безусловно, можете нанять кого-нибудь, чтобы создать иконку для вас. Тем не менее, это, как правило, не стоит инвестиций, так как с несколькими пробами и ошибками, вы, безусловно, можете придумать значок, который вас удовлетворит. Это может занять несколько попыток, но в конце вы обязательно создадите идеальный значок для своей веб-страницы.

16×16 пикселей — это довольно маленький холст для работы, поэтому вы можете начать с более крупного, который позволит вам использовать свое творчество и изменить его размеры до нужных размеров, как только вы закончите изображение.

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

Чтобы помочь вам в этом, графические программы обычно имеют инструменты, позволяющие регулировать резкость изображения. Убедитесь, что вы используете их, чтобы получить максимально четкое изображение. После того, как вы создали понравившуюся вам иконку, сохраните ее как « favicon.ico» на вашем компьютере.

Другой вариант создания избранного — использовать онлайн-сервис, такой как ConvertICO.org , который позволяет вам получить 24-битную иконку с прозрачным фоном, совершенно бесплатно. Каждый такой онлайн-сервис поставляется с инструкциями, которые необходимо соблюдать, чтобы создать свой значок. Внимательно прочитайте их, прежде чем начать работу над иконкой. После того, как вы закончили процесс, вы можете просто загрузить изображение на свой компьютер, откуда вы можете загрузить его на свою веб-страницу WordPress.

Два представленных выше варианта описывают создание значков в формате .ico . Однако вы также можете использовать изображения с расширением .gif или .png , если они соответствуют стандарту 16 на 16 пикселей.

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


Еще раз, у вас есть несколько способов установить значок сайта на вашем сайте WordPress. Существуют различные плагины, которые вы можете установить, которые могут сделать это за вас, или вы можете настроить favicon самостоятельно. Ручной процесс установки favicon не так уж сложен, как только вы его освоите, поэтому плагин не является обязательным в этой ситуации.

Во-первых, вы должны загрузить изображение favicon, которое вы создали с вашего компьютера, на ваш сайт. Чтобы загрузить значок, вы должны использовать FTP-клиент, например FileZilla , который загрузит значок в основную папку вашей темы. Кроме того, вы также должны загрузить копию значка избранного в основной каталог вашего веб-сайта, где будет отображаться значок в фид-ридерах ваших подписчиков.

Если у вас уже есть другой значок, убедитесь, что вы удалили его, прежде чем загружать новый, иначе он не будет работать. Чтобы удалить старый значок, вы должны найти его в главной папке текущей темы и удалить его с помощью FTP-клиента. Убедитесь, что старый значок или значок по умолчанию удален как из темы, так и из корневого каталога.


Чтобы значок появился в старых браузерах, необходимо выполнить процесс редактирования.

Во-первых, войдите в свою учетную запись и перейдите на панель управления WordPress. Далее нажмите на внешний вид. После этого нажмите на ссылку «Редактор». Там вы должны выбрать файл с именем «Header (header.php)», чтобы отредактировать его.

Находясь в файле заголовка, найдите строку кода, которая начинается с <link rel="shortcut icon" и заканчивается на /favicon.ico" /> . Если он уже существует, перезапишите его новым кодом. В противном случае, под HTML-тегом <head> вставьте следующий код:

1
<link rel=»shortcut icon» href=»<?php bloginfo(‘stylesheet_directory’); ?>/favicon.ico» />

Чтобы изменения вступили в силу и чтобы ваш значок появлялся в адресной строке, обязательно нажмите «Сохранить».

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

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

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


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

Использование favicon может сделать вашу веб-страницу выделенной среди миллионов других пользователей WordPress, которые просто используют основной значок. Favicons легко создавать и устанавливать, они абсолютно бесплатны, и, самое главное, они могут помочь сделать ваш сайт WordPress намного более успешным.

Из-за этого favicon является одной маркетинговой стратегией, которую ни один пользователь WordPress не должен игнорировать.