Як додати значок Favicon на сайт WordPress

Фавікон також відомий як значок сайту, і багато в чому він схожий на значок програми в Windows . Це невелике зображення, яке відображається у вкладках браузера поруч із назвою сайту. Це невеликий, але важливий елемент, який допомагає вам легко ідентифікувати сайти та переходити до них із панелі вкладок вашого браузера. Фавікон також може бути потужною частиною брендингу сайту, але нові власники сайту можуть не знати, як його налаштувати.

У цьому посібнику описано, як додати піктограму сайту на ваш веб-сайт WordPress.

Як додати значок Favicon на сайт WordPress

Існує не менше чотирьох різних методів, якими ви можете скористатися, щоб додати піктограму сайту на свій сайт WordPress. Найпростішим методом є використання настроювача WordPress, але ви можете розглянути альтернативний підхід, щоб мати додатковий контроль над тим, як виглядає ваш фавікон.

Використання настроювача WordPress

Використання настроювача WordPress – це, як правило, найшвидший і найдоступніший спосіб додати нову піктограму сайту, коли забажаєте.

1. Відкрийте інформаційну панель WordPress.
2. Натисніть кнопку «Вигляд» у бічному меню, а потім виберіть «Налаштувати» .
   
3. Перейдіть на вкладку «Ідентифікація сайту» , щоб отримати доступ до різних інструментів налаштування сайту.
4. Перейдіть до розділу Значок сайту та натисніть значок Вибрати сайт .
   
5. Знайдіть наявне зображення у медіа-бібліотеці WordPress, щоб використовувати його як значок сайту, або завантажте його зі свого пристрою.
6. Вибравши зображення, натисніть кнопку «Вибрати» , щоб підтвердити його.
   
7. Залежно від розміру вашого зображення, можливо, його доведеться обрізати або натиснути «Пропустити обрізання» , щоб продовжити без нього.
8. Натисніть кнопку «Готово» , щоб завершити створення нового фавікону.

Використання плагіна Favicon

WordPress відомий своїми численними плагінами, які дозволяють покращити ваш сайт різноманітними новими можливостями та функціями. Деякі плагіни також можуть допомогти вам додавати і керувати фавіконками. Плагіни зазвичай надають вам додаткові можливості для редагування ваших значків у порівнянні з WordPress Customizer. Ось як це працює:

1. Перейдіть до розділу «Плагіни » інформаційної панелі WordPress і натисніть « Додати новий плагін» .
   
2. Знайдіть вибраний плагін favicon. Популярним для початку є Favicon від RealFaviconGenerator . Натисніть «Установити зараз» у вибраному плагіні.
   
3. Після встановлення натисніть Активувати, щоб увімкнути його.
4. Установивши плагін, ви можете навести курсор на «Вигляд» на лівій панелі та клацнути «Favicon» праворуч, щоб додати новий.
   
5. Натисніть «Вибрати з медіа-бібліотеки», щоб завантажити або вибрати зображення піктограми зі своєї бібліотеки.
   
6. Натисніть кнопку «Створити фавікон» , щоб відвідати веб-сайт RealFaviconGenerator і налаштувати своє зображення, додавши поля або змінивши фон.
   
7. Натисніть Створити значок Favicon і HTML-код , щоб створити та додати нове зображення на свій сайт WordPress.
   

Використання повного редактора сайту WordPress

Іноді ви можете віддати перевагу використовувати повний редактор сайтів WordPress, щоб додати піктограму сайту. Це особливо рекомендовано для сайтів, які працюють на блокових темах.

1. Натисніть «Вигляд і редактор» у меню адміністратора.
   
2. Перейдіть до підменю Patterns і клацніть Header .
   
3. Натисніть піктограму олівця , щоб почати редагувати шаблон заголовка.
4. Натисніть кнопку + і знайдіть блок логотипа сайту , який потім можна перетягнути в заголовок сайту.
   
5. Натисніть кнопку «Завантажити» та виберіть зображення значка сайту з існуючої бібліотеки або завантажте його зі свого пристрою.
6. Знайдіть і активуйте значок Використовувати як сайт на бічній панелі налаштувань блоку, щоб установити вибране зображення як значок сайту.
   
7. Натисніть кнопку Зберегти , щоб підтвердити зміни.

Ручний метод

Ви також можете додати фавікон на 100% вручну. Це займе трохи більше часу та, як правило, вимагає трохи більше досвіду та знань WordPress. Але якщо ви знаєте, що робите, це може бути хорошим способом налаштувати піктограму сайту саме так, як вам потрібно.

1. Перейдіть на веб-сайт RealFaviconGenerator .
2. Натисніть Виберіть зображення Favicon і завантажте зображення, яке хочете використовувати.
   
3. Відредагуйте за потреби та натисніть Створити свій Favicon і HTML-код, коли закінчите.
   
4. Завантажте пакет Favicon і залиште цю сторінку відкритою, оскільки вам все одно знадобиться код на ній.
   
5. Використовуйте FTP (протокол передачі файлів) для доступу до своїх даних WordPress.
6. Перейдіть до основного каталогу та завантажте свій пакет favicon.
7. Відкрийте файл header.php і вставте HTML-код, який ви створили раніше, щоб завершити налаштування піктограми вашого сайту.

Чому вам варто додати значок Favicon на свій сайт WordPress

Як бачимо, є кілька способів додати піктограми до вашого сайту. Але ви можете задатися питанням, навіщо ви взагалі хочете додати піктограму сайту та чи потрібен він вам. Ось деякі з основних переваг використання піктограм сайту:

Ідентичність бренду

Можна стверджувати, що найголовнішою причиною появи значка сайту є розвиток ідентичності вашого бренду. Фавікон є частиною вашого іміджу, як назва веб-сайту, логотип і стиль. Це може бути лише маленька піктограма, але вона відіграє важливу роль у підвищенні впізнаваності бренду та допомагає зробити ваш сайт або блог легшим для впізнавання.

Досвід користувача

Ще одна зручна причина встановити піктограму сайту – це користь ваших користувачів. Багато людей відкривають кілька вкладок у своїх веб-переглядачах і покладаються на значки для швидкої навігації та перемикання між ними. Якщо ви створите чітку та впізнавану піктограму, вашим користувачам буде легше переглядати та отримувати доступ до вашого сайту, навіть якщо багато інших сайтів відкриваються в тому самому вікні.

Легко додайте піктограми

Жоден дизайн сайту не може бути повним без піктограми сайту, і переконатися, що піктограма вашого сайту належним чином налаштована для перегляду всіма користувачами, є важливою. На щастя, WordPress пропонує кілька способів додавати або змінювати піктограму сайту, коли завгодно, від плагінів до простого методу WordPress Customizer.

З додаванням значка сайту ви можете навчитися використовувати блоки коду в WordPress . 

поширені запитання    

Як ви створюєте фавікон?

Перш ніж додати піктограму до свого блогу WordPress, вам потрібно її створити. Ви можете використовувати різні інструменти для створення зображень і генератори піктограм, щоб швидко створити їх, або скористатися власним програмним забезпеченням для редагування зображень, щоб створити їх з нуля. Найкраще зберегти свій значок у форматі PNG, щоб уникнути проблем і переконатися, що він має розмір 16 x 16 або 32 x 32 пікселів.

Що робить фавікон хорошим?

Хороші фавікони зрозумілі, прості, їх легко запам’ятати та розпізнати. Зазвичай вони мають прозорий або однотонний фон із якимось символом зверху. Більшість із них використовують лише один або два кольори та зазвичай мають певне значення чи стосунок до бренду чи блогу, який вони представляють. Ви можете переглянути піктограми улюблених веб-сайтів, щоб отримати натхнення.