內容簡介
Magic Elements 是一款針對 Elementor 的全面擴展外掛，旨在透過多樣化的可自訂小工具、預設模板及進階功能，提升您的頁面建構能力。無論您是初學者還是經驗豐富的開發者，此外掛都能加速並簡化網站建置過程。
【主要功能】
• 獨特且強大的 Elementor 小工具集合
• 全站佈局控制的標頭、頁尾及 Mega Menu 建構器
• 將 Mega Menu 模板附加至 WordPress 導航菜單項目
• 預設模板助您快速啟動設計
• 易於使用的介面與無縫整合
• 完全響應式並優化性能
外掛標籤
開發者團隊
原文外掛簡介
Magic Elements is a comprehensive extension for Elementor, designed to enhance your page-building capabilities with a wide variety of customizable widgets, pre-designed templates, and advanced features. Whether you’re a beginner or an experienced developer, this plugin provides tools to make your website-building process faster and easier.
Features:
A collection of unique and powerful Elementor widgets.
Header, Footer & Mega Menu Builder for full-site layout control.
Attach Mega Menu templates to WordPress nav menu items.
Pre-designed templates to kickstart your designs.
Easy-to-use interface with seamless integration.
Fully responsive and optimized for performance.
Elementor Widgets Included
Magic Elements ships with a focused library of Elementor widgets, covering content, marketing, navigation, and layout use-cases:
✅ Image – Flexible image widget with full style controls.
✅ Button – Modern buttons with icon, hover, and alignment options.
✅ Pricing Table – Create pricing / plan tables with badges and CTA.
✅ Team – Showcase team members with image, name, role, and socials.
✅ Text Editor – Enhanced text/content block with styling controls.
✅ Image Accordion – Interactive image accordion with hover/click reveal.
✅ Flip Card – Front/back card with animated flip interaction.
✅ Heading – Advanced headings with typography and decorative styles.
✅ Post Category Tab – Filter posts by category in a tabbed layout.
✅ Accordion – FAQ/accordion content with icons and animations.
✅ Counter – Animated number counters for stats and milestones.
✅ Category List – List blog categories with icons and links.
✅ Card – Content card with image, title, text, and button.
✅ Tab – Horizontal tabs for organizing content sections.
✅ Post – Blog posts grid with thumbnail, meta, and excerpt.
✅ Image Compare – Before/after image comparison slider.
✅ Light Box – Custom lightbox for images, text, or video content.
✅ Post List – List style blog layout with meta and read more.
✅ Page List – List of selected pages with icons and links.
✅ Multiple Button – Repeater-based multi-button layout (button groups).
✅ Icon Box – Icon + title + description info boxes.
✅ Info Box – Content/info box with icon and call-to-action button.
✅ Feature List – Feature rows with icons, titles, and descriptions.
✅ Review – Testimonial/review block with rating stars.
✅ Timeline – Vertical timeline with dates, titles, and content.
✅ Progress Bar – Animated progress/skill bars with percentage.
✅ Multi Step – Multi-step wizard/flow with steps, content, and completion popup.
✅ Nav Menu – Custom header navigation menu with logo, search, and mega-menu ready structure.
✅ Nav Menu V2 – Advanced navigation with logo, AJAX search, cart, off-canvas, sticky header, and Mega Menu support.
Elevate your Elementor experience and create visually stunning websites with ease.
Source Code
The uncompiled JavaScript and CSS source code for this plugin is available in the following repository:
https://github.com/loyalcoder/magic-elements
This repository contains the original source files used to generate the minified assets included in the /assets/dist/ directory of the plugin. You can review, study, and modify the source as needed.
Build Instructions (If applicable)
To generate the minified assets from the source code, follow these steps:
Clone the repository: git clone [Your Repository URL] (Replace with your actual repository URL)
Navigate to the project directory: cd [Your Repository Directory] (Replace with your actual directory name)
Install dependencies: npm install
Build the project: npm run build (or your specific build command, e.g., yarn build, gulp build)
The generated files will be placed in the dist directory, ready to be used in your WordPress plugin. (Adjust this if your build process outputs to a different directory)
Credits
Developed by LoyalCoder. Inspired by the needs of Elementor users worldwide.
