Віджети в WordPress - відмінний спосіб кастомизировать свій блог. Деякі користувачі задаються питанням, як додати підтримку віджетів в свою тему, яка їх не підтримує з коробки. У сьогоднішній статті ми розповімо саме про це.
Потрібно знати, що віджети стали частиною ядра WordPress починаючи з версії 2.2, і з тих самих пір немає необхідності встановлювати будь-які плагіни для того, щоб додати віджети в свій блог.
Крок 1: Створюємо functions.php
У нашому прикладі такий файл в темі був відсутній, тому ми просто створили новий functions.php і завантажили його в папку теми через FTP. Ось такий код був поміщений в файл:
Він спрацює, якщо тільки ви використовуєте розмітку по-замовчуванню від WordPress з h2 в заголовках сайдбарі і ненумеровані списки:
налаштовуємо functions.php
Якщо ж нам не підходить розмітка по-замовчуванню від wordpress, то для SEO необхідно використовувати h4 для заголовків віджетів і не застосовувати немарковані списки ul або li. Тому замість вищенаведеного коду ми змінили код наступним чином для того, щоб задати свою власну розмітку:
Код вище говорить сам за себе. before_widget і after_widget - тут нам не потрібен власний код, тому залишаємо значення порожніми. before_title і after_title ми використовували для h4. Така модифікація перепризначити дефолтну розмітку і тепер буде підтримувати наш власний шаблон виводу. Можете змінювати цей код для того, щоб стилізувати елементи під дизайн свого сайту за допомогою CSS.
Крок 2: Додаємо віджети в динамічний сайдбар
Цей код в functions.php допоможе вам додати області віджетів в свою тему і активує можливість додавання динамічного сайдбара. Тепер переходимо в адмінку WordPress, а потім в меню Віджети.
Не забувайте зберігати зміни після додавання віджету. Додавати їх можна скільки завгодно. При кліці на віджет розкриються доступні для нього опції, за допомогою яких ви зможете модифікувати його зовнішній вигляд.
Крок 3: Додаємо динамічний сайдбар в шаблон
Тепер вам потрібно додати php код в сайдбар для того, щоб активувати динамічний сайдбар, який буде відображати додані в адмінці віджети. Вставте цей код в потрібне місце в файлі sidebar.php:
Збережіть зміни і новий сайдбар виведе ваші віджети.
У свіжих же версіях WordPress вже включені сайдбарі на рівні ядра. Тому тут вам буде потрібно тільки викликати динамічні сайдбарі.
У файл functions.php потрібно буде додати наступний код:
А в sidebar.php додаємо його виклик:
Не забувайте, по можливості, оцінювати сподобалися записи кількістю зірочок на ваш розсуд.