Shortcodes, Blocks, Widgets

IntroductionIntroduction

Gridbuilder ᵂᴾ works with Shortcodes, Gutenberg Blocks and Widgets. So, whatever the method you are using to edit your pages (Classic Editor, Gutenberg or Page builder), you will be easily able to insert your grids or facets in pages.

Insert ShortcodesInsert Shortcodes

If you are using the WordPress Classic Editor (or a builder with TinyMCE editor), you will find in the editor toolbar a button with Gridbuilder ᵂᴾ logo which allows to generate and insert shortcode in the editor content. This shortcode generator allows to insert Grid or Facet shortcodes.

Edit Post - Shortcode generator button
Editor – Shortcode generator
Edit Post - Insert shortcode
Editor – Shortcode popup

Insert Gutenberg BlocksInsert Gutenberg Blocks

If you are using Gutenberg editor to build your pages, you will be able to insert Grid or Facet blocks. By default, blocks from Gridbuilder ᵂᴾ are not rendered for performance reason. However, you will find in Global Settings > General option to render blocks of the plugin in Gutenberg. Rendering blocks in Gutenberg may create layout issue.

Gutenberg- Insert a block
Gutenberg – Insert block

Global settings - Render blocks in Gutenberg
Global settings – Render blocks

Insert WidgetsInsert Widgets

The plugin comes with 2 widgets: Block and Facet. So, you will be able to insert grids or facets in sidebars of your site. It can be pretty useful to add facet widgets in sidebar while having a grid in the main content.

Appearance - Add grid and facet widgets
Widgets – Block & Facet
Widget - Setup setup facet widget
Widgets – Facet settings