Как добавить значок на страницу в WordPress

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

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

В этом руководстве мы покажем вам два метода. Первый из них будет состоять в создании значка, который мы будем использовать позже. Затем мы покажем вам, как добавить значок на ваш сайт, который работает на основе CMS — WordPress.

Как создать значок

Сначала нам нужно создать свой собственный значок. По умолчанию значок favicon имеет размеры 16 x 16 пикселей или 32 x 32 пикселя. В связи с тем, что favicons часто используются в качестве ярлыков для сайтов в смартфонах и планшетах, наш значок должен иметь не менее 512 х 512 пикселей. Благодаря этому, favicon будет использоваться не только для нужд веб-браузера, но также, например, для мобильных устройств.

Favicon может быть создан с использованием графической программы, такой как бесплатный GIMP. Важно, чтобы вставить или создать логотип для значка не забудьте установить прозрачный фон. В Интернете вы также можете найти множество веб-сайтов, на которых есть генераторы favicon — с помощью простых графических редакторов или возможность загрузки логотипа. Они могут быть, например, favicon-generator.org, favicon.cc или favicomatic.com. Есть много примеров, просто используйте поисковую систему.

Формат favicon не важен. Это может быть JPG, GIF или PNG. После завершения работы сохраните готовый логотип на нашем компьютере.

Как добавить значок на страницу

Как только значок был подготовлен, нам просто нужно добавить его на наш веб-сайт на основе WordPress. Чтобы сделать это, мы заходим на наш веб-сайт, заходим в панель управления WordPress, а затем переходим в левую панель меню на вкладке «Внешний вид> Персонализация». Затем на вкладке «Персонализация» в левой панели настроек нашей темы находится вкладка, которая называется «Идентификация сайта».

 

После открытия этой вкладки мы найдем раздел «Иконки сайта» и загрузим наш значок здесь. Затем, когда значок добавлен, мы сохраняем изменения. Вот и все, изменения доступны сразу. Однако, если мы не видим эффектов, возможно, это связано с кешем страницы. Затем вам просто нужно очистить кеш в браузере и снова загрузить наш сайт.

Однако, если наша версия WordPress ниже 4.3 или темы, которую мы используем, такой опции нет — возможно, что в Персонализации мы не найдем вариант добавления favicon. Что делать в этой ситуации? Мы можем добавить иконку вручную или с уровня специального виджета.

Как добавить значок вручную на страницу

Если вы хотите добавить значок на наш сайт, вам нужно сделать два шага. Прежде всего, графический файл с нашим значком должен быть загружен на FTP-сервер. Мы не добавляем его из Media Library в WordPress, но мы бросаем его с помощью диспетчера файлов, доступного с нашей панели управления хостингом (например, MyPHPAdmin) или FTP-клиента (например, FileZilla).

После того, как вы выбрали значок на странице, у нас все еще есть его адрес. Мы рекомендуем разместить графический файл в общей папке сервера (public_html), где находится наш сайт. Затем ссылка на файл будет: https://www.download.net.pl/favicon.jpg.

Когда мы это сделаем, мы заходим в WordPress, а затем переходим на вкладку «Внешний вид»> «Редактор» в левой панели меню. После открытия редактора мы находим файлы header.php в правой части. Откройте его, а затем вставьте следующий код в свободное пространство:

 

 

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

Добавление значка с помощью плагина

То же самое можно сделать с помощью соответствующего плагина для WordPress. Для этого мы загружаем и устанавливаем бесплатный плагин Insert Headers and Footers. Это расширение, которое позволяет нам легко редактировать содержимое верхних и нижних колонтитулов на нашем веб-сайте.

Этот плагин можно найти на вкладке «Настройки»> «Вставить верхние и нижние колонтитулы». Здесь, в поле заголовка, вставьте код, который мы дали в предыдущем разделе. Конечно, мы должны сначала загрузить графический файл с нашим значком на сервере веб-сайта.

Однако, если мы не хотим этого делать, мы можем использовать плагин All In One Favicon. Он доступен бесплатно, также на польском языке. Поэтому плагин не должен быть трудным в обращении. В нужном месте мы отправляем файл с нашим значком. В окне предварительного просмотра мы можем увидеть, как выглядит наш значок, а затем применить изменения ко всей странице.

В конце — сообщите мне, есть ли у вас проблемы с обслуживанием файлов cookie на вашем сайте.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.