Як додавати віджети wordpress в шапку сайту
Хотіли б ви додати віджет WordPress в область Хідер свого сайту? Віджети дозволяють вам легко додавати блоки контенту в певні місця вашої теми. У сьогоднішній статті ми покажемо вам як легко додати віджет WordPress в Хідер сайту.
Навіщо і коли може знадобитися додавати віджет в Хідер
Віджети дозволяють вам легко додавати блоки контенту в певні області вашої теми. Ці області називаються сайдбарі або областю для віджетів.
Така область зазвичай називається «Під складкою» і використовується багатьма популярними ресурсами для відображення важливої інформації.
Зазвичай в темах WordPress сайдбарі додаються поруч з контентом або в футере. І лише деякі теми мають областю для віджетів над контентом або в шапці.
Саме тому в статті ми розповімо як додати область віджетів в шапку вашого сайту.
Крок 1. Створюємо область для віджетів в Хідер
Спочатку нам потрібно створити власну область віджетів. На цьому кроці ми додамо довільну область, яку буде видно на сторінці Зовнішній вигляд »Віджети в консолі сайту.
Для цього додаємо наступний код в файл functions.php теми:
Цей код реєструє новий сайдбар або область для віджетів у вашій темі.
Тепер можна перейти на сторінку Зовнішній вигляд »Віджети і ви побачите нову область під назвою 'Довільна область для віджетів в Хідер'.
Додаємо в неї текстовий віджет для перевірки і зберігаємо.
Крок 2: Виводимо довільну область для віджетів в Хідер
Якщо зараз ви перейдете на сайт, то не побачите доданий текстовий віджет.
А не побачите тому, що ми ще не сказали WordPress де саме необхідно прибрати цю область для віджетів. Зараз цим і займаємося.
Вам буде потрібно відредагувати файл header.php своєї теми і додати наступний код в те місце, де потрібно вивести область для віджетів.
Не забудьте зберегти зміни.
Тепер переходимо на сайт і бачимо доданий віджет в в шапці.
Звичайно, виглядає зараз це все не дуже красиво, і тому потрібно додати трохи CSS для того, щоб облагородити отриманий результат.
Крок 3: Стілізіруем віджет в Хідер за допомогою CSS
Залежно від вашої теми, вам буде потрібно додати CSS для того, щоб оформити область для віджетів в Хідер і кожен віджет всередині нього.
Найпростішим способом зробити це буде використання плагіна CSS Hero. Він дозволить вам скористатися інтуїтивно зрозумілим інтерфейсом для зміни CSS будь WordPress теми.
Якщо ж ви не хочете використовувати плагіна, тоді можна додати CSS в свою тему на сторінці Зовнішній вигляд »Налаштувати.
Нижче приклад коду для мінімального оформлення області віджетів.
А ось так ваша довільна область для віджетів буде виглядати на стандартній темі Twenty Seventeen.
Швидше за все вам потрібно налаштувати CSS код «під себе», щоб вписати область в дизайн теми.
Не забувайте, по можливості, оцінювати сподобалися записи кількістю зірочок на ваш розсуд.