- Using Heading Block
- Buttons
- Post Grid
- Content Timeline
- Social Share
- Google Map
- Add Testimonials
- Info Box
- Section
- Team
- Icon List
- Price List
- Post Masonry
- Post Carousel
- Importing Starter Templates With Spectra
- Post Timeline
- Call To Action
- Advanced Columns
- Troubleshooting: Missing Icons
- Filters/Actions For Post
- Blockquote
- Spectra Patterns
- Contact Form 7: Multiple Column Fields
- Contact Form 7: Checkbox / Radio / Acceptance Control
- Unable To Style Contact Form 7
- Marketing Button
- Tab Index For Multiple Gravity Forms
- Getting Started With Spectra
- Manually Install Spectra Via FTP
- Table Of Contents
- How-to Schema
- FAQ’s: Schema/Accordion
- Inline Notice
- WP – Search
- Exclude Heading From TOC
- Review Schema
- Lottie
- Taxonomy List
- Tabs Block
- Block Display Conditions
- Create Contact Forms
- Import Single Pages, Templates, & Block Patterns
- Enable/Disable Design Library Button
- Update Folder File Permissions
- Assets API For Third-Party Plugins
- Star Rating
- Masonry Image Gallery
- Wireframe Blocks
- Copy & Paste Style
- Coming Soon Mode
- Load Google Fonts Locally
- Container Flex Property
- Default Content Width
- Blocks Editor Spacing
- Heading Block
- Image Block
- Buttons Block
- Translate Everything WPML
- Container Block
- Collapse Panels
- Responsive Conditions
- Taxonomy Styling Options
- Block Presets
- Image Gallery
- Counter Block
- Modal Block
- Registration Form Block
- Dynamic Content Extension
- Slider Block
- Pagel Level Custom CSS
- Countdown Pro
- Slider Custom Navigation
- Instagram Feed
- Loop Builder
- Animations
- Login Form Block
- Site Visibility
- Global Block Style Extension
- Spectra Actions: Clear Cache
- Create Popups
- Quick Action Bar
- Custom Blocks
- Move Block Patterns
- Grid Builder
- Move Title Bar To Top
- Resolving Container Layout Conflicts
- Newsletter Forms
- Register High-Privileged Users
- User Roles Access To AI
- Database Update Instructions (Below 2.0.0)
- FAQ's: VIP Priority Support
- Whitelist Email Address
- Hide Core Blocks
- Regenerate Assets With Code
- Using ACF Repeater Field in Spectra
- Pixabay Image Search Feature
- Â Getting Started with Instagram
- 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
- Advanced Loop Builder
- Multi-Column Form Block Using Utility Classes
- Why Am I Seeing Mixed Content or Non-HTTPS Errors?
- Preview Options (Desktop, Tablet & Mobile)
- 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.