Content Blocks Builder

描述

You don’t need to know React, JS, PHP, and even CSS to create your powerful custom blocks. You only need to know how to use gutenberg block editor to create custom blocks for your site directly on it. This plugin was created for this purpose.

Again, this plugin is NOT another block library. It helps users, designers or developers do three things directly on gutenberg block editor:

  1. To create custom blocks from core blocks or third-party blocks.
  2. To create custom block patterns.
  3. To create custom block variations.

This plugin allows you to create complex blocks from core blocks or third-party blocks just like you write on the block editor. And further you can create a powerful ‘repeater’ block with common layouts such as grid, carousel and the default vertical stack. You also can decide to lock a fixed number of items for a grid, carousel or vertical stack.
In addition to a rich list of features from WordPress itself and other plugins, this plugin provides an additional list of features that right now lack from the core WordPress, but they’re really useful for real world sites. The following features are free and ready to add to your custom blocks:

✓ Responsive text alignment
✓ Responsive custom height
✓ Responsive spacing (margin and padding)
✓ Responsive text alignment
✓ Responsive vertical alignment
✓ Responsive border and border-radius with elliptical style
✓ Media background with custom effects like parallax, fixed, verical or horizontal scrolling
✓ Overlay background and duotone
✓ Box-shadow builder
✓ 2D Transform builder
✓ Reveal animation effects
✓ Custom order list style
✓ Custom block icon
✓ Title, description, CSS class for blocks
✓ Placeholder to show all variations to choose from
✓ Multiple edit blocks.
✓ Copy/paste styles from a block to another across domains.
✓ Import/export your blocks, variations, patterns from a site to another.

Beside the above list of features, each ‘repeater’ block has it own unique features:

  1. Grid repeater block is built on top of CSS grid with options for customize responsive layout, responsive gap, and power user can input custom template columns for unique grid layout.
  2. Carousel repeater block is built on top of Swiper slider script. It supports almost all settings of Swiper slider script like: effect, loop type, transtion duration, autoplay?, responsive items to show, navigation, pagination, scrollbar etc.

There is also another functionality for manage custom categories for custom patterns.

A pre-defined collection of blocks, variations and patterns will be available soon. You can select or start from there. Please stay tune.

You can start design your own blocks now follow my instruction videos below:

How to create a grid repeater block:

How to create a hero block:

How to create a custom order list:

How to create a custom order grid:

螢幕截圖

  • Manage custom blocks, custom variations and custom patterns.

  • Create custom blocks/variations/patterns from "More Options" menu. Variations only can be created this way.

  • All settings of a custom block.

  • Settings for a repeater grid block.

  • Settings for a repeater carousel block.

安裝

  1. Upload the plugin files to the /wp-content/plugins/content-blocks-builder directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

常見問題

Who needs this plugin?

This plugin is made for developers or designers but anyone familiar with the block editor can use it.

Is this another block library?

No. It’s like a tool to create custom blocks, patterns, variations without coding.

Does it support pre-defined layouts / style?

Supports three layouts: Grid, carousel, default vertical stack. A collection of pre-defined blocks will be added soon, stay tune.

評價

2022年5月9日
It's 10-times better as BLOCKMEISTER Premium! Why? You can create Custom Block Pattern direct inside the Gutenberg Side Editor based on created Blocks on Side Template or Template Parts level - and not only on Post or Page level! That is really a unique feature of this free Block Pattern WP-PlugIn - no other Custom Block Pattern management PlugIns has this capability!! Really great feature design & programming work!!!
2022年4月13日
I am very much interested in tools which allow me to enhance and customize blocks without coding. This plugin looks like a very promising approach, since it combines blocks, block variations and block patterns (only resusable blocks are missing). Please keep developing this plugin!
2021年10月11日
I've been searching years for something like this to come out and finally! A practical and functional plugin that enhances gutenburg usability. How can not one single plugin out of thousands allow us to create 1 custom block out of a group of blocks? And with one single click? The built in re-usable blocks to me are useless. Thank you to whoever created this! You are a true genius.
閱讀全部3個評價

貢獻者及開發者

“Content Blocks Builder” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Content Blocks Builder 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.2.11

Release Date – 06 May 2022

  • DEV – Add scrollbar layout for carousel in edit mode
  • DEV – Support reveal animation for carousel
  • DEV – Upgrade swiper version 8.x
  • DEV – Add ‘Inherit’ value for templateLock
  • DEV – Add accessibility for overlay div
  • DEV – Add option to render background image as img element
  • DEV – Adjust theming

1.2.10

Release Date – 29 April 2022

  • DEV – Improve performance
  • REFACTOR – clean source code

1.2.9

Release Date – 25 April 2022

  • DEV – Add custom order list style

1.2.8

Release Date – 21 April 2022

  • DEV – Improve performance

1.2.7

Release Date – 21 April 2022

  • DEV – Allow create custom blocks, patterns from core/media-text block
  • DEV – Allow to copy/paste some new attributes
  • FIX – Fix some label issues

1.2.6

Release Date – 19 April 2022

  • DEV – Add overlay feature
  • DEV – Add duotone
  • DEV – Allow creating custom blocks from media-text block
  • DEV – Load compatible styles for blockbase, twentytwentytwo in iframe editor

1.2.5

Release Date – 15 April 2022

  • DEV – Improve performance
  • DEV – Support twentytwentytwo, blockbase themes
  • DEV – Icon library: focus on search box, press enter to insert icon.

1.2.4

Release Date – 12 April 2022

  • DEV – Update icons pack

1.2.3

Release Date – 06 April 2022

  • DEV – Support mata revisioning for metadata of blocks, variations and patterns
  • DEV – Add a helper functionality to allow select all children blocks from a selected block
  • DEV – Allow pasting elliptical border radius value directly on border radius control
  • DEV – Allow transform scale with negative value

1.2.2

Release Date – 29 March 2022

  • DEV – Add copy-paste feature
  • DEV – Allow editing multiple blocks at a time
  • DEV – Allow importing pattern categories
  • DEV – Add pre-defined height 100% option
  • DEV – Add example to custom blocks registration
  • FIX – Don’t allow adding a custom block to itself via admin screen
  • FIX – Query all posts for export functionality
  • REFACTOR – Refactor code

1.2.1

Release Date – 24 March 2022

  • DEV – Add pattern categories to patterns
  • DEV – Add settings widget to manage custom pattern categories
  • DEV – Add Pattern name to the pattern list screen on admin

1.2.0

Release Date – 22 March 2022

  • DEV – Add settings page
  • DEV – Add import/export functionalities
  • DEV – Remove pattern category
  • DEV – Remove deprecated styles

1.1.16

Release Date – 18 March 2022

  • DEV – Re-arrange admin menus

1.1.15

Release Date – 17 March 2022

  • DEV – Add ‘reveal animation’ feature
  • DEV – Add the icon to the admin list screen of custom blocks

1.1.14

Release Date – 15 March 2022

  • DEV – Add box-shadow features
  • DEV – Add transform features
  • REFACTOR – Refactor code

1.1.13

Release Date – 12 March 2022

  • DEV – Add border, border radius features
  • DEV – Support blockGap for custom blocks
  • DEV – Add color slug for pre-defined colors
  • FIX – Remove the top margin gap for the first block in a parent block with a custom blackground
  • REFACTOR – Refactor code

1.1.12

Release Date – 10 March 2022

  • DEV – Add icon library for block and variation icons
  • DEV – Add block, variation’s settings to PluginDocumentSettingPanel slot and fill
  • REFACTOR – Refactor code

1.1.11

Release Date – 02 March 2022

  • FIX – Vertical alignment for grid item block on mobile
  • FIX – Some typo issues
  • REFACTOR – Refactor code

1.1.10

Release Date – 14 February 2022

  • DEV – Allow negative margin for spacing feature
  • DEV – Add 4 columns to mobile preset layout for grid

1.1.9

Release Date – 02 February 2022

  • FIX Inherit style for spacing feature

1.1.8

Release Date – 01 February 2022

  • REFACTOR – Change prefix to a shorter string
  • REFACTOR – Change shorthand syntax to full syntax for spacing feature

1.1.7

Release Date – 01 February 2022

  • DEV – Mark grid item child block fill all available space, make block’s background media full block

1.1.6

Release Date – 28 January 2022

  • DEV – Allow creating empty blocks

1.1.5

Release Date – 18 January 2022

  • DEV – Add carousel layout

1.1.4

Release Date – 06 January 2022

  • DEV – Add more features to custom blocks: responsive height, spacing, text-alignment, vertical-alignment, justify-alignment, and media background

1.1.3

Release Date – 16 December 2021

  • DEV – Update grid template columns, grid column, grid row

1.1.2

Release Date – 02 December 2021

  • REFACTOR – Update pot file, change the label of the block category

1.1.1

Release Date – 01 December 2021

  • REFACTOR – Update __experimentalUseInnerBlocksProps to work with gutenberg 12.x

1.1.0

Release Date – 03 November 2021

  • DEV – Add grid layout for repeater blocks
  • DEV – Add custom inline SVG icon for blocks and variations
  • DEV – Support variation picker for custom blocks

1.0.2

Release Date – 13 October 2021

  • FIX – Template lock ‘None’ doesn’t work

1.0.1

Release Date – 12 October 2021

  • DEV – Make the plugin compatible with the Block Manager plugin

1.0.0

  • Release