Новачки в WordPress часто уникають створення власних шаблонів, думаючи, що це вимагає складного процесу кодування. Тепер можете налаштувати весь свій веб-сайт за допомогою повного редагування сайту (FSE), але, як і раніше, існує проблема експорту ваших користувачів дизайнів.
На щастя, можна легко створити блокову тему (БТ) за допомогою плагіна Створити тему блоку. Після налаштування шаблону за допомогою редактора сайту можна експортувати її як блочну тему користувача. І встановити її на інші веб-сайти замість того, щоб перебудовувати дизайн з нуля.
У цьому пості ми пояснимо, що таке БТ та як використовувати інструмент «Створити блокову тему». Потім покажемо, як це зробити, виконавши три прості кроки.
Що таке блокова тема WordPress
Коли Гутенберг був запущений як частина WordPress 5.0, повністю змінив процес створення контенту. Новий редактор блоків дозволяв налаштовувати записи та сторінки, додаючи різні блоки контенту:
У 2021 році WordPress розширив цю функцію ще більше. Оновлення 5.8 запустило повне редагування сайту, що дозволяє створювати весь веб-сайт із використанням блокової системи. За допомогою редактора сайту можна додавати тематичні блоки на веб-сайт, створювати шаблони блоків та багато іншого:
Однак, щоб розпочати використання повного редагування сайту, необхідно встановити блокову тему. Простіше кажучи, шаблон створений за допомогою блоків Гутенберга.
Ось деякі функції, які доступні після встановлення:
- Редагуйте будь-яку частину сайту без коду.
- Налаштуйте кольори та типографіку за допомогою Global Styles.
- Підвищіть швидкість сайту, завантажуючи стилі лише для візуалізованих блоків на сторінці.
- Додайте спеціальні можливості, такі як кнопка «Перейти до вмісту» та навігація за допомогою клавіатури.
Використовуючи БТ можна повністю контролювати дизайн сайту. Раніше було б важко редагувати файли без навичок кодування. Однак тепер будь-хто може налаштувати веб-сайт, просто створивши та відредагувавши блокові макети.
Введення в плагін Create Block Theme
У багатьох випадках власники веб-сайтів та розробники створюють власні дочірні теми, щоб персоналізувати свій веб-сайт. Вона успадковує зовнішній вигляд та функціональність своєї батьківської теми. Використовуючи її, ви можете безпечно редагувати БТ, не втрачаючи змін з новими оновленнями програмного забезпечення. Вона розміщується в новій папці теми разом із таблицею стилів батьківського шаблону. Це звучить досить просто, але часто включає використання складних технік, які можуть бути важкими для новачків.
На щастя, розробники WordPress створили плагін Створити тему блоку для вирішення цієї проблеми. Завдяки цьому новому інструменту можна легко експортувати відредагований шаблон.
Тобто, можна створювати власні БТ, а потім використовувати їх на інших веб-сайтах. Після внесення змін за допомогою редактора сайту можна завантажити новий дизайн як дочірню тему, клон або варіант стилю батьківської теми. Це може спростити дизайн веб-сайту і зробити його доступнішим для користувачів усіх рівнів.
Як створити блокову тему WordPress
Тепер, коли ви знаєте про БТ та їхні переваги, давайте обговоримо, як їх створити в Вордпрес.
Крок 1: Встановіть блокову тему
Потрібно розпочати з батьківської БТ. Використовуючи каталог тем WordPress, можна вибирати з більш ніж сотні запропонованих варіантів. Просто натисніть вкладку Блокові теми, щоб додати фільтр:
Як тільки ви знайдете шаблон, що сподобався, скачайте її. Потім перейдіть у «Зовнішній вигляд» > «Теми» на панелі керування WordPress, встановіть та активуйте її. Для цього уроку ми будемо використовувати Twenty Twenty-Two:
Тепер виберіть «Плагіни» > «Додати новий» та зробіть пошук «Create Block Theme». Далі встановлюємо та активуємо плагін:
Перш ніж почати редагувати шаблон, буде потрібна остання версія плагіна Gutenberg. Переконайтеся, що цей інструмент встановлено, активовано та оновлено.
Дивіться також:
Крок 2: Налаштуйте шаблон за допомогою редактора сайту
Потім відкрийте редактор сайту, навіщо перейдіть у «Зовнішній вигляд» > «Редактор (бета)»:
Відкриється повний редактор сайту. Тут можна клацнути певні елементи, такі як верхній або нижній колонтитул, щоб змінити налаштування блоку:
Натиснувши піктограму двоколірного кола у верхньому правому куті, можна оновити типографіку, кольори та макет. Можна вибрати одну з комбінацій стилів за промовчанням:
Якщо потрібно додати нові блоки, натисніть +. З цього списку опцій можна переміщати елементи на сторінку простим перетягуванням:
Щоб переглянути шаблони, натисніть на логотип WordPress у верхньому лівому куті, де з'являться опції вибору: шаблони або частини шаблону.
Залежно від цілей дизайну можна додати нові шаблони або змінити доступні параметри за промовчанням:
Після вибору шаблону відкриється редактор шаблонів, де можна редагувати цю сторінку, додаючи нові блоки, шаблони блоків або частини шаблону:
Зрештою, існує майже безліч способів створити БТ. Після внесення всіх необхідних змін збережіть зміни.
Крок 3: Експортуйте тему
Щоб повторно використовувати цю БТ на інших веб-сайтах, перейдіть до розділу «Зовнішній вигляд» > «Create Block Theme», що дозволить експортувати її кількома способами:
Щоб експортувати тему зі змінами, щойно внесені, виберіть «Експорт». Альтернативні варіанти експорту, доступні з плагіном Create Block Theme:
- Створити дочірню тему: завантажує нову дочірню, використовуючи активований шаблон як батьківський.
- Клонувати поточну тему: клонує активовану тему, включаючи всі її активи та зміни користувача.
- Перезаписати файли: зберігає зміни як зміни шаблону, а потім видаляє зміни користувача.
- Створити порожню тему: створює стандартну тему в каталозі шаблонів вашого сайту
- Створити варіант стилю: зберігає зміни як варіант глобального стилю активованого шаблону.
Якщо ви оберете "Експорт" або "Перезаписати", то зможете просто завантажити файли своєї теми. Для будь-якого іншого варіанту потрібно вказати ім'я, опис, URI теми, автора та URI автора:
Єдиним винятком є зміна стилю. Для цього потрібне лише ім'я варіанта:
Вибравши один із цих варіантів, натисніть «Створити тему». Ваша БТ завантажиться у вигляді файлу .zip, який містить всі відредаговані файли. Тепер можна встановити її на інші сайти, щоб прискорити процес розробки.
До повного редагування сайту та блокових тем створення власного унікального дизайну веб-сайту було складним процесом. Якщо ви новачок, можливо, у вас не було необхідних навичок кодування для роботи. Однак тепер редактор сайту і плагін Create Block Theme можуть працювати разом, щоб радикально спростити це насамперед складне завдання.
Джерело: torquemag.io
Коментарі до запису: 0