內容簡介
用神奇的方式創建或新增您的網站元素!!
現在您可以通過Magical Blocks輕鬆添加或更新您的網站頁面和小工具元素。通過高度可定制的Magical Blocks For Gutenberg超級加速您的Gutenberg區塊。
Magical Blocks For Gutenberg是最易於使用的Gutenberg插件之一。您可以通過Magical Blocks For Gutenberg神奇地顯示您的網站內容。您可以為每個小工具設置無限選項。您可以通過您的想象幾乎實現任何設計。每個小工具和插件都已在不同的屏幕大小、移動設備上進行了測試。
Magical Blocks For Gutenberg擁有豐富易用且高度功能的Premium擴展集合，可用於Gutenberg頁面生成器。這真的是一個您可以免費獲得的Premium插件。
可用的插件
Magical Banner
Magical Image Carousel
Magical Card
Magical Info Box
Magical Hover card
Magical Accordion
自定義頁面模板
正在為更多區塊工作
翻譯
英文
外掛標籤
開發者團隊
② 後台搜尋「Magical Blocks – Elementor Style Blocks for Gutenberg」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Magical Blocks brings the Elementor experience to Gutenberg – build stunning websites with the same powerful design controls you love, but 100% native to the WordPress block editor.
🎯 Why Magical Blocks?
Elementor-Style Workflow – Familiar container-based layouts with Flexbox controls
Lightweight & Fast – Only loads assets for blocks you actually use
Design-First – Professional styling with full customization options
WordPress Native – Built entirely on the Gutenberg block editor
Developer Friendly – Clean code following WordPress coding standards
🚀 Get the Elementor Vibe in WordPress Editor
Miss Elementor’s intuitive design controls? Magical Blocks brings that same power to Gutenberg:
Flexbox Containers – Build complex layouts with direction, wrap, justify, and align controls
Nested Containers – Create sophisticated multi-column designs with Inner Container blocks
Full Responsive Control – Desktop, tablet, and mobile settings for every property
Visual Design Panel – Intuitive controls just like your favorite page builder
📦 12 Free Blocks
Layout Blocks:
1. Container Block – Powerful Flexbox container with full layout controls (direction, wrap, justify, align)
2. Inner Container Block – Nestable container for complex multi-column layouts
3. Section Block – Full-width sections with backgrounds and inner blocks
Content Blocks:
4. Heading Block – Advanced typography controls with Google Fonts integration
5. Button Block – Stylish buttons with hover effects and icon support
6. Icon Box Block – Icon + text combinations for features and services
7. Testimonial Block – Customer reviews with avatar and star ratings
8. Info Box Block – Information cards with icons and call-to-action
9. Image Box Block – Image + text layouts with hover effects
10. Counter Block – Animated number counters for statistics
11. Progress Bar Block – Visual progress indicators with animations
12. Divider Block – Stylish separators with icons and text
⚡ Key Features
Flexbox Layout System – Container blocks with full Flexbox controls like Elementor
On-Demand Asset Loading – CSS/JS only loads when blocks are used
Responsive Controls – Desktop, tablet, and mobile settings for all properties
CSS Variables – Easy theme integration and customization
Block Patterns – Pre-designed layouts (coming soon)
Pro Blocks – Additional premium blocks available (coming soon)
🎨 Full Customization
Every block includes comprehensive styling options – just like Elementor:
Typography (font family, size, weight, line-height, letter-spacing)
Colors (text, background, borders with opacity support)
Spacing (padding, margin with responsive controls)
Borders (width, radius, style, color)
Shadows (customizable box shadows)
Hover effects (transitions and transforms)
Layout Controls (Flexbox direction, wrap, justify, align, gap)
🔧 Developer Features
PHPCS compliant (WordPress Coding Standards)
ESLint & Prettier configured
Webpack build system with @wordpress/scripts
Proper internationalization (i18n ready)
Documented codebase with PHPDoc/JSDoc
💡 Perfect For Elementor Users
Switching from Elementor to Gutenberg? Magical Blocks makes the transition smooth:
Same container-based workflow you’re used to
Familiar Flexbox layout controls
Visual design panels for all styling options
No learning curve – just start building!
