內容簡介
Studio Modules for Divi | Divi Studio Lite 是一款免費的 Divi 5 模組集合，專為 Divi Visual Builder 設計。透過這些現代化的模組，使用者可以更快速地建立著陸頁、行銷區塊、部落格和作品集，無需離開熟悉的編輯環境。
【主要功能】
• 17 個免費模組，包含多種設計選項
• 支援圖像旋轉木馬和 Lottie 動畫
• 提供進階的導航和評分功能
• 直觀的內容卡片和列表設計
• 簡化的設定選項，提升使用體驗
外掛標籤
開發者團隊
② 後台搜尋「Studio Modules for Divi | Divi Studio Lite」→ 直接安裝（推薦）
原文外掛簡介
Studio Modules for Divi | Divi Studio Lite is a free collection of modern Divi 5 modules for the Divi Visual Builder. Build landing pages, marketing sections, blogs, and portfolios faster — without leaving the builder you already use.
The full Divi Studio library includes 72 Divi 5 modules: 17 Free modules ship in this Lite plugin, and 55 Pro modules unlock in Divi Studio Pro. Browse Free vs Pro anytime from Divi Studio → Dashboard.
Designed for Divi 5 only. Lean controls, clean front-end output, and accessibility-minded interactive modules (including reduced-motion respect where it matters).
Why creators install it
Built for Divi 5 — native Visual Builder modules, not Divi 4 leftovers
Ready-to-design layouts — blurbs, lists, people cards, business hours, FAQs-style patterns via hover / flip / accordion modules
Media that converts — image carousel, logo carousel, before/after slider, Lottie animations
Navigation & trust — advanced menu, star rating, text highlighter
Studio DNA — focused settings instead of endless field dumps
Included free modules (17)
Advanced Blurb — flexible content cards with image or icon
Advanced List — icon lists, steps, and feature rows
Advanced Divider — styled section breaks
Dual Button — paired CTAs with shared alignment
Before After Slider — image comparison with drag handle
Image Carousel — swipeable image slides
Logo Carousel — client / partner logo loops
Post List — lean blog listings
Flip Box — front/back cards with accessible motion
Business Hours — opening hours with open/closed emphasis
Advanced Person — team profiles and socials
Image Accordion — expanding image storytelling panels
Lottie — lightweight Lottie animations in Divi
Advanced Menu — custom menus with mobile-friendly chrome
Star Rating — ratings for reviews and social proof
Hover Box — hover reveals with reduced-motion care
Text Highlighter — animated highlight marks on copy
Divi Studio Pro modules (55)
Unlock the remaining 55 Pro modules with Divi Studio Pro:
3D Testimonial
Advanced Carousel
Advanced Gallery
Advanced Tabs
Animated Heading
Audio Testimonial
Avatar Stack
Bar Chart
Blurb Marquee
Breadcrumbs
CPT Carousel
CPT Grid
Contact Form 7 Styler
Content Toggle
FAQ
Filterable CPT
Floating Images
Fluent Form Styler
Formidable Form Styler
Forminator Form Styler
Google Map
Image Hotspot
Image Hover
Image Marquee
Image Mask
Inline Content
Instagram Feed
Instagram Feed Carousel
Justified Gallery
Line Chart
Multi Location Map
Ninja Form Styler
Packery Gallery
Pie Chart
Post Carousel
Post Grid
Pricing Table
Product Carousel
Product Grid
SVG Animator
Social Share
Store Locator Map
Table
Table Of Contents
Testimonial Caterpillar
Testimonial Grid
Testimonial Marquee
Testimonial Scroll Trigger
Text Marquee
Tilt Card
Timeline
Vertical Menu
Video Marquee
Video Testimonial
WPForms Styler
Divi Studio dashboard
After activation, open Divi Studio → Dashboard in WP Admin to browse all 72 Studio modules (17 Free + 55 Pro), filter by tier, and upgrade when you need more.
Want more modules?
Divi Studio Pro adds the 55 Pro modules above — galleries, marquees, form stylers, testimonials, maps, charts, CPT grids, WooCommerce layouts, and more:
Upgrade to Divi Studio Pro →
When Divi Studio Pro is active, this free plugin deactivates automatically so modules never duplicate.
Requirements
WordPress 6.0+
PHP 7.4+
Divi theme / Divi Builder with Divi 5 Visual Builder enabled
Third-Party Libraries
This plugin bundles the following GPL-compatible open-source libraries:
Swiper 14.1.0 — MIT License — https://swiperjs.com/ (source: https://github.com/nolimits4web/swiper). Used by the Image Carousel and Logo Carousel modules. Distributed as assets/scripts/vendor/swiper.min.js and assets/styles/vendor/swiper.min.css.
Lottie Web — MIT License — https://github.com/airbnb/lottie-web. Used by the Lottie module. Distributed as assets/scripts/vendor/lottie.min.js.
Source Code
The Visual Builder package divi-5/scripts/bundle.js (and divi-5/styles/bundle.css) is produced with npm and webpack from human-readable TypeScript/SCSS sources that ship inside this plugin:
Source: divi-5/src/ (entry: divi-5/src/index.ts)
Build config: divi-5/webpack.config.js, divi-5/tsconfig.json, divi-5/package.json
Root npm scripts: package.json (npm install then npm run build)
Front-end module scripts under assets/scripts/*.js (except the vendor folder) are already human-readable and are not minified.
How to rebuild the Divi 5 bundle
Install Node.js 18 or newer.
From the plugin root: npm install
Build: npm run build
Outputs: divi-5/scripts/bundle.js and divi-5/styles/bundle.css
You do not need to rebuild for normal use — the compiled files are included for production.
