Додавання блоку віджетів в шаблон wordpress, дизайн і розробка сайту

Додавання блоку віджетів в шаблон wordpress, дизайн і розробка сайту

1. Спочатку потрібно зареєструвати новий блок в functions.php

Відкриваємо файл функцій і прописуємо в ньому

в 3 рядку задаємо ім'я віджета (name). У нас назва - Правий сайдбар. Можна вводити будь-яке ім'я хоч англійською хоч російською, але важливо його запам'ятати, тому що його потрібно буде ввести ще в одному місці. Також в 4 і 5 рядку можна прописати відображається HTML код до і після віджета (before_widget, after_widget). У нас порожньо за замовчуванням. У 6 і 7 рядку код до і після заголовка. Тобто ви можете налаштувати свій клас заголовку і в новому віджеті заголовок буде відрізнятися. Зберігаємо наш functions.php і переходимо в адмінку до розділу «Віджети». Якщо все було зроблено правильно то знайдете там новий блок. Відразу можна додати який-небудь віджет, щоб потім перевірити, чи все правильно ми зробили.

2. Відображаємо блок в самому шаблоні

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

У другому рядку ми бачимо - Правий сайдбар. От саме це ім'я і має збігатися з тим що в файлі functions.php. Тобто якщо ви назвали свій блок - "Місце для лічильників", то ця назва має бути і там і там. На цьому все. Зберігаємо наш файл, який ми редагували і переходимо до сайту. Після оновлення сторінки ви повинні побачити результат. Залишилося прописати стилі у файлі style.css, щоб налаштувати під себе новий блок.

На цьому все. Дякую за увагу 🙂

Якщо Вам був корисним моя праця, можете підтримати сайт :)

Привіт дорогий друже

У тебе встановлено розширення AdBlock або подібне. Додай мій сайт в білий список, і тим самим внесеш свій внесок в його розвиток. Інструкція як відключити AdBlock Хочу й собі віконце

Схожі статті