Создавайте универсальные макеты с помощью плагина WordPress GenerateBlocks

За последние несколько недель в моей тестовой среде был плагин GenerateBlocks . Я создал несколько макетов с его помощью, возясь с плагином между другими проектами. Я все время думал о том, что у него огромный потенциал. Помимо пары проблем, я стал все больше и больше получать удовольствие от плагина, поигрывая с его параметрами.

GenerateBlocks был создан Томом Усборном. Он был создан специально для работы с его популярной темой GeneratePress . Однако плагин утверждает, что работает с любой темой WordPress.

GenerateBlocks – это ответ на вопрос о построителе страниц . Он предназначен для того, чтобы взять те элементы, которые делают конструкторы страниц такими популярными, и свести их к горстке блоков. Он предназначен для упрощения процесса построения сложных макетов без необходимости использования более тяжелых решений. Вопрос в том, выдержит ли он свою работу – справится ли он со своей задачей?

В целом, это работает хорошо, особенно с точки зрения предоставления большей свободы при построении макета. Вряд ли в ближайшее время он съест рыночную долю конструкторов страниц. Однако это может сделать еще несколько преобразований в редактор блоков, особенно для тех, кто не привязан к существующему решению и ищет что-то легкое.

Блоки плагина

Хлеб с маслом GenerateBlocks – это его контейнерный блок. Это блоки обложки и группы WordPress, объединенные в один с огромным количеством дополнительных опций, которые покрывают почти все потребности.

Одна из основных областей, в которой не хватает блока контейнера, – это обработка секций полной ширины. Вместо использования стандартного варианта выравнивания блока по всей ширине, который могут использовать все темы, он использует собственное решение. Это решение состоит в том, чтобы предоставить уведомление о том, что тема пользователя должна иметь какой-то вариант полноразмерного содержимого (вероятно, через шаблон страницы). Выбор этого маршрута означает, что большинство тем, включая те, которые созданы для блоков стилей, не будут поддерживать блок GenerateBlocks Container при установке на полную ширину.

Для конечных пользователей, использующих тему, поддерживающую стандартное выравнивание блоков по всей ширине, есть два способа обойти это ограничение. Первое решение – войти alignfullв поле CSS Classes на вкладке Advanced block options. Второе решение – обернуть блок контейнера блоком WordPress Group и установить его на полную ширину. Как эти решения будут работать, во многом будет зависеть от того, как тема обрабатывает эти элементы.

При всей гибкости GenerateBlocks по этой причине я бы не рекомендовал плагин пользователям, которым нужны макеты во всю ширину. Эти две уловки не идеальны для пользователей. В дизайне главное, чтобы пользователю не приходилось думать. Предоставленное решение должно просто работать.

Если бы мы дали этому единственному элементу плагина одну звезду, все остальное было бы просто пятью звездами.

Четыре блока плагина могут легко заменить несколько других блоков. Вместо того, чтобы создавать библиотеку из десятков разовых блоков, GenerateBlocks добавляет гибкости, не переусердствуя. Легко понять, почему пользователи дали ему идеальную пятизвездочную оценку (из 34 отзывов).

Всего плагин добавляет в редактор четыре блока:

• Контейнер
• Сетка
• Заголовок
• Кнопки

По общему признанию, я неравнодушен к плагину Automattic Layout Grid , прежде всего потому, что предпочитаю визуализацию сетки в фоновом режиме. Это успокаивает меня. Однако блок Grid в GenerateBlocks занимает второе место. На практике он более гибкий, предлагая больше вариантов макета из коробки и детализированный контроль. Для тех, кому нужен больший контроль над шириной столбцов и множеством вариантов цвета, типографики, фона и интервалов, GenerateBlocks не составит труда.

Блоки заголовков и кнопок по сути являются воссозданием основных блоков заголовков и кнопок со всеми параметрами, которые делают этот плагин полезным. Кроме того, у блоков есть дополнительная опция значков, которая позволяет пользователям выбирать между вводом собственного кода SVG или выбором из предопределенного списка общих и социальных значков. Это приятный штрих, который я хотел бы видеть в ядре WordPress.

То, что делает четыре блока плагинов такими гибкими, – это изобилие вариантов блоков. Для каждого блока вы найдете большинство следующих вкладок параметров с многочисленными полями под каждой:

• Типография
• Интервал
• Цвета
• Изображение на заднем плане
• Фоновый градиент
• Дополнительно (дополнительные параметры для вкладки “Основные”)
• Икона

Плагин также предоставляет возможности для настольного, планшетного и мобильного режимов. Это позволяет конечным пользователям вносить изменения в зависимости от размера экрана посетителя веб-сайта.

Если бы у меня была еще одна придирка к плагину, я бы сказал, что его параметры цвета не используют цветовую палитру, определенную темой. Для единообразия дизайна было бы неплохо иметь возможность использовать их без использования палитры цветов или ввода шестнадцатеричного кода. Обновление: есть кнопка «Показать цветовую палитру», которая делает это, но не было очевидно, что она предоставит доступ к моим цветам темы.

Последние мысли

Могу ли я порекомендовать плагин? Абсолютно.

Я хотел бы отметить проблему с блоком контейнера полной ширины с этой рекомендацией. Если вы используете это с темой, отличной от GeneratePress, вам понадобится решение для обработки полноразмерных секций. Для меня это самая важная часть того, что по сути является компоновщиком макетов, и она не оправдала этих ожиданий.

Однако одна проблема не умаляет полезности того, что создал разработчик. Это надежный плагин. Под капотом это хорошо закодированная и документированная часть программного обеспечения. Я не сомневаюсь, что в ближайшие годы он будет обслуживать гораздо больше пользователей и будет только улучшаться.