Block Overview
MagicBlog provides 5 powerful Gutenberg blocks that transform your WordPress block editor into an engagement powerhouse. Each block is designed with modern UX principles, mobile responsiveness, and performance optimization.
🧱 Complete Block Collection
Post Grid Block
Star Rating Block
Views Counter Block
Post Carousel Block
Engagement Dashboard Block
🚀 Getting Started with Blocks
Adding Your First Block
Open the WordPress Block Editor
Click the + button to add a new block
Search for "MagicBlog"
Choose from 5 available blocks
Configure settings in the Inspector Panel
Publish and enjoy!
Block Configuration
Each block includes intuitive settings:
Common Settings (All Blocks):
Content Selection: Choose what to display
Layout Options: Control appearance and spacing
Style Customization: Colors, fonts, and effects
Responsive Settings: Mobile-specific adjustments
🛠️ Block Customization
Styling Options
Every block includes comprehensive styling controls:
Color Customization:
Text colors and background colors
Accent colors for interactive elements
Gradient support where applicable
Theme color palette integration
Typography Control:
Font family selection
Font size and weight options
Line height and letter spacing
Text alignment and decoration
Spacing & Layout:
Margin and padding controls
Gap between elements
Border radius and borders
Box shadow effects
🎨 Design Integration
Theme Compatibility
MagicBlog blocks work seamlessly with your theme:
Automatic Integration:
Inherits theme typography
Matches theme color schemes
Respects theme spacing
Follows theme responsive breakpoints
Manual Customization:
Override theme styles selectively
Add custom CSS classes
Use theme customizer integration
Apply global style settings
Last updated