Обзор GenerateBlocks: расширение WordPress с помощью блоков

Опубликовано: 2020-03-10

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

Что такое GenerateBlocks?

GenerateBlocks создается людьми, которые владеют и запускают GeneratePress.com. GeneratePress - это бесплатная тема WordPress премиум-класса, разработанная Томом Усборном. Что мне больше всего нравится в этой команде, так это то, что она спроектирована и разработана с учетом скорости и производительности. В зависимости от сайта (и клиента) я разрывался между использованием GeneratePress и WP Astra. Оба увидели повышение скорости и производительности функций по всей своей кодовой базе, при этом позволяя свободу создания любого типа дизайна, который вы хотите.

Давайте посмотрим на блоки

Основная идея GenerateBlocks заключается в том, что есть четыре простых блока, которые вам понадобятся для создания любого типа макета, от самого простого до самого сложного. Четыре блока - это контейнер, сетка, заголовок и кнопки.

Контейнерный блок

Пример блока контейнера

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

Блок сетки

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

Заголовок блока

Теперь, когда вы добавили тупик, следующая вещь, которую вы, возможно, захотите добавить, - это блок заголовка. Блок заголовка действительно настроен, чтобы помочь вывести вашу типографику на совершенно новый уровень. С помощью блока заголовка вы можете добавлять заголовки, идущие от тегов H1 до H6, и даже можете добавить блок текста. В блоке Заголовок вы можете управлять такими настройками, как типографика, цвета, интервал и даже значки.

Блок кнопок

Наконец, завершение GenerateBlocks - это блок кнопок. С помощью блока кнопок вы можете создать любую кнопку, будь то социальные сети, кнопка для получения дополнительной информации или даже кнопка регистрации. А с блоком кнопок у вас есть контроль над типографикой, цветами, интервалом и даже значками. Что мне больше всего нравится в блоке Buttons, так это то, что вы можете добавлять несколько кнопок в один блок. Вы также можете стилизовать его немного по-другому, например, выровнять кнопки по горизонтали и вертикали или даже занять все пространство, где расположен этот блок кнопок.

Видео обзор

Чтобы увидеть все это в действии, я создал для вас видеообзор. Этот видеообзор немного отличается. На момент написания этой статьи и во время этого видео GenerateBlocks все еще находится в альфа-версии, поэтому мы, вероятно, увидим изменения в GenerateBlocks и способе его работы. Я начал это видео, используя стандартную тему TwentyTwenty WordPress, которую я использовал для всех обзоров до сих пор.

Однако вы узнаете одно: через некоторое время не имело смысла использовать его в теме TwentyTwenty из-за того, что он находился в альфа-состоянии и потому что он действительно так хорошо работает с GeneratePress. Поэтому я переключился на использование GeneratePress в течение последних 20 минут видео. Как всегда, я надеюсь, что вам понравятся эти видео, и вы сможете дать пошаговое руководство, которое поможет вам подумать о том, как можно использовать новый редактор блоков WordPress на своем сайте.

Ключевые особенности использования этого плагина

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

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

Какие типы блоков включены?

Как я уже упоминал ранее, с GenerateBlocks поставляются четыре блока.

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

Цена?

Цена на GenerateBlocks бесплатна. Это делает его доступным решением, с которым вы можете начать играть и видеть все, что вы можете делать в редакторе блоков WordPress. Вам понадобится GeneratePress Premium, поэтому вы планируете потратить около 50 долларов на эту тему.

Кому следует использовать этот плагин?

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

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

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