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

Якщо у вас проблеми з віджетами, ви звернулися за адресою. Ця стаття покаже вам, як додати віджети на ваш веб-сайт у WordPress.
Віджети зазвичай розміщують на бічній панелі та нижньому колонтитулі, але це не однаково для всіх тем. Наприклад, деякі теми можуть мати лише праву бічну панель, тоді як інші мають ліву та праву бічні панелі для віджетів. У будь-якому випадку додавання віджета виконується в розділі «Вигляд» або «Настроювач теми» вашої інформаційної панелі.
Крім того, процес відрізняється для класичного та Gutenberg (Block) Editor.
Більшість тем дозволяють користувачам додавати та налаштовувати віджети з редактора тем. Цей метод є кращим, оскільки він також показує попередній перегляд редагувань у реальному часі. Ось як додати віджет у розділ «Настроювач теми».
Класичний редактор
- Відкрийте інформаційну панель веб-сайту та перейдіть до Вигляду .
- Виберіть опцію Налаштувати .
![WordPress: як додати віджети WordPress: як додати віджети]()
- Виберіть Віджети з параметрів меню, щоб відкрити сторінку для налаштування віджетів.
![WordPress: як додати віджети WordPress: як додати віджети]()
- Натисніть стрілку розкривного меню, щоб переглянути список уже зареєстрованих віджетів.
- Перейдіть до області, куди потрібно додати віджет, і натисніть « Додати віджет» у нижній частині області віджетів.
- Це забезпечить усі доступні віджети. Виберіть бажаний віджет, який буде додано до області віджетів. Додайте інші віджети за допомогою того самого методу.
- Попередньо перегляньте свій сайт у правій частині екрана, щоб перевірити, чи добре він розташований. Якщо ні, упорядкуйте свої віджети, перетягнувши їх у бажаному порядку, а потім натисніть « Зберегти й опублікувати» у верхній частині екрана.
![WordPress: як додати віджети WordPress: як додати віджети]()
Редактор Gutenberg (Block).
- Перейдіть до Вигляду в області адміністратора та виберіть Налаштувати .
![WordPress: як додати віджети WordPress: як додати віджети]()
- Виберіть «Віджети» , щоб відкрити екран для налаштування віджетів.
![WordPress: як додати віджети WordPress: як додати віджети]()
- Виберіть область віджетів, у яку потрібно додати свій віджет.
- Натисніть піктограму + , щоб отримати доступ до списку доступних віджетів. Виберіть бажаний віджет, щоб додати його до області віджетів.
- Ви також можете попередньо переглянути свою роботу та змінити порядок своїх віджетів на свій розсуд.
- Коли закінчите, натисніть Опублікувати .
![WordPress: як додати віджети WordPress: як додати віджети]()
Незважаючи на те, що WordPress підтримує додавання та налаштування віджетів, ваша тема WordPress за замовчуванням може не містити налаштування теми. У деяких темах ця функція може бути не безкоштовною, і якщо ви використовуєте безкоштовну версію, вам знадобиться інший спосіб додавання віджетів. У цьому випадку ви залишитеся з додаванням віджетів у розділі «Вигляд».
Класичний редактор
- Відкрийте інформаційну панель веб-сайту та прокрутіть до пункту «Вигляд» на панелі меню ліворуч.
- Натисніть Віджети та виберіть потрібний віджет.
![WordPress: як додати віджети WordPress: як додати віджети]()
- Перетягніть віджет у область віджетів і опустіть його в поле.
- Натисніть Зберегти .
![WordPress: як додати віджети WordPress: як додати віджети]()
Додайте інші віджети за допомогою того самого методу. Ви можете змінювати порядок віджетів, перетягуючи їх відповідно до бажаного порядку.
Редактор Gutenberg (Block).
- Відкрийте інформаційну панель WordPress і перейдіть до Вигляду .
- Виберіть «Віджет», а потім виберіть область віджетів, куди ви хочете додати свій віджет.
![WordPress: як додати віджети WordPress: як додати віджети]()
- Виберіть піктограму + і знайдіть потрібний віджет або виберіть «Переглянути все» , щоб відкрити всі доступні віджети.
- Клацніть бажаний віджет, щоб додати його до області віджетів.
- Завершивши, натисніть Оновити .
![WordPress: як додати віджети WordPress: як додати віджети]()
Якщо віджет більше не працює або ви хочете змінити розташування віджета, його можна видалити. Наприклад, якщо ви хочете, щоб віджет був спочатку на бічній панелі нижнього колонтитула, вам потрібно буде видалити віджет із бічної панелі та додати його до нижнього колонтитула. Ось як видалити віджети в WordPress.
Класичний редактор
- Перейдіть до «Вигляд» в області адміністрування та виберіть «Налаштувати» .
![WordPress: як додати віджети WordPress: як додати віджети]()
- Виберіть Віджети з параметрів меню, щоб відкрити сторінку для налаштування віджетів.
![WordPress: як додати віджети WordPress: як додати віджети]()
- Клацніть стрілку перед областю віджетів, де знаходиться віджет, який потрібно видалити.
- Знайдіть віджет і натисніть стрілку вниз на краю віджета.
- Натисніть Вилучити .
![WordPress: як додати віджети WordPress: як додати віджети]()
Редактор Gutenberg (Block).
- Відкрийте розділ «Вигляд» на інформаційній панелі WordPress і виберіть «Віджети» .
![WordPress: як додати віджети WordPress: як додати віджети]()
- Перейдіть до області віджетів, де розміщено віджет, який ви хочете видалити, і виберіть його.
- Натисніть піктограму меню з трьома крапками, щоб відкрити параметри меню.
- Натисніть Видалити .
![WordPress: як додати віджети WordPress: як додати віджети]()
WordPress дозволяє додавати віджети до постійних областей віджетів, які залишаються постійними на різних сторінках. Наприклад, нижній колонтитул на сторінках «Про нас» і «Послуги» залишається незмінним. Але якщо вам потрібні налаштовані віджети для конкретних сторінок, ви не можете зробити це за допомогою вищезазначених методів.
Наприклад, ви можете додати відгуки на сторінку «Послуги», щоб відвідувачі бачили, що ви можете виконати те, що обіцяно. У такому випадку вам знадобиться плагін, щоб додати власні віджети. Як зазвичай, для цього можна використовувати різні плагіни. У цьому посібнику ми пояснимо, як використовувати плагін Content Block (Custom Post Widget).
Перше, що вам потрібно зробити, це встановити плагін.
Встановити плагін
- Перейдіть до Plugin в області адміністратора та виберіть Add New .
![WordPress: як додати віджети WordPress: як додати віджети]()
- Знайдіть Content Block (власний віджет публікації) і виберіть потрібний плагін із записів пошуку.
- Натисніть «Установити зараз» , а потім «Активувати» , і плагін буде автоматично додано до вашої області адміністратора.
![WordPress: як додати віджети WordPress: як додати віджети]()
Додати блок вмісту
- Перейдіть до Content Blocks на панелі меню ліворуч.
- Натисніть «Додати блок вмісту» та дайте йому назву.
![WordPress: як додати віджети WordPress: як додати віджети]()
- Назвіть свій блок вмісту та додайте всі необхідні функції.
- На лівій панелі скопіюйте короткий код, а потім опублікуйте блок вмісту.
![WordPress: як додати віджети WordPress: як додати віджети]()
- Перейдіть на сторінку, де ви хочете розмістити віджет, і відкрийте візуальний редактор.
- Вставте шорткод і опублікуйте сторінку або публікацію.
Ви можете попередньо переглянути сторінку перед кроком 6, щоб переконатися, що ви задоволені змінами.
Якщо ви ведете блог на WordPress , ви повинні знати, що віджети важливі для функціонального веб-сайту. Без них на вашому сайті не було б важливих аспектів, які могли б покращити взаємодію з користувачем і збільши��и конверсію.
З цієї причини необхідно навчитися додавати віджети на ваш сайт. І, як бачите, зробити це просто. Одним натисканням кнопки ви можете мати віджети, необхідні вашому веб-сайту.
поширені запитання
Чи можу я перемістити віджети з однієї області віджетів до іншої, не видаляючи їх із попередньої області та не додаючи до нової?
Ні, ви не можете перетягувати віджети між областями. Ви можете видалити віджет лише з першої області, де він є, і додати його в нову область, де ви хочете його розмістити.
Чи повинні я мати віджети на своєму веб-сайті?
Ні, наявність віджетів на вашому веб-сайті не є обов’язковою. Ваш сайт може працювати без них, але він може бути неефективним.