Title: Sparkle for Divi Author: Felix Peeters Published: 2026년 4월 3일 Last modified: 2026년 4월 29일 --- 플러그인 검색 ![](https://ps.w.org/sparkle-for-divi/assets/banner-772x250.png?rev=3498502) ![](https://ps.w.org/sparkle-for-divi/assets/icon-256x256.gif?rev=3498502) # Sparkle for Divi 작성자: [Felix Peeters](https://profiles.wordpress.org/felix1958/) [다운로드](https://downloads.wordpress.org/plugin/sparkle-for-divi.1.0.0.zip) * [세부사항](https://ko.wordpress.org/plugins/sparkle-for-divi/#description) * [평가](https://ko.wordpress.org/plugins/sparkle-for-divi/#reviews) * [설치](https://ko.wordpress.org/plugins/sparkle-for-divi/#installation) * [개발](https://ko.wordpress.org/plugins/sparkle-for-divi/#developers) [지원](https://wordpress.org/support/plugin/sparkle-for-divi/) ## 설명 **Sparkle for Divi** lets you add stunning particle animations to any Divi section, row or module by simply adding a CSS class. No shortcodes, no custom code — just copy a class and paste. **20 built-in presets:** * ✨ Gold Elegance * 🌟 Silver Shimmer * 🌸 Rose Glow * 🎉 Rainbow Celebration * 🔥 Fire Sparks * ❄️ Snow Drift * 🌿 Mint Breeze * 💙 Neon Blue * 💜 Neon Purple * ❤️ Red Passion * 💎 Focal Point * ⭕ Circle Orbit * ✦ Horizontal – Gold * ✦ Horizontal – White * ✦ Horizontal – Rainbow * 🌠 Night Sky * ❙ Vertical – Left * ❙ Vertical – Right * Diagonal – Top Left * Diagonal – Top Right **Features:** * 5 particle shapes: Star, Dot, Square, Confetti, Custom (upload your own PNG) * 6 motion types: Sparkle, Float, Fall, Spin, Float+Spin, Fall+Spin * Line modes: Horizontal, Vertical, Diagonal, Focal Point, Circle Orbit * **Live Editor** — floating panel to fine-tune any preset in real time directly on your page * Live preview on every preset card — see changes in real time in the dashboard * Custom presets: duplicate any preset and give it your own name, class and description * Undo: up to 3 snapshots per preset — step back whenever you need to * Apply up to 3 presets on one element simultaneously * Global on/off switch without removing classes * Respects prefers-reduced-motion for accessibility * Activates only when the element enters the viewport (saves CPU and battery) * Global particle cap prevents performance issues on busy pages * Pure CSS keyframes — no canvas, no heavy libraries * Frontend footprint under 40 KB — Live Editor loads only inside the Divi Builder, never on visitor-facing pages **How to use:** 1. Go to **Sparkle for Divi** in the WordPress admin menu 2. Pick a preset and customize it to your liking 3. Click **💾 Save changes** — then **📋 Copy class** 4. Open any Divi section, row or module **Advanced Attributes Class** paste the class 5. Save your page and visit it — sparkles appear automatically! 6. Optional: click **⚡ Live Preview** to open the floating Live Editor and fine-tune your preset in real time directly on the page ## 스크린샷 [⌊The Sparkle dashboard with all presets and live preview⌉⌊The Sparkle dashboard with all presets and live preview⌉[ The Sparkle dashboard with all presets and live preview [⌊The floating Live Editor — fine-tune any preset in real time on your page⌉⌊The floating Live Editor — fine-tune any preset in real time on your page⌉[ The floating Live Editor — fine-tune any preset in real time on your page [⌊Preset card expanded — shape, motion, color, size, speed and more⌉⌊Preset card expanded — shape, motion, color, size, speed and more⌉[ Preset card expanded — shape, motion, color, size, speed and more [⌊Mode-specific controls for line, focal point and circle orbit presets⌉⌊Mode-specific controls for line, focal point and circle orbit presets⌉[ Mode-specific controls for line, focal point and circle orbit presets [⌊Sparkles in action on a live Divi page⌉⌊Sparkles in action on a live Divi page⌉[ Sparkles in action on a live Divi page ## 설치 1. In your WordPress admin, go to **Plugins Add New Plugin** 2. Search for **Sparkle for Divi** 3. Click **Install Now**, then **Activate** 4. Go to **Sparkle for Divi** in the admin menu to get started ## FAQ ### Does this work with Divi 5? Yes — Sparkle for Divi is built and tested specifically for Divi 5. Add the class via Advanced Attributes Class on any section, row or module. ### Will it slow down my site? No. The plugin loads two small files on the frontend (CSS + JS, under 40 KB total). The Live Editor loads only inside the Divi Builder — never on the visitor-facing page. Animations only activate when the element enters the viewport, and a global particle cap prevents any runaway scenarios on busy pages. ### Does it support accessibility? Yes. Enable “Respect prefers-reduced-motion” in the Settings tab to automatically disable animations for visitors who prefer reduced motion. ### Can I use my own shapes? Yes — upload any PNG (max 100×100 px, 50 KB) as a custom particle shape. Logos, icons, anything goes. ### Can I create my own presets? Yes — click Duplicate on any preset to create a personal copy with your own class name, title and description. Changes are fully independent of the original. ### Can I undo changes? Yes — each preset keeps up to 3 snapshots. Click Undo on the preset card to step back one change at a time. ### Can I apply multiple presets to one element? Yes — separate up to 3 class names with a space in the CSS Class field. ### What is the Live Editor? The Live Editor is a floating panel that opens directly on your page inside the Divi Builder. Adjust sliders and see the sparkle effect update instantly — no switching between tabs. When happy, click Save preset to persist the changes to the dashboard. ### Does it work in the Divi visual editor? Sparkles are designed for the frontend. Apply the class, save your page, and use the Live Editor (click the Live Preview button on any preset card) to fine-tune everything in real time directly in the builder. ## 후기 이 플러그인에 대한 평가가 없습니다. ## 기여자 & 개발자 “Sparkle for Divi”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ Felix Peeters ](https://profiles.wordpress.org/felix1958/) “Sparkle for Divi”(이)가 2 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi/contributors) 님께 감사드립니다. [자국어로 “Sparkle for Divi”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/sparkle-for-divi/)는, [SVN 저장소](https://plugins.svn.wordpress.org/sparkle-for-divi/)를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/sparkle-for-divi/)을 [RSS](https://plugins.trac.wordpress.org/log/sparkle-for-divi/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 #### 1.0.0 This is where things stop being “pretty good” and start behaving like they should. A lot has changed since the first release — most of it invisible, all of it noticeable. Live Editor that finally behaves * Changes apply instantly (no second-guessing)* Reset now actually resets — and sticks * What you see = what’s saved (wild concept, we know) Animations that make sense * Consistent behavior across all shapes * Float+Spin and Fall+Spin now do exactly what their names suggest * No more “why is this one acting weird?” moments Bring your own shapes * Upload PNGs and use them as particles * Logos, icons, experiments… go for it UI that explains itself * Hover anything get a clear answer (no jargon, promise)* Better visibility for controls and info elements * Less guessing, fewer surprises Presets that don’t fight back * Reliable behavior across the board * Duplicate, undo, edit — all predictable now * Jump from preset Live Editor with fewer clicks( because five clicks was a bit much) * Clear feedback on where things are used Badges that tell the truth * “In use” badges now update instantly when you add or remove effects * No more ghost badges from unsaved changes * Changes in the builder are reflected without manual refreshes * Everything stays in sync — even when Divi takes its time Behind the scenes (where most of the work actually went) * Fixed a lot of edge cases (especially inside the Divi Builder) * Resolved timing issues between builder saves and database updates * Previews and live updates are now stable instead of“ usually fine” * Removed fragile logic (including one that broke… pretty much everything 😅) * Cleaner code, fewer hacks, better performance Solid foundation (no drama) * Proper input validation (so things don’t go off the rails) * Full WordPress standards compliance * General cleanup to keep future updates sane In short: It does what you expect now. Consistently. Every time. And yes — even the badges behave. ## 기초 * 버전 **1.0.0** * 최근 업데이트: **5개월 전** * 활성화된 설치 **10+** * 워드프레스 버전 ** 6.0 또는 그 이상 ** * 다음까지 시험됨: **6.9.9** * PHP 버전 ** 7.4 또는 그 이상 ** * 언어 * [Dutch](https://nl.wordpress.org/plugins/sparkle-for-divi/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/sparkle-for-divi/), 그리고 [English (US)](https://wordpress.org/plugins/sparkle-for-divi/). * [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi) * 태그: * [animation](https://ko.wordpress.org/plugins/tags/animation/)[divi](https://ko.wordpress.org/plugins/tags/divi/) [effects](https://ko.wordpress.org/plugins/tags/effects/)[particles](https://ko.wordpress.org/plugins/tags/particles/) [visual effects](https://ko.wordpress.org/plugins/tags/visual-effects/) * [고급 보기](https://ko.wordpress.org/plugins/sparkle-for-divi/advanced/) ## 평점 아직 제출된 리뷰가 없습니다. [Your review](https://wordpress.org/support/plugin/sparkle-for-divi/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/sparkle-for-divi/reviews/) ## 기여자 * [ Felix Peeters ](https://profiles.wordpress.org/felix1958/) ## 지원 할 말 있으신가요? 도움이 필요하신가요? [지원 포럼 보기](https://wordpress.org/support/plugin/sparkle-for-divi/) ## 기부 이 플러그인이 발전하도록 도우시겠습니까? [ 이 플러그인에 기부하기 ](https://steunactie.be/actie/support-dolly-s-pain-free-future-and-life-extending-treatment/-41609)