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

Огляд GenerateBlocks Pro – плагіна конструктора сторінок наступного покоління

0

WordPress багато років використовував класичний редактор TinyMCE, перш ніж представив редактор блоків Гутенберга з версією 5.0. Гутенберг був вперше представлений як плагін, перш ніж нарешті став частиною ядра. Незважаючи на те, що користувачі довго вагалися щодо переходу від класичного редактора, було зрозуміло, що Гутенберг – це майбутнє WordPress. Світ блоків постійно розвивається, і GenerateBlocks є одним з найкращих творів, які повністю використовують редактор Гутенберга. У цій статті ми детальніше вивчимо функціональні можливості та можливості безкоштовних та професійних версій GenerateBlocks.

Плагіни GenerateBlocks проти конструктора сторінок

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

  • Плагін був розроблений тим же автором теми GeneratePress. Якщо ви використовуєте тему GeneratePress, цей плагін працюватиме безперебійно, хоча він працюватиме і з іншими темами.
  • Це легкий плагін, а завантажений zip -файл має розмір всього 180 КБ.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

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

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Одна таблиця стилів на Frontend

  • Плагін не вивантажує шорткоди в бекенді, він пропонує кілька блоків, які можна використовувати в редакторі Гутенберга. Якщо ви вимкнете плагін, ваш вміст буде залишатися без стилів CSS і без видимих ​​коротких кодів.

Якщо ви втомилися від важких конструкторів сторінок і шукаєте легкий досвід створення сторінок на основі блоків, то GenerateBlocks Pro для вас.

Безкоштовна версія VS Pro GenerateBlocks

GenerateBlocks дотримується тієї ж логіки, що й тема GeneratePress. Щоб використовувати преміальну версію Pro, вам потрібно встановити та активувати безкоштовну версію. Ліцензія на один сайт для версії Pro обійдеться вам у 39 доларів за рік безкоштовного оновлення та підтримки. Після цього вам потрібно оновити, щоб отримати підтримку/оновлення, або використовувати плагін без оновлень. Ви можете скористатися кредитною карткою або PayPal для оплати та завершити покупку.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Оплата через систему PayPal

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

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Отримайте ліцензійний ключ та завантажте елемент

Добре, що існує 30 -денна гарантія повернення грошей, яку ви можете використати, якщо це необхідно, щоб отримати повне відшкодування.

Встановлення версії GenerateBlocks Pro

Як вже згадувалося, вам потрібно спочатку встановити безкоштовний плагін GenerateBlocks, щоб використовувати версію Pro. Увійдіть на панель адміністрування WordPress і перейдіть до розділу «Плагіни> Додати новий». Шукайте «генератор блоків», щоб знайти та встановити плагін на своєму сайті. Після цього ви можете завантажити zip -файл Pro версії Pro та також активувати його.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Встановіть безкоштовні та професійні плагіни

Налаштування плагіна GenerateBlocks

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

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

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

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

Особливості безкоштовної версії

Безкоштовна версія плагіна як такого пропонує просто 4 блоки – контейнер, сітку, кнопку та заголовок.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Безкоштовні блоки

Хоча ви можете точно налаштувати типографіку, інтервали та інші параметри для кожного з цих блоків, вони є зайвими до блоків Гутенберга за замовчуванням. Ви можете вставити будь -який з цих блоків у редактор Гутенберга, подібний до звичайних блоків.

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

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Безкоштовний блок кнопок GenerateBlocks

Особливості Pro версії

Версія Pro пропонує єдиний блок «Бібліотека шаблонів» у редакторі на додаток до чотирьох безкоштовних блоків. Ви можете ввести /ген і відфільтрувати всі п’ять блоків для швидкого вибору.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

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

Блок бібліотеки шаблонів містить понад 150 окремих блоків, класифікованих у такі групи.

  • Каркаси

  • Наведені коробки

  • Зміст

  • Герой

  • Заклик до дії

  • Команда

  • Інформаційні скриньки

  • Значки соціальних медіа

  • Контакт

  • Колонтитул

  • Таблиця цін

  • Логотипи

  • Відгук

  • Заголовок

  • Кнопка

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

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

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

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Кнопки GenerateBlocks Pro

Налаштування блоків

Перевага GenerateBlocks полягає в тому, що ви можете налаштувати параметри блоку відповідно до вашого дизайну все в редакторі Гутенберга. Ви можете попередньо переглянути зміни на робочому столі, планшеті та мобільному телефоні, щоб перевірити вигляд блоку, перш ніж публікувати його в Інтернеті.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

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

Нижче наведено параметри налаштування, доступні для кожного елемента блоку:

  • Типографія – встановлення розміру шрифту, сімейства, ваги та перетворення для текстового вмісту.
  • Інтервал-налаштування властивостей відступів, полів, кордонів, радіусів кордонів та z-індексу.
  • Кольори – налаштування фону, тексту, посилань та кольорів рамки для звичайного перегляду та наведення курсором.
  • Фони – застосуйте зображення або колірний фон градієнта до вибраного елемента.
  • Фігури – плагін пропонує заздалегідь визначені форми для кривих, кутів, хвиль та трикутників. Ви можете вставити налаштування властивостей відповідно до ваших потреб.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Вставити фігури

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

Деякі блоки матимуть додаткову можливість компонування для регулювання ширини та інших параметрів.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Налаштування параметрів макета

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

Глобальні стилі, локальні шаблони та бібліотека активів

Окрім простої вставки блоків, GenerateBlocks також полегшує повторне використання шаблонів.

Використання глобальних стилів

Це ідеально, коли вам потрібно налаштувати стиль будь -якого існуючого блоку. Наприклад, вам подобається додавати додатковий стиль до одного із блоків заголовків і використовувати його на своєму сайті. У цьому випадку немає сенсу щоразу редагувати блок і налаштовувати його. Ідеальний спосіб – створити глобальний стиль і дати йому назву. перейдіть до «GenerateBlocks> Global Styles» та створіть новий стиль із своїм блоком заголовка та налаштуйте його. На параметрах блоку бічної панелі можна побачити, що плагін автоматично призначає глобальний ідентифікатор стилю. Ви можете перейменувати ідентифікатор з іменем, яке ви легко запам’ятаєте, наприклад, ми називаємо його як стиль-1.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Створіть глобальний стиль

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

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

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

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

Локальні шаблони

Це ще один варіант економії часу, подібний до створення багаторазових блоків у Гутенберзі. Перейдіть до «GenerateBlocks> Локальні шаблони» та створіть власний шаблон. Ви можете використовувати будь -які блоки з основного редактора Gutenberg, GenerateBlocks Pro або будь -якого іншого плагіна. Також можна призначити пропоноване зображення, щоб ви могли легко ідентифікувати його при вставленні з редактора.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Створення локального шаблону

Після створення локального шаблону ви можете вставити цей шаблон на будь -яку сторінку, використовуючи той самий «Блок бібліотеки шаблонів». Натисніть на вкладку «Локальний шаблон» і виберіть шаблон, який потрібно вставити на свою сторінку.

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

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

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

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

Можна створювати групи та додавати улюблені фігури чи значки під єдиною назвою. Потім ви можете вибрати ці групи з параметрів бічної панелі, вставляючи блоки в редактор.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Створення бібліотеки активів

Ви можете використовувати плагін Безпечний SVG для завантаження зображень SVG у бібліотеку, а GenerateBlocks Pro захопить вміст HTML із завантаженого .svg файлу та створить для вас об’єкт. Пам’ятайте, що зміна фігур у бібліотеці ресурсів змінить цю форму на вашому сайті. Однак зміна значків у бібліотеці ресурсів не змінить тих самих значків, які вже використовуються на вашому сайті.

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

Кожен блок має посилання на розділ документації GenerateBlocks Pro. Документація – це база знань, яка може допомогти вам зрозуміти, як працює плагін.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

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

Крім того, ви можете поставити свій запит на їхньому форумі або опублікувати квиток у службу підтримки, увійшовши у свій обліковий запис.

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Створіть квиток підтримки з облікового запису

Деякі проблеми

Ну, ви не можете мати все ідеально з плагіном, розробленим з урахуванням конкретного способу використання.

  • Найбільша плутанина, яку ви знайдете, – це формулювання «Бібліотека шаблонів», що використовується на сайті GenerateBlocks. Користувачі можуть легко подумати, що це повні шаблони сторінок, які ви отримаєте з будь -яким іншим плагіном для створення сторінок. Однак це лише блоки шаблонів Гутенберга, як пояснено вище. Хоча їх демонстраційний розділ зрозумілий, доречно буде використати щось на зразок “Бібліотека шаблонів блоків" або щось подібне (термін бібліотеки блоків уже використовується у WordPress, тому він повинен бути чимось іншим).

Огляд GenerateBlocks Pro - плагіна конструктора сторінок наступного покоління

Незрозуміла назва бібліотеки шаблонів

  • Такі ж назви блоків, як заголовок, кнопки, також можуть заплутати користувачів, оскільки вони вже є частиною основного редактора Гутенберга.
  • Для використання цих блоків вам потрібні дві версії плагінів (безкоштовна та Pro). Крім того, вам також потрібен додатковий плагін для завантаження ресурсів SVG. У підсумку він має мінімум три плагіни для повного використання функцій. Це та сама проблема з темою GeneratePress, що вам потрібно встановити кілька плагінів, які деяким користувачам можуть не сподобатися.
  • Ви можете отримати тему за 59 доларів, тоді як плагін коштує 39 доларів, що на наш погляд трохи дорожче.
  • Плагін може не працювати належним чином з іншими конструкторами сторінок і темами.

Це деякі незначні вади, які ми помітили. Ймовірно, це не великі справи, якщо вам подобаються функції плагіна.

Резюме

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

Плюси

  • Легкий і дозволяє будувати красиві блоки без здуття.
  • Привабливий у використанні редактор Гутенберга з 150+ блоками.

Мінуси

  • Ціни вищі і не працюють належним чином з іншими темами та конструкторами сторінок.
  • Плагін на основі блоків і не пропонує повних шаблонів сторінок.

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі