Вчера Gutenberg Hub запустил коллекцию шаблонов блоков . Проект, который начался с создания 100 бесплатных шаблонов , призван помочь пользователям создавать сложные макеты, просто копируя и вставляя код блока в редактор.
Мунир Камаль, основатель CakeWP, создал Gutenberg Hub в 2017 году после того, как услышал о первоначальном анонсе проекта Gutenberg. «Это взволновало меня с первых дней, и это подтолкнуло меня к созданию блога, где я могу делиться материалами, связанными с Гутенбергом», – сказал он. «Все началось с отслеживания последних обновлений проекта Гутенберга и того, над чем работают другие, связанные с Гутенбергом. Позже я начал писать несколько руководств в блоге, чтобы помочь начинающим пользователям начать работу с Гутенбергом ».
Затем он создал каталог блоков, а затем добавил в него каталог шаблонов. «Наша цель – сделать Gutenberg Hub отличным ресурсом для пользователей Gutenberg», – сказал он. У него также есть другие большие цели с сайтом, в том числе потенциальный каталог тем наряду с существующими учебниками, шаблонами и блоками.
В настоящее время у Камала есть команда из пяти человек, работающих над его различными проектами CakeWP. Некоторые участники команды внесли свой вклад в библиотеку шаблонов. Один участник построил систему библиотек шаблонов поверх Gatsby , фреймворка на основе React, который может извлекать данные из CMS, например WordPress.
Идея библиотеки шаблонов пришла к Камалу, когда он пытался воспроизвести домашние страницы из конструкторов страниц WordPress из Гутенберга. «Я смог воссоздать популярные конструкторы страниц в Гутенберге без каких-либо дополнительных плагинов», – сказал он. «Но это потребовало от меня больших усилий, и я понял, что многого можно достичь с помощью ядра Гутенберга». Он начал думать о том, как шаблоны разделов могут помочь ему быстрее создавать страницы. «Итак, я начал создавать разделы, и в конечном итоге это переросло в идею библиотеки шаблонов».
С помощью члена команды они создали 100 пользовательских шаблонов за месяц. «Честно говоря, это заняло много времени», – сказал Камаль. «Я обязательно добавлю больше шаблонов. Но я хочу, чтобы другие дизайнеры, разработчики и пользователи внесли свой вклад и добавили шаблоны в эту библиотеку ».
Камаль в настоящее время создает систему, чтобы другие могли добавлять свои собственные шаблоны. В конечном счете, он хочет, чтобы проект в первую очередь управлялся сообществом. Идея аналогична по своему охвату сайту сообщества ShareABlock, но с упором на шаблоны.
Поскольку в этом году проект Гутенберга сфокусирован на блочных шаблонах , будет интересно посмотреть, как такие проекты, как этот, впишутся в эту парадигму. По крайней мере, библиотека шаблонов предоставит полезные идеи для команды Гутенберга, предоставив своего рода дорожную карту шаблонов, которые, возможно, стоит принять в ядре WordPress.
«Технически то, что я делаю с этой библиотекой, отчасти похоже на блочные шаблоны» , – сказал Камаль. «Я с нетерпением жду, как работает система шаблонов блоков, и постараюсь сделать все, чтобы эта библиотека работала с этим».
Коллекция шаблонов
Шаблоны в библиотеке – это, по сути, разделы страницы. Пользователи могут импортировать несколько разделов для создания ряда сложных макетов.
В отличие от других библиотек, где пользователям может потребоваться импортировать файл JSON, шаблоны Gutenberg Hub полностью копируются и вставляются. На сайте есть простая кнопка «Копировать код». После щелчка код блока копируется в буфер обмена, который можно вставить непосредственно в редактор блоков.
Некоторые блоки имеют собственный CSS для обработки определенных аспектов дизайна, который также можно копировать и вставлять. Камал рекомендует плагин Blocks CSS от ThemeIsle, который позволяет пользователям добавлять CSS непосредственно в редактор блоков. Другой вариант – пользователи могут добавить код CSS через настройщик WordPress. По моему опыту работы с некоторыми шаблонами, дополнительный CSS не требовался для получения хороших макетов.
Камал разбил коллекцию на 12 категорий, насчитывая 100 шаблонов:
- Герой
- Отзыв
- Команда
- Статистика
- Ценообразование
- Логотипы
- Галерея
- Характеристики
- Часто задаваемые вопросы
- Содержание
- Связаться с нами
- Открытка
Каждый найдет себе занятие по душе. Библиотека охватывает многие из самых популярных шаблонов, которые в настоящее время можно найти в Интернете. Я с удовольствием тестирую различные шаблоны. Некоторые лучше работают в моей теме, чем другие. В целом Gutenberg Hub создал солидный проект.
Шаблоны контактных форм требуют использования плагина Gutenberg Forms , который разработан и поддерживается Камалом. Это требование связано с тем, что WordPress не имеет встроенной системы форм, поэтому был необходим внешний плагин. Ни один из других шаблонов в настоящее время не требует плагина.
У Камала нет любимого шаблона из коллекции. Он подчеркнул, что не дизайнер. «Я изо всех сил старался собрать шаблоны, которые будут хороши и полезны во многих случаях использования», – сказал он. «Я надеюсь, что и другим понравятся шаблоны, и это может стать хорошей отправной точкой для создания красивого макета в Гутенберге».
