Віджети WordPress неймовірно корисні. З їх допомогою можна додавати всі види додаткового контенту на ваш сайт за межами тіла запису або самої сторінки, що спонукає користувачів отримувати інформацію, переходити за посиланнями або робити певні дії.
У цій статті розберемо, що таке віджети, як їх використовувати та які види віджетів пропонує WordPress.
Що таке віджети WordPress
У WordPress віджети – це фрагменти контенту, які знаходяться поза потоком сторінки або контенту (запису).
Віджети містять інформацію, навігацію або мультимедіа, відокремлену від поста або сторінки. У більшості випадків кожен віджет буде відображатися на всіх сторінках сайту, але ви також можете зареєструвати області віджетів для певних сторінок, таких як домашня сторінка.
Щоб додати віджет на сайт, потрібно додати його до області віджетів. Області віджетів створюються вашою темою, оскільки вони пов'язані з дизайном та макетом сайту, а не з функціональністю.
Більшість тем WordPress мають області віджетів у бічній панелі та нижньому колонтитулі, хоча зустрічаються теми з областями віджетів в інших місцях, наприклад, нижче або вище вмісту або заголовку.
На наведеному нижче знімку екрана показані віджети на бічній панелі та в нижньому колонтитулі.
Тому при виборі теми для свого сайту звертайте увагу на те, скільки і де розташовані області віджетів.
WordPress поставляється з купою завантажених віджетів, які можна використовувати без необхідності встановлювати плагіни або писати код. Але добрий і інший варіант: можете додати набагато більше віджетів, встановивши плагіни або написавши власні віджети.
Вони можуть охоплювати широкий спектр типів контенту, таких як медіа, канали соціальних мереж, навігація, пошук, карти та багато іншого. На вашому сайті дуже мало того, навіщо ви не можете знайти віджет.
Коли використовувати віджети WordPress
Ви повинні використовувати віджет щоразу, коли хочете додати додатковий контент на одну або кілька сторінок вашого сайту (під слово сторінка маються на увазі і пости, архіви та інші види контенту), але віджети не є частиною вмісту сторінки. Вони особливо корисні для контенту, який ви хочете показувати на кожній сторінці сайту, наприклад, список останніх постів, кошик покупок або кнопку заклику до дії.
Для ваших відвідувачів важливо, де розміщені віджети. Віджети на бічній панелі будуть помітнішими, ніж віджети в нижньому колонтитулі, які деякі користувачі можуть не побачити.
Так що віджет останніх постів або заклик до дії краще розташувати на бічній панелі, де люди мають більше шансів їх побачити, тоді як у нижньому колонтитулі може знаходитися канал соціальних мереж.
Якщо у вашій темі є спеціальні області віджетів для домашньої сторінки, використовуйте їх для навігації по розділах сайту, посилань на контент, відео або вітання людей на вашому сайті.
11 прикладів віджетів у WordPress
Найкращий спосіб зрозуміти можливості, що пропонуються віджетами WordPress, – поглянути на них. Розглянемо одинадцять типів віджетів, які часто бачите на сайтах WordPress.
1. Віджет останніх записів
Віджет Останні записи є найбільш використовуваним віджетом в блогах.
Він дозволяє відображати список останніх постів на бічній панелі або в нижній частині кожної сторінки сайту. Цим збільшується ймовірність того, що люди довше переглядатимуть сайт і читатимуть кілька постів.
Віджет «Останні записи» поставляється з попередньою установкою, що дозволяє вказати кількість постів та заголовок.
Якщо ви хочете додати додаткові функції, можете встановити плагін для альтернативного віджету, такого як WordPress Популярні повідомлення, який відображає найпопулярніший контент. А плагін віджету Розширений віджет випадкових публікацій оновлюється щоразу, коли користувач відвідує іншу сторінку сайту.
2. Віджет останніх коментарів
Бажаєте показати відвідувачам, наскільки активний ваш сайт та наскільки залучена ваша аудиторія?
Віджет Останні коментарі відображає останні коментарі на вашому сайті, надаючи відвідувачам можливість переходити прямо до цих коментарів і брати участь в обговоренні.
Віджет "Останні коментарі" поставляється з WordPress. Знову ж таки, якщо ви хочете додати додаткову функціональність, можете встановити сторонній плагін коментарів, такий як віджет WP Social Comments. Він дозволяє людям коментувати, використовуючи свій обліковий запис Facebook: добре для залучення соціальних мереж.
3. Віджет призову до дії
Гарне використання віджету – спонукати людей до дії, і ви можете зробити це за допомогою віджету виклику до дії.
Ваш віджет може бути простою кнопкою, можна використовувати текстовий віджет або віджет HTML, або навіть віджет зображення - і всі вони встановлені з WordPress.
На малюнку нижче показано віджет заклику до дії, що заохочує людей підписуватися на список розсилки. При цьому використовується вбудований віджет HTML, який містить зображення, текст і кнопка, закодована в HTML.
Дивіться також:
Як вимкнути зайві чи непотрібні віджети в адмінпанелі WordPress.
4. Віджети навігації
Ви можете використовувати віджети, які ненав'язливо запропонують відвідувачам переміщатися вашим сайтом.
Для цього є кілька варіантів: віджети «Категорії» або «Хмара тегів» та віджет «Меню навігації».
Віджет «Меню навігації» дозволяє створити головне та користувальницьке меню навігації, а потім додати його до області віджетів.
Ви можете додати і головне меню навігації в область віджетів, хоча це буде працювати тільки якщо у вас невелике меню навігації.
Додавання навігаційного меню до нижнього колонтитулу сайту спонукає людей, які досягли кінця запису, продовжити переміщення по вашому сайту. Це особливо корисно для мобільних користувачів, яким доводиться виконувати велику прокрутку, щоб повернутися до головного меню навігації після досягнення кінця запису.
Крім того, ви можете використовувати вбудований віджет «Категорії» для відображення списку категорій або віджет «Хмара тегів», щоб полегшити людям доступ до архівів тегів.
5. Віджети ЗМІ
Додавання мультимедіа на бічну панель або в нижній колонтитул пожвавить ваш сайт і дасть користувачам можливість подивитись на них або поспілкуватися з ними.
Ви можете використовувати вбудований віджет «Зображення» для відображення будь-якої картинки на бічній панелі або нижньому колонтитулі. І що найкорисніше, ви можете перетворити це зображення на посилання.
Віджет «Відео» дозволяє передавати потокове відео з YouTube або Vimeo прямо в область віджетів вашого сайту. Це особливо корисно, якщо на вашому сайті є спеціальні області віджетів для домашньої сторінки, але також може бути корисно в нижньому колонтитул як спосіб привернути увагу людей, коли вони досягають кінця посту.
6. Віджети соціальних мереж
Якщо ви хочете спілкуватися з людьми, які відвідують ваш сайт у соціальних мережах, додавання каналу в соціальних мережах на бічній панелі або нижній колонтитул сайту покаже людям, що ви активні в соціальних мережах, і спонукає їх підписатися на вас.
Один із способів отримати доступ до віджетів соціальних мереж для найбільших платформ (Facebook, Twitter, Instagram) – встановити плагін Jetpack, який включає ці мережі і багато іншого.
Крім того, всі платформи соціальних мереж мають власні плагіни, які можна безкоштовно скачати через каталог плагінів.
7. Віджет кошика покупок
Якщо ви керуєте на своєму сайті інтернет-магазином за допомогою плагіна, такого як WooCommerce, рекомендуємо додати віджет кошика. Тоді користувачі зможуть переходити до свого кошика, де б вони не були у вашому магазині.
Ви можете помістити кошик у бічну панель, де люди зможуть легко його побачити, або в заголовок для додаткової видимості, якщо ваша тема містить область віджетів.
Плагіни електронної комерції, такі як WooCommerce, включають віджети кошика покупок та інші віджети електронної комерції як частина плагіна. Як тільки ви додасте електронну торгівлю на свій сайт, ви виявите, що віджет кошика додано на екран віджетів.
8. Віджет форми
Якщо ви хочете, щоб люди зв'язувалися з вами, ставили запитання або підписувалися на розсилки, можете додати форму на бокову панель.
У WordPress немає віджету форм, але ви можете додати плагіни для створення форм, такі як безкоштовний Contact Form 7 або преміальні, але дуже потужні форми Gravity.
Дивіться також:
Як за допомогою безкоштовного плагіна форм WordPress Forminator, можна створювати опитування та тести.
9. Віджет картки
Якщо ваша компанія має фізичну адресу і ви хочете, щоб вас легко знаходили, додайте на сайт віджет картки.
Існує кілька безкоштовних плагінів для віджетів карти Google, які використовують більшість сайтів. Наприклад, плагін WP Google Maps.
Крім того, якщо ви не бажаєте встановлювати плагін, ви можете отримати код для вбудовування з Google Maps і додати його у віджет HTML.
10. Віджет входу
Якщо у вас є сайт спільноти, віджет входу в систему полегшить користувачам вхід на ваш сайт без переходу на окрему сторінку входу.
Мета-віджет, який поставляється з WordPress, включає посилання для входу, але також включає в себе й інші речі, які вам можуть не знадобитися. Тому рекомендуємо використовувати для цього окремий плагін із каталогу плагінів.
Віджет Login With Ajax дає вам форму авторизації у віджеті, де користувачі можуть увійти на сайт із будь-якої сторінки.
11. Віджет пошуку
Дійсно простий, але неймовірно корисний віджет – це віджет пошуку, який постачається із попередньо встановленою версією WordPress.
Додайте рядок пошуку до своєї бічної панелі або заголовка, і відвідувачам буде простіше шукати інформацію на вашому сайті.
Якщо ви хочете підвищити потужність свого пошукового віджету, ви можете встановити безкоштовний віджет WP Пошук Google, який використовує пошук Google.
Як додати віджети на ваш сайт WordPress
Якщо ви вже вирішили, які віджети потрібні для вашого сайту WordPress, настав час встановити їх.
Не піддавайтеся спокусі додати занадто багато: чим більше, тим менше ймовірність, що користувачі їх помітять. Натомість зосередьтеся на двох або трьох ключових віджетах для бічної панелі. Ви можете додати більше до нижнього колонтитула, де вони в будь-якому випадку менш важливі.
І якщо у вашій темі є додаткові області віджетів, вирішіть, які віджети додати і до них. Переконайтеся, що вони відповідають макету та дизайну вашого сайту.
Є три способи додати віджети:
- Використовуйте віджети, які вже йдуть із WordPress.
- Додайте сторонній віджет із каталогу плагінів.
- Купуйте преміум плагін, який включає віджет.
Пошук віджетів для вашого сайту WordPress
Є безліч доступних віджетів, тому важко вибрати, який із них встановити.
Віджети, які йдуть з WordPress
Якщо один із встановлених віджетів робить те, що вам потрібно, використовуйте його. Це заощадить ваш час та скоротить час виконання коду на вашому сайті.
Попередньо віджети:
- Архіви: посилання на архіви по місяцях, призначене для блогів, але цей віджет застарів
- Календар: календар ваших постів, що знову підходить для блогів, особливо якщо ваші пости залежать від конкретних дат.
- Користувальницький HTML: максимальна гнучкість. Додайте будь-який контент, який ви бажаєте, набравши або вставивши HTML (наприклад, форми Google). Уникайте, якщо ви не знайомі з кодуванням.
- Зображення: відображення зображення з вашої медіатеки.
- Меню навігації: показати головне меню навігації або користувача.
- Недавні коментарі: список останніх коментарів з посиланнями на них
- Хмара тегів список тегів у хмарному форматі з посиланнями на відповідні архіви.
- Відео: вставте відео з YouTube або іншого потокового сервісу.
- Аудіо: вбудувати подкаст, плеєр, пісню чи інші аудіокліпи.
- Категорії: список категорій у вашому блозі з посиланнями на сторінки архіву
- Галерея: більш розвинена, ніж віджет зображень, відображення галереї зображень.
- Мета: метадані, такі як посилання для входу та RSS-канали.
- Сторінки: показати список сторінок вашого сайту з посиланнями
- Останні записи: Відобразіть список останніх записів.
- Пошук: просте вікно пошуку
- Текст: будь-який текст, який ви хочете додати, наприклад, інформація про сайт.
Додавання віджетів за допомогою плагіну
Каталог плагінів WordPress має тисячі безкоштовних плагінів віджетів, які нададуть вам на вибір велику різноманітність віджетів.
Крім того, багато плагінів з потужним функціоналом також включають віджети, такі як, наприклад, плагін електронної комерції, що надає віджет кошика та багато іншого.
Якщо в каталозі плагінів немає потрібного плагіна, ви можете вирішити ваше завдання, додавши преміум плагін. Іноді вони пропонують більше функцій або інтуїтивно зрозумілий інтерфейс. Але іноді ви можете знайти ті ж функції у безкоштовному плагіні, тому зробіть гарний пошук у каталозі плагінів, перш ніж платити за плагіни.
Джерело: kinsta.com
Коментарі до запису: 0