GutenBricks
  • πŸš€ Getting Started
    • Next: Common Troubleshooting Issues
    • Next: Configure Page Template to render
    • Next: Manage Block using Template Bundles
    • πŸ€”Most common troubleshooting step
  • 🌟Features
    • Working with Elements
    • Variants
    • InnerBlock
    • Fine-Tune Text Editing
    • Dynamic Class
    • Code Block with Dynamic Data
    • πŸ’‘Quick Tips
      • Dynamic Short Code
      • Accordion Block using InnerBlock
    • ⚑Advanced
      • Custom Block HTML ID
      • Value Binding (coming soon)
      • Creating "comments and docs" inside a template
      • Globally Updating Block Styles
      • Block Wrapper Dynamic Class
      • Working with WPML or Polylang
  • πŸ€Dynamic Data
    • GB:Meta
    • ACF
      • Setting Up ACF
      • Post Object Field (in-progress)
    • Meta Box
      • Setting Up Meta Box (In-progress)
      • Post Field (in-progress)
    • Built-in GutenBricks Dynamic Data
  • 🍰Client Experience
    • Documenting Blocks
    • Custom Block Preview
    • Custom Pop-up Text
    • Default Page Template
  • πŸ› οΈCustomizing Gutenberg
    • Gutenberg Editor Custom CSS
      • CSS Snippet: Make the block section not full height for ACSS
  • 🀹Resources
    • πŸ‘©β€πŸ’» Developer API
      • echo:gb_current_element_id returns unique ID
      • GutenBricks Events for Gutenberg Editor
      • gb_get_field()
      • Unique IDs
      • Filter: gutenbricks_bricks_theme_name
    • πŸ”Œ Third Party Integrations
      • ACSS integration with GutenBricks
        • ACSS 2.8.0 Section padding missing
      • ACF / Meta Box integration
    • ❀️ Our Approach and Philosophy
  • πŸ“– Changelog
    • Known issues and bugs
    • Current Changelog
    • Past Changelog
      • v1.1-RC (Released as v1.1.0)
      • v1.0-RC (Released as v1.0)
Powered by GitBook
On this page
  • Create your first block

πŸš€ Getting Started

Let's create your first block within a second

NextNext: Common Troubleshooting Issues

Last updated 10 months ago

TLDR;

  1. Create a Bricks template and set the type as GutenBricks – Block

  2. The template will be available as a block

  3. View it if it’s rendered. (If you want to render blocks in full page-width follow )

Ask us questions at or join our and

Create your first block

  1. First, create a template and set its type to GutenBricks - Block (If not, it will not show up as a Block)

  2. (optional) You can additionally assign the template to a specific bundle. If this is not done, it will by default be included in the "default" bundle.

  1. Use the block in the Gutenberg editor.

If you cannot find the block inside the Gutenberg editor, please check:

  1. If the template type was set to GutenBricks – Block

  2. Suppose the template was assigned to a custom Template Bundle. In this case, you must activate the bundle in GutenBricks settings.

  1. You can also configure which Post Types you want to enable the blocks for.

this method.
support@gutenbricks.com
Slack
Facebook Group!