Advanced Heading for Gutenberg Block Editor

1. Add the Advanced Heading Block:
2. Open the WordPress Block Editor (Gutenberg).
3. Click the "+" button to add a new block.
4. Search for "Advanced Heading" and select it from the block library.
5. Alternatively, type "/advanced heading" and select the block when it appears.
6. Customize Your Heading:
7. After adding the block, select it to access the block settings in the right-hand sidebar.
8. Options available for customization include:
9. Font Settings 🔤: Choose font size, weight, and style from our extensive library.
10. Color Settings 🎨: Adjust text color, background color, and gradient options with our color picker or preset palettes.
11. Alignment ⬅️↔️➡️: Set text alignment to left, center, right, or justified with one click.
12. Typography Controls 📝: Fine-tune letter spacing, line height, and font family for perfect readability.
13. HTML Tag 🏷️: Change the heading level (H1–H6) based on your content hierarchy needs.
14. Apply Advanced Styles:
15. Text Highlighting ✨: Select specific words or phrases and apply highlight effects.
16. Image Masking 🖼️: Upload an image to use as a mask for your heading text.
17. Gradient Effects 🌈: Create beautiful color transitions across your heading text.
18. Borders & Shadows 📦: Add custom borders and shadow effects to make your heading stand out.
19. Use responsive controls 📱💻: Set different styles for desktop, tablet, and mobile views.
20. Add Animation Effects (Pro Feature) 🎬:
21. Select from a variety of entrance animations.
22. Set animation duration, delay, and easing options.
23. Preview animations directly in the editor before publishing.
24. Save and Preview 👁️:
25. Save your changes and preview the post/page to ensure the heading looks as intended.
26. Test responsive views using the responsive preview buttons in the WordPress editor.
27. Make any final adjustments before publishing.
28. Using Block Patterns (Optional) 📋:
29. Save your favorite heading designs as reusable patterns.
30. Access saved patterns from the pattern library for quick reuse.
31. Maintain consistent heading styles across your entire website.
32. Custom CSS (Optional) 🧩:
33. Add a custom CSS class in the block settings for further styling.
34. Use the Additional CSS panel in the WordPress Customizer for site-wide styles.
35. Target specific headings with unique identifiers for custom animations or effects.

Advanced Heading offers a comprehensive set of features including advanced typography controls, text highlighting, image masking, gradient text effects, custom borders, drop shadows, background effects, responsive design controls, and seamless integration with the Gutenberg editor. All these features are designed to help you create visually stunning headings that enhance your content's appeal and readability.

Yes! Advanced Heading is designed to work with any WordPress theme that supports the block editor (Gutenberg). The plugin is built using WordPress core standards, ensuring compatibility with the widest range of themes possible. Whether you're using a popular theme like Astra, GeneratePress, or Twenty Twenty-Three, or a custom theme, our plugin will integrate seamlessly.

Yes, upgrading to the Pro version unlocks additional premium features including:

• 🎭 Advanced animation effects with 50+ animation types
• 🔤 Exclusive font libraries with 800+ web fonts
• 🎯 SVG icon integration within headings
• ✨ Advanced text effects like neon glow, metallic texture, and 3D perspective
• 🛎️ Priority support with 24-hour response time
• 🔄 Regular feature updates and enhancements

No, this plugin is built specifically for the native WordPress block editor (Gutenberg) and eliminates the need for third-party page builders. It enhances the core WordPress editing experience rather than replacing it, making it lightweight and integration-friendly. If you already use the WordPress block editor, you can start using Advanced Heading immediately without learning a new interface.

Yes! Advanced Heading allows you to create multi-colored text in several ways:

1. 🎨 Apply different colors to selected words or characters within your heading
2. 🌈 Use gradient effects that blend multiple colors across your text
3. 🔍 Combine background colors with transparent text for creative effects
4. 🖼️ Apply image masking for textured or photo-based text effects All color options include a visual color picker with opacity control and the ability to save custom colors for reuse.

Absolutely! Advanced Heading is fully compatible with WordPress Full Site Editing (FSE). You can use our advanced heading blocks in your theme templates, template parts, and patterns. This makes it perfect for creating consistent heading styles across your entire site, including headers, footers, and custom page templates.

We've built Advanced Heading with performance as a top priority. The plugin:

• 🚀 Loads CSS and JavaScript assets only when needed
• ⚙️ Uses efficient code that minimizes processing time
• 📊 Optimizes all visual effects for fast rendering
• 🛡️ Implements WordPress core best practices for resource management Our internal tests show minimal impact on page load times, typically under 50ms of additional load time even with multiple advanced headings on a single page.

Yes, you can use Advanced Heading on websites you build for clients. The free version can be used on unlimited sites. If you're an agency or freelancer building multiple client sites, we offer special Pro license options with multi-site usage rights and white-labeling capabilities. Contact our sales team for more information about agency licensing.

Yes! Advanced Heading includes a convenient conversion feature. Simply select any existing heading block in your content, click the "Transform" option in the block toolbar, and select "Advanced Heading." All your existing text will be preserved and ready for enhancement with our advanced styling options. This makes it easy to upgrade your content without retyping anything.

Yes, Advanced Heading supports several keyboard shortcuts to speed up your workflow:

• 📝 /advanced - Quick insert an Advanced Heading block
• 🔤 Alt+Shift+H - Toggle between heading levels (H1-H6)
• 🅱️ Alt+Shift+B - Toggle bold formatting on selected text
• 🖌️ Alt+Shift+I - Toggle italic formatting on selected text
• 🎨 Alt+Shift+C - Open the color picker panel These shortcuts work in the WordPress block editor environment and help you style headings more efficiently.