TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Обзор GenerateBlocks Pro – плагина для построения страниц нового поколения

42

WordPress использовал классический редактор TinyMCE много лет, прежде чем представил редактор блоков Gutenberg версии 5.0. Gutenberg был сначала представлен как плагин, прежде чем, наконец, стал частью ядра. Хотя пользователи не решались перейти с классического редактора, было ясно, что за Гутенбергом будущее WordPress. Мир блоков постоянно развивается, и GenerateBlocks – одна из лучших частей, полностью использующих редактор Gutenberg. В этой статье мы подробнее рассмотрим функциональные возможности и особенности бесплатной и профессиональной версии GenerateBlocks.

Плагины GenerateBlocks против Page Builder

Мы используем WordPress почти десять лет и использовали многие популярные плагины для создания страниц, такие как WPBakery, Elementor, SiteOrigin и т.д. Большинство этих плагинов сильно зависят от JavaScript и резко снижают скорость сайта. После Гутенберга мы полностью избавились от компоновщиков страниц и начали использовать вместо них блоки. Поскольку мы также используем тему GeneratePress, просто подумал о том, чтобы попробовать GenerateBlocks Pro, чтобы проверить, как это работает.

  • Плагин разработан тем же автором темы GeneratePress. Если вы используете тему GeneratePress, этот плагин будет работать без проблем, хотя он также будет работать с другими темами.
  • Это легкий плагин, размер загруженного zip-файла составляет всего 180 КБ.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Легкий плагин

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Одна таблица стилей во внешнем интерфейсе

  • Плагин не сбрасывает шорткоды на бэкэнде, он предлагает несколько блоков, которые вы можете использовать в редакторе Gutenberg. Если вы отключите плагин, ваш контент останется без стилей CSS и без видимых шорткодов.

Если вам надоели тяжелые конструкторы страниц и вы ищете легкий конструктор страниц на основе блоков, тогда GenerateBlocks Pro для вас.

Бесплатная версия GenerateBlocks против Pro

GenerateBlocks следует той же логике, что и тема GeneratePress. Вам необходимо установить и активировать бесплатную версию, чтобы использовать премиум-версию Pro. Лицензия на один сайт для версии Pro обойдется вам в 39 долларов с бесплатным обновлением и поддержкой в ​​течение одного года. После этого вам необходимо продлить подписку для получения поддержки / обновления или использовать плагин без обновлений. Вы можете использовать кредитную карту или PayPal для оплаты и совершить покупку.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Оплата через PayPal

После завершения покупки загрузите zip-файл плагина и запишите лицензионный ключ для активации.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Получите лицензионный ключ и загрузите элемент

Хорошо то, что есть 30-дневная гарантия возврата денег, которую вы можете использовать в случае необходимости, чтобы получить полный возврат средств.

Установка версии GenerateBlocks Pro

Как уже упоминалось, вам необходимо сначала установить бесплатный плагин GenerateBlocks, чтобы использовать версию Pro. Войдите в административную панель WordPress и перейдите в раздел «Плагины> Добавить новый». Выполните поиск по запросу «generateblocks», чтобы найти и установить плагин на свой сайт. После этого вы можете загрузить zip-файл версии Pro и также активировать его.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Установите бесплатные и профессиональные плагины

Настройки плагина GenerateBlocks

Плагин добавит набор меню под заголовком «GenerateBlocks» на боковой панели и перейдет в раздел настроек, чтобы активировать лицензионный ключ.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Обновить лицензионный ключ

Помимо активации лицензии, вы можете выбрать, загружать ли файл CSS извне или встроить в него. Мы обсудим локальные шаблоны, глобальные стили и параметры библиотеки ресурсов позже, когда поймем, как использовать блоки.

Особенности бесплатной версии

Сама бесплатная версия плагина предлагает всего 4 блока – контейнер, сетку, кнопку и заголовок.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Бесплатные блоки

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

  • Контейнер – создайте контейнер с полной шириной, добавьте фон и вставьте несколько блоков внутри контейнера.
  • Сетка – создание макета столбцов с несколькими вариантами сетки.
  • Заголовок – создайте заголовок и настройте параметры.
  • Кнопки – создание одиночных полноширинных кнопок, расположенных друг над другом (по горизонтали / вертикали).

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Блок кнопок Free GenerateBlocks

Особенности Pro версии

Версия Pro предлагает один блок «Библиотеки шаблонов» в редакторе в дополнение к четырем бесплатным блокам. Вы можете ввести / gene и отфильтровать все пять блоков для быстрого выбора.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Блок библиотеки шаблонов

Блок библиотеки шаблонов содержит более 150 отдельных блоков, разделенных на следующие группы.

  • Каркасы

  • Ящики для наведения

  • Содержание

  • Герой

  • Призыв к действию

  • Команда

  • Информационные окна

  • Иконки социальных сетей

  • Контакт

  • Нижний колонтитул

  • Таблица цен

  • Логотипы

  • Отзыв

  • Заголовок

  • Кнопка

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Библиотека блоков шаблонов

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

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Кнопки GenerateBlocks Pro

Настройка блоков

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

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Вставленный блок шаблона

Вот параметры настройки, доступные для каждого элемента блока:

  • Типографика – установите размер шрифта, семейство, вес и преобразование для текстового содержимого.
  • Интервал – отрегулируйте свойства заполнения, поля, границы, радиуса границы и z-индекса.
  • Цвета – настройка цвета фона, текста, ссылок и границ для обычного просмотра и просмотра при наведении курсора.
  • Фоны – применить к выбранному элементу фоновое изображение или градиентный цвет.
  • Фигуры – плагин предлагает предопределенные формы для кривых, углов, волн и треугольников. Вы можете вставить свойства в соответствии с вашими потребностями.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Вставить фигуры

  • Эффекты – дополнительные эффекты для таких элементов, как переход, непрозрачность, тень блока, тень текста, преобразование и фильтр.
  • Документация – ссылка на страницу справочной документации.
  • Дополнительно – опция Гутенберга по умолчанию для добавления якорей HTML и дополнительных классов CSS. Кроме того, плагин добавит здесь параметры для добавления настраиваемых атрибутов и скрытия на рабочем столе / мобильном телефоне / планшете.

У некоторых блоков будет дополнительная опция компоновки для регулировки ширины и других параметров.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Настройка параметров макета

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

Глобальные стили, локальные шаблоны и библиотека ресурсов

Помимо простой вставки блоков, GenerateBlocks также упрощает повторное использование шаблонов.

Использование глобальных стилей

Это идеально, когда вам нужно настроить стиль любого существующего блока. Например, вы хотите добавить дополнительный стиль к одному из блоков заголовков и использовать его по всему сайту. В этом случае нет смысла каждый раз редактировать блок и настраивать его. Идеальный способ – создать глобальный стиль и дать ему имя. перейдите в «GenerateBlocks> Global Styles», создайте новый стиль с вашим блоком заголовка и настройте его. В параметрах блока боковой панели вы можете видеть, что плагин автоматически назначает глобальный идентификатор стиля. Вы можете переименовать идентификатор в легко запоминающееся имя, например, мы называем его style-1.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Создать глобальный стиль

Когда вы создаете страницу / публикацию, вы можете выбрать этот глобальный стиль при вставке блока в редактор. Вы должны включить ползунок «Использовать глобальный стиль» и выбрать имя, которое вы указали в раскрывающемся списке. Теперь все ваши пользовательские стили будут применены к блоку мгновенно.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Вставить глобальный стиль в редактор

Использование опции глобального стиля сэкономит вам много времени, если вы захотите настроить несколько блоков с дополнительными стилями. Вы можете применить глобальный стиль только для настольных компьютеров и использовать другой стиль для мобильных устройств и использовать любую такую ​​комбинацию.

Локальные шаблоны

Это еще один вариант экономии времени, аналогичный созданию многоразовых блоков в Гутенберге. Перейдите в «GenerateBlocks> Локальные шаблоны» и создайте собственный шаблон. Вы можете использовать любые блоки из основного редактора Gutenberg, GenerateBlocks Pro или любого другого плагина в этом отношении. Также можно назначить избранное изображение, чтобы его можно было легко идентифицировать при вставке из редактора.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Создать локальный шаблон

После создания локального шаблона вы можете вставить этот шаблон на любую страницу, используя тот же «Блок библиотеки шаблонов». Щелкните вкладку «Локальный шаблон» и выберите шаблон для вставки на страницу.

Библиотека активов

GenerateBlocks Pro использует два типа ресурсов – предопределенные формы и значки в формате SVG. Разница в том, что фигуры – это динамические элементы, обслуживаемые из библиотеки, а значки загружаются с этой конкретной страницы. Вы можете добавить свои собственные формы и значки, перейдя в раздел «GenerateBlocks> Asset Library».

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Библиотека активов

Можно создавать группы и добавлять свои любимые фигуры или значки под одним именем. Затем вы можете выбрать эту группу из опций боковой панели при вставке блоков в редактор.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Создать библиотеку активов

Вы можете использовать плагин Safe SVG для загрузки изображений SVG в библиотеку, и GenerateBlocks Pro извлечет содержимое HTML из загруженного файла .svg и создаст для вас ресурс. Помните, что изменение фигур в библиотеке ресурсов изменит эту форму на всем сайте. Однако изменение значков в библиотеке ресурсов не изменит значки, уже используемые на вашем сайте.

Поддержка и документация

У каждого блока есть ссылка на раздел документации GenerateBlocks Pro. Документация – это база знаний, которая поможет вам понять, как работает плагин.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Портал документации

Кроме того, вы можете задать свой вопрос на их форуме или отправить запрос в службу поддержки, войдя в свою учетную запись.

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Создать заявку в службу поддержки из учетной записи

Некоторые проблемы

Что ж, вы не можете добиться идеального результата с помощью плагина, разработанного с учетом конкретного способа использования.

  • Самая большая путаница, которую вы найдете, – это формулировка «Библиотека шаблонов», используемая на сайте GenerateBlocks. Пользователи могут легко подумать, что это полные шаблоны страниц, которые вы получите с любым другим плагином для построения страниц. Однако это только блоки шаблона Гутенберга, как объяснено выше. Хотя их демонстрационный раздел понятен, будет уместно использовать что-то вроде «Библиотеки шаблонов блоков» или что-то в этом роде (термин «Библиотека блоков» уже используется в WordPress, поэтому это должно быть что-то другое).

Обзор GenerateBlocks Pro - плагина для построения страниц нового поколения

Непонятное имя библиотеки шаблонов

  • Такие же имена блоков, как заголовок и кнопки, также могут сбивать с толку пользователей, поскольку они уже являются частью основного редактора Gutenberg.
  • Для использования этих блоков вам понадобятся две версии плагинов (бесплатная и Pro). Кроме того, вам также понадобится дополнительный плагин для загрузки ресурсов SVG. В итоге получается минимум три плагина, чтобы полностью использовать функции. Это та же проблема с темой GeneratePress: вам нужно установить несколько плагинов, которые могут не понравиться некоторым пользователям.
  • Вы можете получить тему за 59 долларов, в то время как плагин стоит 39 долларов, что, на наш взгляд, немного дороже.
  • Плагин может некорректно работать с другими конструкторами страниц и темами.

Мы заметили несколько незначительных сбоев. Вероятно, это не большая проблема, если вам нравятся функции плагина.

Резюме

GenerateBlocks Pro – это полное волшебство CSS для редактора блоков Гутенберга. Плагин не повлияет на скорость загрузки страницы и поможет создавать красивые макеты, аналогичные любым другим плагинам для построения страниц. Попробуйте GenerateBlocks Pro, и вы больше никогда не вернетесь к тяжелым конструкторам страниц.

Плюсы

  • Легкий и позволяет строить красивые блоки без вздутия.
  • Привлекательный для использования редактор Гутенберга с более чем 150 блоками.

Минусы

  • Более высокая цена и некорректная работа с другими темами и конструкторами страниц.
  • Плагин на основе блоков и не предлагает полные шаблоны страниц.

Источник записи: www.webnots.com
Leave A Reply

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