Getting Started
Welcome to Blockbite! This guide will help you get started with using the plugin to unlock advanced design capabilities within the WordPress block editor.
Finding the Blockbite Controls
Once you've installed and activated the Blockbite plugin, you can find its controls in the block settings sidebar.
- Select any block in the WordPress editor (like a Paragraph, Heading, or Image).
- Open the block settings sidebar on the right (
Ctrl + Shift + ,onWindows or⌘ + Shift + ,on Mac). - You will see a new panel named Blockbite. Click on it to expand the controls.
A screenshot showing the Blockbite panel in the WordPress block editor's sidebar.
Applying Your First Style
Let's try a simple example to see how it works. We'll change the width of a Paragraph block.
Select a Block
Click on any Paragraph block in the editor to select it.
Open the Dimensions Panel
In the Blockbite panel on the right, find and click on the Dimensions section to expand it.
Set a Width
You will see input fields for WIDTH, HEIGHT, MIN WIDTH, etc. Select a
unit, for example, Percentage Units, and select a value in the WIDTH
field, for example, 1/2.
See the Change
You should see the width of your Paragraph block update instantly in the editor.
You've just applied your first style with Blockbite. It's that simple! You can now explore the other controls to customize your blocks further.
Core Concept
Blockbite works by adding styling controls directly to the native WordPress blocks you already use, and on custom Blockbite blocks. It's designed to give you more creative freedom right within the Gutenberg editor.
Now you're ready to explore all the different design options Blockbite has to offer. Try applying different styles to various blocks and see what you can create!
Explore Further
This section serves as your starting point. To learn more about specific features and advanced usage, check out the following guides: