Wicked Block Builder Overview
When you go to Wicked Block Builder > Add New, you’ll see something that looks like this:
This is the block builder and what you’ll use to build your blocks. Wicked Block Builder is organized into six main areas:
- Settings
- Attributes
- Editor View
- Front-end View
- Sidebar
- Styles
Below is a brief description of each screen. For in-depth details of each screen, see Using Wicked Block Builder.
Settings
The Settings screen lets you control basic information about your block such as its name, what category it appears under, etc.
Attributes
The Attributes screen lets you define the attributes that your block will have. Attributes can either store data for your block or extract data from the content of your block.
Editor View
Blocks have two views: the editor view (how your block appears in the editor) and the front-end view (how your block appears on the front-end). The Editor View is where you’ll build the version of your block that appears in the editor.
Front-End View
The Front-End View screen lets you build the version of your block that appears on the front-end. If you want the editor and front-end views to look the same, you can often skip this screen (in which case the front-end view will be generated automatically for you based on the Editor View).
Sidebar
The Sidebar screen lets you add expand/collapse panels and other content that appear in the sidebar when your block is selected in the editor.
Styles
The Styles screen lets you enter the CSS for your block. If you’re familiar with enqueuing CSS, you can alternatively load your block’s CSS that way.
That’s all there is to it! Let’s build your first block.