WP Block Builder: скрипт для создания статичных или динамических блоков в WordPress


Сейчас Джеффри Каранданг выпустил WP Block Builder, npm-скрипт для разрабов, позволяющий создавать блоки WordPress. Это очередной инструмент посреди бессчетных решений в сфере проектирования блоков, но у Джеффри есть достаточный опыт и отменная репутация для того, чтоб подняться над остальными. Пока что создатели скачали его скрипт чуток наиболее 500 раз.

Создатели, желающие заглянуть «под капот», могут поглядеть проект на GitHub.

Сейчас фактически нереально погрузиться в проектирование блоков для WordPress, не столкнувшись с некими решениями Джеффри. Он сделал общество ShareABlock в конце прошедшего года. Он проложил тропу для остальных разрабов, экспериментируя с различными мыслями в EditorsKit. Также он является сооснователем CoBlocks, который GoDaddy заполучил в 2019. И это лишь вершина айсберга – да, к слову, к разработке Iceberg он тоже имеет отношение.

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

«Вначале я сделал этот инструмент себе, так как мне приходилось повторять однотипные деяния при разработке плагинов блоков Gutenberg», – сказал Джеффри. – «Потом, создав его, я пошевелил мозгами, что он быть может полезен и иным юзерам. Беря во внимание, что он имеет минимальную конфигурацию, таковой инструмент дозволит сосредоточиться чисто на процессе сотворения блоков. Как указывает мой опыт, настройка конфигурации webpack просит времени и время от времени приводит к дилеммам».

Джеффри владеет большим опытом работы в сфере проектирования блоков, поэтому я уверен, что он добавил все нужные дополнения для убыстрения процесса разработки.

Читайте:  WooCommerce Payments позволяет владельцам магазинов управлять платежами, не покидая админку WordPress

В отличие от почти всех схожих скриптов, WP Block Builder дает два базисных блока по дефлоту. Один из их предназначен для обработки статичного контента, который нередко встречается в скриптах. 2-ой – динамический блок на стороне сервера. В итоге создатели могут создавать два различных типа блоков с 2-мя наборами требований для пуска. Остальные скрипты нередко нацелены на создание одноблочных плагинов, что является обычным подходом при добавлении решения в каталог блоков WordPress. WP Block Builder дозволяет создавать в том числе и многоблочные плагины, если это требуется.

«Моя цель – создать так, чтоб даже неопытные создатели могли просто сделать блок. Также я добавил пример динамического блока для продвинутых юзеров», – отметил Джеффри. – «В итоге юзеры получат комфортную площадку для тестов и ознакомления с каждой секцией блоков».

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

«Я стремлюсь возвратить то чувство, которое у меня было в то время, когда я начал создавать свою первую WordPress-тему», – отметил он. – «Ранее я вносил конфигурации в код, чтоб осознать, как он работает, и я был уверен, что могу просто откатиться к начальному состоянию, если вдруг что-то сломается».

Джеффри сказал, что он не получал никаких сообщений о дилеммах с момента пуска скрипта. Он с нетерпением ожидает решений, сделанных на базе его скрипта.

«Скрипт довольно общий, он дозволяет разрабам сходу же приступить к процессу проектирования плагинов с блоками», – отметил он. – «Я все еще жду оборотной связи, чтоб сделать лучше функцию разработки, но пока, по всей видимости, все идет отлично».

Читайте:  Проверка версий PHP и WordPress появится для тем

Создание плагина с блоками

WP Block Builder представляет собой форк скрипта WordPress Create Block. Он содержит в себе несколько доп npm-пакетов, но он также зависит от установки нескольких PHP-пакетов через Composer. Это требуется для того, чтоб убедиться, что создатели следует эталонам кодировки.

Установка обычная. Разрабам нужно выполнить команду npx wp-block-builder для пуска скрипта. Потом WP Block Builder будет задавать разрабам последующие вопросцы, которые разрешают настроить надлежащие поля:

  • Block slug (слаг блока)
  • Namespace (место имен)
  • Block title (заголовок блока)
  • Description (описание блока)
  • Author name (имя создателя)
  • Plugin license (лицензия плагина)
  • Version number (версия плагина)

Опосля установки плагин предложит два готовых блока для тестов. 1-ый блок – это базисный контейнер с опциями цвета текста и фона. Он поддерживает также сглаживание по ширине и по всему экрану. Работает этот блок так же, как и хоть какой базисный блок Group. Мне он нравится больше, чем базисный блок абзаца.

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

Создатели могут сходу же поэкспериментировать с блоками. Изучить код. Испытать что-то новое. Сломать, в конце концов, чего-нибудть.

Джеффри уповает, что в длительной перспективе процедура сотворения блоков станет лишь лучше. «Я интенсивно общаюсь с Гжегожем Зюлковским и Фабианом Кейги из команды Gutenberg», – отметил он. – «Они работают над тем, чтоб сделать лучше поддержку посторониих npm-пакетов в @wordpress/create-block. Это полезно и для Block Builder, и для Gutenberg, что дозволит также сделать лучше экосистему разработки Gutenberg-плагинов».

Источник: wptavern.com


Ваш комментарий

Ваш адрес email не будет опубликован.

Для отправки комментария, поставьте отметку, что разрешаете сбор и обработку ваших персональных данных . Политика конфиденциальности

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.