Gutenberg Block Library: централизованная библиотека существующих блоков Gutenberg

Включение Gutenberg в ядро WordPress породило целую лавину новых блоков. На WordPress.org уже можно найти коллекции блоков, такие как Atomic Blocks, Stackable, CoBlocks. Однако зачастую очень сложно определить, какие именно блоки эти коллекции содержат. Многие блоки и коллекции разбросаны по сети. Разработчик тем WordPress Дэнни Купер решил создать централизованную библиотеку Gutenberg блоков, которые в настоящее время доступны для расширения нового редактора.

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

Gutenberg Block Library в настоящий момент содержит несколько десятков блоков. Посетители и разработчики блоков могут добавлять свои решения в библиотеку.

Купер является владельцем Olympus Themes, небольшой коллекции бесплатных и коммерческих тем WordPress. Он также создал свою коллекцию блоков Editor Blocks, которая нацелена на бизнес-сайты. Сопутствующая тема Editor Blocks доступна бесплатно в каталоге WordPress.org с поддержкой всех бизнес-блоков.

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

Основные навыки Купера лежат в PHP/jQuery. Он рассказал, что для создания Gutenberg-блоков ему не понадобилось глубокого понимания ES6, Webpack, Babel, React. Кривая обучения была достаточно крутой, но, изучив основы, он смог самостоятельно вносить свои небольшие вклады в Gutenberg.

«Поначалу мне казалось, что каждые пять минут я упираюсь в стену», — отметил Купер. – «Курс Зака Гордона помог мне пройти этот этап. Канал #core-editor в Slack оказался очень полезным. Также я изучал код основных блоков и обращался к Google. По мере роста моих знаний я решил попробовать отправить баг-репорты в другие библиотеки блоков и сделал небольшой вклад в Gutenberg на Github».

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

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

Библиотека Gutenberg Block Library – ценный ресурс для ранних последователей Gutenberg. Путем просмотра списков можно найти множество блочной функциональности, создаваемой сообществом. Пользователи, которые переключатся на Gutenberg в релизе WordPress 5.0, найдут десятки блоков (уже даже сотни к тому времени), доступных для нового редактора.

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

Блог про WordPress
Комментарии: 2
  1. Андрей

    А вот это уже интересно. Спасибо за новость!

  2. Looler

    Блин, все таки чувствую Gutenberg сделает очень крутой прорыв для WP Theme разрабав, но поймут и оценят это ненавистники Gutenberg чуть позже!

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

    За статью спасибо, и вправду очень полезный ресурс от Дэнни Купера.

Добавить комментарий

Получать новые комментарии по электронной почте.