Як додати віджет wordpress в ваш заголовок сайту, створення, просування сайтів, реклама в соціальних

В и хочете додати WordPress віджет в область заголовка вашого сайту? Віджети дозволяють легко додавати блоки контенту в позначених розділів вашої теми. У цій статті ми покажемо вам, як легко додати WordPress віджет в заголовок вашого сайту.

Примітка: Це проміжний підручник. Вам потрібно буде додавати код у файли вашій темі WordPress і писати CSS.

Чому і коли вам потрібен заголовку віджета на свій сайт?

Віджети дозволяють легко додавати блоки контенту в певному місці у вашій темі WordPress. Ці призначені області називаються бічні панелі або віджет готові області.

Ця специфічна область називається 'Below the fold' і всі популярні веб-сайти використовують її, щоб показати дійсно важливі речі.

Як правило, WordPress теми додають бічну панель поруч з контентом, або в нижній області. Чи не багато тем WordPress додають віджет-готові області вище змісту або в заголовку.

Ось чому в цій статті ми розглянемо, як додати віджет в область заголовка вашого сайту WordPress.

Крок 1. Створення заголовка віджета

Вам потрібно буде додати цей код в файл вашої теми functions.php.

Цей код реєструє нову бічну панель або віджет для вашої теми.

Тепер ви можете перейти до страніцеВнешній вид »Віджети. і ви побачите нову область віджету з написом "для користувача заголовок області віджета".

Як додати віджет wordpress в ваш заголовок сайту, створення, просування сайтів, реклама в соціальних

Ідіть вперед, і додайте текстовий віджет в створеному віджеті і зберегти його. Дивіться наш керівництво про те, як додавати і використовувати віджети в WordPress для отримання детальних інструкцій по додаванню віджетів.

Крок 2: Екран вашого користувацького заголовка віджета

Якщо ви відвідаєте свій сайт зараз, ви не зможете побачити тільки що доданий до новоствореного віджету текстовий віджет.

Це тому, що ми ще не сказали WordPress, де відобразити цю область віджету.

Давайте зробимо це в цьому кроці.

Вам потрібно буде відредагувати файл header.php у вашій темі і додати цей код, в якому ви хочете відобразити область клієнтів віджета.

Не забудьте зберегти зміни.

Тепер ви можете відвідати свій сайт, і ви побачите вашу віджет-зону.

Як додати віджет wordpress в ваш заголовок сайту, створення, просування сайтів, реклама в соціальних

Ви помітите, що це виглядає трохи негарно. Ось де ви будете в потребуватиме CSS, щоб зробити його виглядати краще.

Крок 3: стиль вашого заголовка віджета області за допомогою CSS

Залежно від обраної теми, вам потрібно буде додати CSS, щоб контролювати, як відображається область заголовка віджета і кожен віджет всередині нього.

Ще простіше зробити це за допомогою плагіна CSS Hero. Він дозволяє використовувати інтуїтивний призначений для користувача інтерфейс для зміни CSS будь-якої теми WordPress. Для отримання більш докладної інформації див наш огляд CSS Hero.

Якщо ви не хочете використовувати плагін, то ви можете додавати власні CSS до вашої теми, відвідавши страніцуВнешній вид »Налаштувати.

Він запустить інтерфейс налагоджувальника теми WordPress. Вам потрібно буде натиснути на вкладку "Додаткові CSS".

Як додати віджет wordpress в ваш заголовок сайту, створення, просування сайтів, реклама в соціальних

Заради цього уроку, ми припускаємо, що ви будете тільки за допомогою цієї області, додати один віджет для відображення банерів або віджет призначеного для користувача меню.

Ось деякі приклади CSS, щоб допомогти вам почати роботу.