Продовжуючи тему створення сайту на WordPress, у цій статті розповімо, що таке віджети WordPress і як додати віджет у WordPress. Отже, без зайвих вступів — почнімо!
Віджетами у WP заведено називати візуальні елементи, призначені для виведення рекламних блоків, міток, хлібних крихт, популярних записів та інших корисних складових сучасного сайту.
Простіше кажучи, це вбудовані в систему модулі — до речі, саме так вони називаються в CMS Joomla, — які дають змогу за кілька кліків додати на сайт скрипт, текст та/або різні типи інформації у визначеному місці. Під таким місцем найчастіше мають на увазі сайдбар — праву або ліву область, а також футер — нижню частину сайту, тобто підвал.
Кількість областей для виведення віджетів WordPress залежить від конкретної теми. Теоретично віджет можна вивести майже будь-де, але для цього потрібні навички верстки. На щастя, розробники регулярно додають у теми WordPress нові цікаві віджети, тому початківцям не обов’язково занурюватися в основи верстки та редагувати код.
Як додати віджет у WordPress
Спочатку потрібно авторизуватися в консолі, а потім у лівій частині вибрати Зовнішній вигляд → Віджети.
У результаті ліворуч відобразиться список доступних віджетів, а праворуч — області для їх публікації.
На момент написання статті було передбачено три способи вивести віджет WordPress. Розглянемо кожен із них, щоб ви могли вибрати найзручніший.
Спосіб № 1
Щоб активувати віджет, достатньо натиснути на нього лівою кнопкою миші та, не відпускаючи, перетягнути в праву бічну колонку — область віджетів.
Спосіб № 2
Натисніть назву віджета й у випадаючому списку виберіть область, до якої хочете його додати. Для підтвердження дії натисніть відповідну кнопку.
Спосіб № 3
На відміну від описаних вище способів, третій має істотну перевагу — дає змогу в режимі реального часу побачити, як віджети виглядатимуть безпосередньо на сайті.
Скористатися ним можна як зі сторінки віджетів, так і з головної сторінки консолі WordPress.
У першому випадку достатньо натиснути кнопку «Перейти до візуального налаштування».
У другому — повернутися на стартову сторінку консолі й перейти до Зовнішній вигляд → Налаштувати.
Далі зі списку попередньо встановлених налаштувань потрібно вибрати «Віджети».
У результаті відобразиться перелік областей, які має тема WP.
Щоб додати віджет на сайт WordPress, залишається натиснути відповідну кнопку та вибрати його назву зі списку.
У випадку з віджетом «HTML-код» потрібно додати код у поле «Вміст», указати заголовок і натиснути кнопку «Готово».
Як приховати заголовок віджета у WordPress
Врахуйте: якщо вказати заголовок, він відобразиться на сайті. Це доречно для категорій, хмари тегів, інформації «Про нас». Але що робити, якщо заголовок потрібно приховати, наприклад під час розміщення рекламного банера? На момент написання статті стандартними засобами CMS це зробити не вдавалося.
Звісно, поле можна просто не заповнювати. Але це незручно, коли віджетів настільки багато, що в них легко заплутатися.
Отже, щоб приховати заголовок, потрібно додати наступний PHP-код до файлу теми functions.php.
// Приховуємо заголовок віджета за допомогою символу "!"
add_filter( 'widget_title', 'hide_widget_title' );
function hide_widget_title( $title ) {
if ( empty( $title ) ) return '';
if ( $title[0] == '!' ) return '';
return $title;
}
Відредагувати файл можна:
- безпосередньо в адмінпанелі, перейшовши до Зовнішній вигляд → Редактор тем;
- через FTP-з’єднання;
- безпосередньо в панелі керування вебхостингом.
Не знаєте, де розташований файл functions.php? Шукайте його в активній темі за шляхом:
/wp-content/themes/ваша-активна-тема/
Перед внесенням змін не забудьте зробити резервну копію сайту.
Щоб перевірити код, поверніться до віджетів і на початку заголовка вставте символ «!».
Налаштування віджетів WordPress
Після додавання віджета стануть доступними його налаштування.
Наприклад, якщо вибрати віджет «RSS», можна задати параметри вмісту стрічки, відображення автора та дати створення контенту. Тут також потрібно ввести адресу RSS-стрічки й указати кількість елементів для відображення. В окреме поле винесено назву стрічки.
Простим прикладом є віджет пошуку, який складається лише з одного поля «Заголовок».
Як змінити розташування та видалити віджет WordPress
Щоб упорядкувати віджети, перетягуйте їх угору або вниз.
Якщо з якихось причин потрібно тимчасово вимкнути віджет, зберігши його налаштування, перетягніть його до блоку «Неактивні віджети», який розташований під блоком «Доступні віджети».
Видалити віджет WordPress так само просто, як і додати. Це можна зробити двома способами:
- Перетягнути модуль ліворуч і, коли з’явиться посилання «Деактивувати…», відпустити його.
- Перейти до області, вибрати віджет і натиснути посилання «Видалити».
Підсумок
Віджети WordPress дають змогу додавати на сайт блоки контенту та інші корисні елементи. Вони легко налаштовуються й не створюють значного навантаження на CMS. Їх можна додавати у великій кількості та редагувати відповідно до власних уподобань. Крім того, в інтернеті доступно багато безкоштовних плагінів, які розширюють набір віджетів.
