CoBlocks — конструктор страниц Блоки Gutenberg

Описание

CoBlocks — это инновационная коллекция блоков WordPress для создания страниц для редактора блоков Gutenberg.

Благодаря дополнительным блокам и правильному построению строк и столбцов, CoBlocks предоставляет настоящий опыт создания сложных страниц для Gutenberg.

CoBlocks мощный, но легкий: он добавляет функциональность редактору WordPress без наворотов. Это плагин, которого так долго ждали и он способен заставить вас переосмыслить возможности WordPress.

Создавайте красивые веб-страницы с помощью Gutenberg и Cobblocks

CoBlocks — это последний конструктор страниц, который вам когда-либо понадобится: вы получаете выигрышное сочетание дополнительных блоков WordPress и функционала конструктора страниц. С CoBlocks у вас есть всё необходимое для создания красивых веб-страниц с помощью нового редактора блоков:

  • Блок аккордеона
  • Блок предупреждения
  • Блок профиля автора
  • Блок карусели галереи
  • Блок твита по нажатию
  • Блок галереи коллажей
  • Блок счётчика (новинка!)
  • Блок динамического разделителя
  • Блок событий
  • Блок ЧаВо
  • Блок списка функций
  • Блок блюд и напитков
  • Блок формы
  • Блок Gif-файла
  • Блок гистов GitHub
  • Блок герой
  • Блок выделения
  • Блок значка
  • Блок логотипов и значков
  • Блок карты
  • Блок кирпичнокладочной галереи
  • Блок медиа-карточки
  • Блок галереи со смещением
  • Блок резервирования OpenTable
  • Блок карусели записей
  • Блок записей
  • Блок таблицы цен
  • Блоки рядов/колонок с изменяемыми размерами
  • Блок услуг
  • Блок фигурного разделителя
  • Блок профилей соцсетей
  • Блок отправки в соцсети
  • Блок штабелированной галереи

Прорывная система создания страниц

CoBlocks имеет инновационную систему блоков, которая позволяет создавать потрясающие веб-страницы и даже целые веб-сайты с помощью нового редактора WordPress.

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

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

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

Каждый из блоков WordPress в CoBlocks был точно настроен, чтобы предложить привычный, но мощный опыт настройки. Адаптируйте каждый блок по своему вкусу, используя элементы управления и настройки. Изменяйте шрифты, устанавливайте поля и отступы, выбирайте цвета и многое другое.

Элементы настройки типографики

Мощная панель управления типографикой в CoBlocks позволяет создавать веб-страницы с привлекательной типографикой. Устанавливайте шрифты, размеры, толщины, преобразования и многое другое в блоках CoBlocks, и в основных блоках WordPress.

Бесплатная сопутствующая тема

CoBlocks создан для того, чтобы продемонстрировать лучшее из Gutenberg, но для полного раскрытия его потенциала требуется заточенная под Gutenberg тема. Мы также создали бесплатную тему Go, которая находится в репозитории тем WordPress и может служить идеальным компаньоном для CoBlocks.

Выход за пределы блоков Gutenberg

Концепция CoBlocks заключается в создании набора блоков Gutenberg, который помогает легко создавать красивые веб-сайты. Свежие версии CoBlocks являются высшим выражением этого видения.

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

Расширяемый, адаптируемый и с открытым исходным кодом — CoBlocks создан с учетом интересов разработчиков тем и плагинов. Если вы заинтересованы в участии в проекте, у разработчиков всех уровней есть возможности принять участие. Внесите свой вклад в CoBlocks на GitHub и присоединяйтесь к тусовке. 🎉

Регистрация произвольных шаблонов блоков

Создайте свой собственный шаблон блока (Внешний вид > Шаблоны блоков). Выберите самый верхний блок, Параметры панели инструментов блоков, Добавить шаблон, чтобы зарегистрировать шаблон блока и указать, к какой категории его отнести.

Скриншоты

  • Создавайте красивые веб-сайты с помощью CoBlocks
  • Создавайте модульные системы сеток с использованием блоков рядов и колонок CoBlocks
  • Двигайте курсором, чтобы изменить размер, а затем вставляйте блоки строк CoBlocks

Блоки

Этот плагин предоставляет 54 блока.

  • Shape Divider Add a shape divider to visually distinguish page sections.
  • Click to Tweet Add a quote for readers to tweet via Twitter.
  • Form Add a contact form to your page.
  • Dynamic Separator Add a resizable spacer between other blocks.
  • Row Add a structured wrapper for column blocks, then add content blocks you’d like to the columns.
  • Icon Add a stylized graphic symbol to communicate something more.
  • Counter Utilize the CoBlocks Counter block to highlight your company statistics and milestones.
  • Social Profiles Grow your audience with links to social media profiles.
  • FAQ Add a list of questions and answers.
  • Logos Add logos, badges, or certifications to build credibility.
  • Author
  • Alert
  • Highlight Draw attention and emphasize important narrative.
  • Gist Embed a GitHub Gist.
  • Events Add a list of events or display events from a public calendar.
  • Offset Display images in an offset brick pattern gallery.
  • Share Add social sharing links to help you get likes and shares.
  • Carousel Display multiple images in a beautiful carousel gallery.
  • Post Carousel (CoBlocks) Display posts or an external blog feed as a carousel.
  • Hero An introductory area of a page accompanied by a small amount of text and a call to action.
  • Media Card Add an image or video with an offset card side-by-side.
  • Services Add up to four columns of services to display.
  • Gif Pick a gif, any gif.
  • Features Add up to four columns of small notes for your product or service.
  • Pricing Table Add pricing tables to help visitors compare products and plans.
  • Stacked Display multiple images in a single column stacked gallery.
  • Posts Display posts or an RSS feed as stacked or horizontal cards.
  • Testimonials Utilize the CoBlocks Testimonials block to display customer feedbacks.
  • Collage Assemble images into a beautiful collage gallery.
  • Accordion Organize content within collapsable accordion items.
  • OpenTable Embed an OpenTable Reservations Widget.
  • Map Add an address or location to drop a pin on a Google map.
  • Gallery Masonry
  • Food & Drink Display a menu or price list.
  • Phone A text field for collecting a phone number.
  • Website A text field for collecting a URL.
  • Text A text box for custom responses.
  • Select A dropdown field with multiple options where only one choice can be made.
  • Email A field for collecting a validated email address.
  • Submit A button for submitting form data.
  • Textarea A text box for longer responses.
  • Hidden A hidden text field for collecting additional data.
  • Date A field for requesting date selections with a date picker.
  • Checkbox A checkbox field with multiple options where multiple choices can be made.
  • Radio A field with multiple options where only one choice can be made.
  • Name A text field for collecting the first and last names.
  • Column An immediate child of a row.
  • FAQ Item A question/answer within the FAQ block.
  • Event Item An event within the events block.
  • Service A single service item within a services block.
  • Feature A singular child column within a parent features block.
  • Pricing Table Item A pricing table to help visitors compare products and plans.
  • Accordion Item Add collapsable accordion items to accordions.
  • Food Item A food and drink item within the Food & Drinks block.

Установка

  1. Загрузите папку coblocks в свой каталог /wp-content/plugins/ или загрузите файл coblocks.zip в разделе установки плагинов WordPress, нажав «Загрузить плагин» и выбрав zip-файл на своём компьютере.
  2. Установите и активируйте плагин Gutenberg.
  3. Активируйте плагин CoBlocks в разделе плагинов WordPress.
  4. Используйте блоки CoBlocks на своей следующей странице или в записи.

Часто задаваемые вопросы

CoBlocks бесплатен?

Да! CoBlocks на 100% бесплатен и всегда будет таковым.

Как начать использовать Gutenberg?

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

Как использовать блоки CoBlocks?

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

Как создать произвольный шаблон блока?

CoBlocks позволяет создавать собственные шаблоны блоков.
1. Выберите все блоки, которые подходят для вашего шаблона.
2. В трёхточечном меню выберите пункт добавления шаблона дизайна.
3. Укажите название блока и выберите подходящую категорию.
4. Сохраните шаблон.

Какие темы WordPress работают с CoBlocks?

Любая грамотно разработанная тема WordPress будет работать с CoBlocks, хотя, если вы ищете примитивную бесплатную тему, ознакомьтесь с Go.

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

На какой версии WordPress работает CoBlocks?

CoBlocks разработан для поддержки двух последних основных версий WordPress, выпущенных в настоящее время. Если вы используете одну из этих версий, можете наслаждаться всеми функциями CoBlocks!

Отзывы

31.08.2023
Prbably the best Gutenberg extention which is available, but some error occours after the last update and there is absolutly no support by GoDaddy. Therefor only 3 of 5#changed to 5 stars 31.08.2023#Well, it seems that all our notices were heared and the Plugin got an update. now everthing is working smooth agein and yes, it the best Gutenberg Plugin which is available for free!
20.05.2023
Among all the freemium and false free builder it’s really cool to find a good builder. Simple yet effective. The support is great. Maybe a little more options can be added to some blocks. But i’m sure the plugin will evolve. Highly recommended if you want something simple (yet powerfull) and that works!
20.05.2023
Used it several times, very convenient and fast. You can see the result right away. Good work.
Посмотреть все 100 отзывов

Участники и разработчики

«CoBlocks — конструктор страниц Блоки Gutenberg» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«CoBlocks — конструктор страниц Блоки Gutenberg» переведён на 31 язык. Благодарим переводчиков за их работу.

Перевести «CoBlocks — конструктор страниц Блоки Gutenberg» на ваш язык.

Заинтересованы в разработке?

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

Журнал изменений

3.1.13 / 2024-07-25

Bug fix

  • Fix block migration error without dependency #2619
  • Fix unescaped excerpts in Posts Blocks — Thank you CleanTalk and Dmitrii Ignatyev #2618

3.1.12 / 2024-06-24

Misc

  • Use wp_safe_remote_get() to retreive remote .ics data #2614

3.1.11 / 2024-06-13

Bug fix

  • Fix disappearing buttons in Services block #2613

3.1.10 / 2024-05-30

Bug fix

  • Fix a possible XSS vector #2612

3.1.9 / 2024-04-30

Bug fix

  • Prevent local URLs from loading with events block #2607
  • Fix Site Content extension loading outside of editor #2609
  • Fix Site Design extension failing dom operations #2610

3.1.8 / 2024-04-02

Enhancements

  • Introduce WP 6.5 compatibility #2601
  • Introduce PHP 8.3 compatibility #2600

Bug fix

  • Fix bug around CoBlocks patterns #2599

Misc

  • Improve tests for WP 6.5 #2597
  • Improve CICD logic for WP 6.5 #2590

3.1.7 / 2024-03-11

Bug Fix

  • Security issue patched #2594

3.1.6 / 2024-02-28

Enhancements

  • Introduce a blueprint for WordPress preview #2580

Bug fix

  • Load extension styles for core blocks #2591
  • Fix Lightbox for all CoBlocks galleries #2589
  • Fix Lightbox with A3 Lazy Loading plugin #2588

Misc

  • Encode URI component in Typography settings #2584

3.1.5 / 2023-11-06

Enhancements

  • Compatibility changes for WP 6.4 #2568

Bug fix

  • Fix performance around superfluous data-store selectors #2575
  • Fix missing animation scripts in some cases #2576
  • Fix php warning occurring in some cases #2572

3.1.4 / 2023-09-07

  • Fix missing registered scripts #2566

3.1.3 / 2023-08-28

Bug fix

  • Fix text formatting bug #2563
  • Fix Lightbox for Masonry block #2565

Misc

  • Set supported version to 6.1 #2564

3.1.2 / 2023-08-10

Bug fix

  • Resolve Shape Divider bug #2553
  • Resolve Form Label warnings #2555
  • Resolve Form Array condition #2557
  • Fix Form name content order #2558

3.1.1 / 2023-08-09

Bug fix

  • Correct Requires at least value to 6.2 #2552

3.1.0 / 2023-08-08

Enhancements

  • Register all blocks in PHP #2521

Bug fix

  • Fix captions RichText controls across all galleries #2545
  • Fix form block test automation with WP 6.3 #2546
  • Fix form block saving with WP 6.3 #2543
  • Fix blocks for WP 6.3 compatibility #2538
  • Fix PHP Unit tests & update to WP-ENV 8.1.1 #2544

3.0.4 / 2023-06-22

Bug fix

  • Validate Site Design nonce and capabilities #2535

Misc

  • Fix Typo in lightbox code and resolve CI issues #2534
  • Update wp-env package #2532