Нещодавно в каталозі WordPress.org з’явилася блокова тема Skatepark від Automattic. Вона була розроблена для компаній та event-агентств, але добре підійде і для інших індустрій.
Для тих, хто веде рахунок: це вже 52 блокова тема на шляху до 3000. Саме таку кількість тем вказував Метт Мулленвег для переходу до наступної фази проекту Gutenberg – фази Колаборації. Останні кілька місяців темпи випуску блокових тем прискорилися.
Skatepark – це вже десята тема від Automattic Theme Team, яка з’явилася у каталозі WordPress.org.
Як би описати колірну схему Skatepark? ДУЖЕ. БАГАТО. ЗЕЛЕНОГО.
Мені подобається експерименти. Нам потрібні вони у спільноті WordPress. Мені базова колірна схема не подобається, але можливо комусь вона ідеально підійде.
У класичну еру я просто деактивував би і видалив цю тему. Але сьогодні редактор сайту та глобальні стилі дозволяють відносно легко налаштовувати кольори.
Насамперед я дещо змінив:
У результаті мої очі пристосувалися. У темі є багато цікавих моментів. Сміливі варіанти типографіки, активне використання вільного простору – це штовхає до експериментування.
Skatepark включає 10 блокових патернів.
Мій улюблений патерн – Columns in container. Це блок Group, який включає кілька інших елементів:
Часто це саме те, що потрібно користувачам.
Унікальний патерн у цій темі – “Full width image with aside caption”. Тут ми отримуємо блок Image, за яким іде Columns. В даному випадку під caption мається на увазі Separator та Paragraph.
Концепція хороша, але реалізація є спірною. Той самий дизайн можна було б повторити за допомогою довільного стилю для блоку Image та кількох рядків CSS для елемента caption. Можливо, команда розробників хотіла надати користувачам більше налаштувань.
Підписи (Captions) не є окремими блоками. Проте є відкритий тикет, у якому запропоновано відокремити їхню відмінність від батьківських контейнерів. Це дозволить гнучкіше налаштовувати дизайн.
Ще одним вдалим патерном можна назвати «Paragraph with quote».
У технічному плані це триколоночний дизайн. Лівий стовпець порожній, а два інших містять контент. Це створює ілюзію того, що блок Quote є єдиним, що виходить за межі контейнера.
Такий підхід використовувався раніше для вирівнювання блоків. Але він часто дає збій, особливо у випадках із різними розмірами екрану. У 2022 році аналогічний дизайн можна реалізувати за допомогою CSS, а не цих «милиць» зі стовпцями. На жаль, але автори тим використовують ті інструменти, які вони зараз під рукою. Поки основні інструменти проектування «дозрівають», авторам тим доведеться ставити такі експерименти та вводити нововведення різними способами.
Головний плюс теми Skatepark для мене – друкарня, що легко читається. Колірна гама – не моє, але за експерименти хочеться поставити 5 балів.