- Using Heading Block
- Buttons
- Post Grid
- Content Timeline
- Social Share
- Google Map
- Add Testimonials
- Info Box
- Team
- Icon List
- Price List
- Post Masonry
- Post Carousel
- Post Timeline
- Call To Action
- Advanced Columns
- Blockquote
- Marketing Button
- Table Of Contents
- How-to Schema
- FAQ’s: Schema/Accordion
- Inline Notice
- WP – Search
- Review Schema
- Lottie
- Taxonomy List
- Tabs Block
- Create Contact Forms
- Star Rating
- Masonry Image Gallery
- Wireframe Blocks
- Heading Block
- Image Block
- Buttons Block
- Translate Everything WPML
- Container Block
- Taxonomy Styling Options
- Block Presets
- Image Gallery
- Counter Block
- Modal Block
- Registration Form Block
- Slider Block
- Pagel Level Custom CSS
- Countdown Pro
- Slider Custom Navigation
- Instagram Feed
- Loop Builder
- Animations
- Login Form Block
- Global Block Style Extension
- Create Popups
- Custom Blocks
- Move Block Patterns
- Grid Builder
- Newsletter Forms
- Register High-Privileged Users
- Hide Core Blocks
- Section
- Troubleshooting: Missing Icons
- Spectra Patterns
- Contact Form 7: Multiple Column Fields
- Contact Form 7: Checkbox / Radio / Acceptance Control
- Unable To Style Contact Form 7
- Tab Index For Multiple Gravity Forms
- Getting Started With Spectra
- Exclude Heading From TOC
- Block Display Conditions
- Importing Starter Templates With Spectra
- Getting Started With Spectra
- Manually Install Spectra Via FTP
- Automatic Beta Updates
- Rollback To Previous Versions
- Load Google Fonts Locally
- Activate Spectra Pro License
- Install Spectra Pro
- Translate Strings With Loco Translate
- Process Refund Requests
- 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.