[WordPress] 外掛分享： Elematic — Addons for Elementor

WordPress 外掛 Elematic — Addons for Elementor 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Elematic — Addons for Elementor」是 2025-10-31 上架。
  • 目前有 40 個安裝啟用數。
  • 上一次更新是 2026-01-13，距離現在已有 44 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

xy440 |

外掛標籤

webflow | elementor | elementor addons | elementor widgets | header footer builder |

內容簡介

總結: Elematic 是一個超輕量的 Elementor 外掛插件，提供日益增長的手工製作小部件集合，可強化您的設計工作流程，同時不會使您的網站變慢。

問題與答案:
1. Elematic 是為哪些人群設計的？
- 答：無論您是設計師、開發人員還是機構，Elematic 都提供乾淨、彈性的小部件，適用於現代網站，可建立互動式布局、令人驚嘆的標題、動畫內容等，而且不含任何贅肉。
2. Elematic 的特點是什麼？
- 答：Elematic 可以加快速度和性能（適用於 Hello Theme）、具有現代的 UI/UX 設計和乾淨的標記，完全兼容 Elementor 的免費和專業版，並且輸出友好的 SEO 和關注可訪問性。
3. Elematic 第一版包含哪些小部件？
- 答：第一版包括：手風琴、動畫標題、動畫形狀、按鈕、圓形進度條、圓形文本、網格、突出文本、圖片動畫、圖片滑動、信息鏈接、Lottie、跑馬燈和服務列表等小部件，還有更多功能在不斷增加中！

原文外掛簡介

🚀 NEW: Elementor Theme Builder (Header & Footer)
Elematic now includes a built-in Elementor Theme Builder, allowing you to create custom headers and footers visually using Elementor, without editing theme files or writing code.
You can:
– Design global or conditional headers and footers
– Edit header, content, and footer layouts seamlessly
– Use Elementor widgets and Elematic widgets inside headers and footers
– Replace theme headers and footers safely, even on block themes
This makes Elematic a complete layout solution, not just a widget pack.
Elematic is a fast, lightweight addon for the Elementor page builder, designed for modern WordPress websites. It includes beautifully animated widgets inspired by Webflow and Framer, giving you motion-design freedom directly inside Elementor.
Whether you’re building a landing page, business website, portfolio, SaaS layout, blog, or WooCommerce store, Elematic gives you everything you need to design clean, interactive, and high-converting layouts.
The plugin is built with performance first in mind. Assets load only when widgets are used, ensuring fast page loads, strong Core Web Vitals, and excellent Google PageSpeed scores.
🚀 With Elematic, you can build:
– Custom Elementor headers and footers
– High-engagement landing pages
– Animated portfolios and creative layouts
– Modern SaaS and agency websites
– Interactive product and marketing pages
👉 Perfect for:
✔ Designers
✔ Agencies
✔ Developers
✔ Bloggers
✔ WooCommerce stores
✔ Elementor users who want more control and better animations
🔥 Key Highlights
– Elementor Theme Builder (Header & Footer)
– Webflow & Framer-style animations
– Performance-optimized architecture
– Clean HTML and minimal CSS output
– Works with Elementor Free & Pro
– Fully responsive and SEO friendly
Elementor Theme Builder (Header & Footer)
Elematic includes a visual Theme Builder that lets you design headers and footers using Elementor.
Features:
– Create unlimited headers and footers
– Assign display conditions (global, pages, posts, archives)
– Edit headers/footers directly from the frontend
– Compatible with classic and block themes
– No theme file overrides
– Safe, lightweight, and cache-friendly
This brings Elementor Pro-style header/footer editing into a lightweight, developer-friendly plugin.
Included Widgets

Accordion
Clean collapsible FAQ sections with icons and smooth animation.

Animated Heading
Dynamic title animations (typed, sliding, or looping) to highlight key headlines.

Animated Shape
Modern motion shapes and blobs to add subtle, looping background animation to sections and hero areas.

Banner
Create modern hero banners with image, title, subtitle, and CTA buttons with animations, perfect for landing pages and marketing sections.

Breadcrumbs
SEO-friendly dynamic breadcrumbs for pages, posts, archives, and WooCommerce.

Button
Customizable button with icons, hover effects, and full control over typography, spacing, and borders.

Chart
Responsive, animated charts (bar, line, pie, radar, horizontal, vertical, etc.) powered by your data, with full color and typography control for dashboards and stats sections.

Circle Info
Interactive circular feature widget with auto/manual rotation and clickable icons revealing detailed content in the center.

Circle Progress Bar
Animated circular progress indicator with percentage display and full styling control for dashboards, skills, and achievement counters.

Circle Text (Webflow + Framer style)
Create rotating circular text around logos or icons with smooth Webflow/Framer-style animation for badges, seals, and hero sections.

Contact Form 7
Style Contact Form 7 forms inside Elementor with custom spacing, colors, and typography without touching CSS.

Countdown
Create animated countdown timers for launches, sales, or events with full control over layout, labels, and expiry actions.

Counter
Animate numbers from any start/end value with icons, prefixes, and suffixes to highlight key stats or milestones.

Dual Button
Create side-by-side CTA buttons with separate links and icons, featuring 50 built-in gradient presets for instant modern styling.

Features
Create flexible feature sections with custom items or fully dynamic content pulled from any post type. Supports images, titles, descriptions, meta info, and multi-column layouts for building service lists, feature highlights, or dynamic content showcases.

Flip Box
Create interactive cards that flip on hover with zoom, up/down, left/right and other 3D flip effects to reveal extra info or CTAs.

Gallery
Responsive, filterable image gallery with hover effects, spacing control, and built-in lightbox/popup modal for clean portfolio and showcase layouts.

Grid
Flexible multi-column content grid with image, icon, title, description, read-more link, and optional image lightbox for services, features, or portfolio cards.

Highlight Text (Webflow + Framer style)
Scroll-triggered highlight text effect inspired by Webflow and Framer, animating your headings or paragraphs as they enter the viewport.

Hotspot
Lets you add clickable markers over images with tooltips or popups, perfect for product highlights, maps, and interactive storytelling.

Icon Box
Lets you showcase features in 3 layouts using icon or image, with full-box hover effects for highly interactive service or feature blocks.

Image Animate
Adds smooth left-right and up-down reveal animations to your images for simple, lightweight scroll-based motion effects.

Image Box
Displays an image with title, description, and optional button in multiple layouts, ideal for feature/service cards and promo blocks.

Image Comparison
Add an interactive draggable before/after slider with hover, smoothing, and label controls for showcasing transformations or visual changes in horizontal and vertical orientation.

Image Hover
Add 30+ modern hover effects to images with title, description, and overlay controls for eye-catching rollovers.

Image Mask
Clip images into 80+ ready-made artistic shapes (ink, blobs, badges, etc.) for instant Webflow-style image frames.

Image Scrolling
Create smooth horizontal or vertical image scrolling effects for product shots, long screenshots, or parallax-style image reveals.

Image Slide (Webflow + Framer style)
Create smooth looping image strips that slide left, right, up, or down for modern Webflow/Framer-style hero and gallery sections.

Info Link
Create an interactive tab-style content switcher with icons where text changes dynamically on click for cleaner layouts and better UX.

Logo
Dynamic site logo widget with responsive images and title/tagline support.

Lottie
Add lightweight JSON animations with full playback controls, autoplay, loop, speed adjustment, and scroll-based animation support.

Marquee (Webflow + Framer style)
Create smooth, looping marquee rows for text or logos with controllable speed, direction, and hover pause, inspired by Webflow and Framer motion rails.

Menu
Advanced Elementor navigation menu for headers and layouts.

Page Title
Dynamic page, archive, author, and WooCommerce titles.

Post Alter. Display blog posts in an alternating left-right layout with featured images, meta info, excerpt. Perfect for storytelling-style blog layouts.

Post Grid. Display posts in a customizable grid with category filters, numbered pagination and AJAX “Load More” button without page reload.

Post Tiled
Modern tiled post layouts with 13 styles layout.

Progress Bar
Show elegant vertical or horizontal progress indicators for skills, stats, or milestones with full color and animation controls.

Service List (Webflow + Framer style)
Display modern, animated service rows with icons, descriptions, title, subtle and hover image inspired by Webflow and Framer layouts.

Table
Create responsive, styled data tables with headings, rows, and typography controls for pricing, feature comparison, or structured content layouts.

Team
Team member profiles in 4 styles with social links and hover effects.

Timeline
Visual timeline with custom or dynamic posts, alternating layouts, dates, images, and smooth milestone animations.

Global Module

Wrapper Link (Module)
Add a clickable link to entire widgets, columns, or containers, enabling full-area linking without custom code.

Features

Elementor Theme Builder (Header & Footer)
Works with Elementor Free and Pro
Loads assets only when needed
Translation ready (.pot included)
Compatible with caching and optimization plugins
Optimized for Core Web Vitals and Lighthouse scores

Support
For support, please visit the plugin support forum.
Credits
Developed by theme-x

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Elematic — Addons for Elementor」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0 | 1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 1.6 | trunk |

延伸相關外掛（你可能也想知道）

文章
Filter
Mastodon