- Importing Starter Templates With Spectra
- Filters/Actions For Post
- Spectra Patterns
- Contact Form 7: Checkbox / Radio / Acceptance Control
- Getting Started With Spectra
- WP – Search
- Create Contact Forms
- Import Single Pages, Templates, & Block Patterns
- Assets API For Third-Party Plugins
- Copy & Paste Style
- Load Google Fonts Locally
- Blocks Editor Spacing
- Translate Everything WPML
- Collapse Panels
- Site Visibility
- Spectra Actions: Clear Cache
- Quick Action Bar
- Custom Blocks
- Move Block Patterns
- Move Title Bar To Top
- Newsletter Forms
- Register High-Privileged Users
- User Roles Access To AI
- Whitelist Email Address
- Hide Core Blocks
- Regenerate Assets With Code
- Using ACF Repeater Field in Spectra
- How to Fix Stretched Spectra Images in WordPress 6.7
- How to Change Breakpoints in Spectra?
- Controlling Access to the Spectra Design Library Based on User Roles
- Multi-Column Form Block Using Utility Classes
- Preview Options (Desktop, Tablet & Mobile)
- Troubleshooting: Missing Icons
- Contact Form 7: Multiple Column Fields
- Unable To Style Contact Form 7
- Tab Index For Multiple Gravity Forms
- Manually Install Spectra Via FTP
- Enable/Disable Design Library Button
- Update Folder File Permissions
- Resolving Container Layout Conflicts
- Database Update Instructions (Below 2.0.0)
- Transparent / Sticky Header
- Change Site Logo
- Change Global Styles
- Disable Title on Posts & Pages
- Transparent / Sticky Header For Single Page / Post
- Change Header & Footer Patterns
- Custom / Google Fonts
- Reset Global Default Styling
- Manually Install Spectra One Via FTP
- Enable / Disable Header & Footer On Specific Pages / Posts
How to Add Custom Blocks Under Spectra Blocks
This guide walks you through adding your custom blocks to the Spectra Blocks category within the Gutenberg editor.
This approach helps you organize your blocks effectively and streamline your workflow.
Understanding the Spectra Block Category
Spectra uses a pre-defined category named uagb to group its blocks. Assigning your custom blocks to this category keeps them organized alongside Spectra’s functionalities.
Steps to Add Your Custom Block
Here’s how to integrate your custom block seamlessly with Spectra blocks:
- Develop Your Custom Block:
- Create the custom block you want to add to the Spectra category.
- Ensure it functions and looks as intended.
- Assign the Category:
- Within the code or settings of your custom block, locate the option for assigning a category.
- Select the category name uagb. This assigns your block to the Spectra Blocks category.
To better understand the process, you can refer to this example guide: https://gutenberghub.com/how-to-create-custom-block-category/
By following these steps, your custom blocks will appear within the Spectra Blocks category in the Gutenberg editor. This organization makes it easier to find and use your custom blocks alongside Spectra’s functionalities.
We don't respond to the article feedback, we use it to improve our support content.