SUUVO Widgets for Elementor
| 开发者 | yeasin62 |
|---|---|
| 更新时间 | 2026年5月7日 19:15 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
SUUVO Widgets for Elementor is a curated collection of 10 beautifully crafted, fully customizable Elementor widgets designed for modern landing pages, SaaS sites, and marketing pages. Every widget is built with modern design trends in mind — glassmorphism, gradient backgrounds, grain noise textures, and smooth micro-interactions — and ships with extensive Elementor controls for fine-tuning every detail.
Included Widgets (10)
- SUUVO Waitlist Button — Pill-shaped CTA button with multi-stop gradient, grain noise texture, inner highlight, outer glow, and 5 hover animation styles.
- SUUVO Vibrant Button — Bold gradient pill button with halo glow effect; toggle between gradient and solid backgrounds.
- SUUVO Frosted Button — Frosted-glass white surface button with gradient text via background-clip and embossed shadows.
- SUUVO Social Proof — Overlapping circular avatar stack with counter and label text; animated count-up on scroll-into-view.
- SUUVO Floating Gallery — Free-form positioned card showcase with spring animations: scroll-in stagger entrance, idle floating motion, mouse parallax, and hover lift/scale/3D-tilt. Switch to a clean grid layout when needed.
- SUUVO Hero Heading — Bold landing-page heading with mixed inline content (text, oval/circle/rounded images, large emoji) plus an optional side annotation (cursive script + curved arrow) for hand-drawn marketing emphasis. Independently controllable arrow + script positioning.
- SUUVO Tilted Cards — Colorful feature card stack with per-card rotation and Y-offset for an organic fanned-out look. Each card supports gradient backgrounds, flower-shaped icon badges, title, description, optional image, and responsive layouts (grid / stack / horizontal scroll).
- SUUVO Stacked Tabs — Sticky-scroll feature showcase where tab cards stack on top of each other with sticky positioning. Per-card content with phone mockup images, checklists, and gradient or solid backgrounds. Fully responsive.
- SUUVO Creator Cards — Five overlapping creator portrait cards arranged in an arc with parallax depth and floating idle animation. Plus configurable arrow + caption.
- SUUVO FAQ Accordion — Numbered FAQ items with gradient toggle button and smooth grid-template-rows expand animation. Theme-bleed-proof hover styling.
- Pixel-perfect design — glassmorphism, noise grain, inner highlights, soft glows, gradients with individual color stop controls.
- Fully customizable via Elementor — every widget exposes 30-50+ controls covering colors, typography, spacing, animations, layout, and per-element styling.
- Truly responsive — separate Desktop / Tablet / Mobile values on size, spacing, position, and layout controls. Per-breakpoint defaults that look good out of the box.
- Hover & idle animations — 5+ hover styles per applicable widget, plus optional idle breathing/floating animations. All respect
prefers-reduced-motion. - Scroll-triggered animations — IntersectionObserver-based entrance animations (fade, stagger, parallax) — fire once, no jank.
- Accessibility built in — semantic HTML, proper focus states, ARIA where appropriate, keyboard navigation for accordions and interactive widgets.
- Lightweight — no external libraries (no jQuery dependency for animations, no Framer Motion, no GSAP). Pure CSS + vanilla JavaScript with IIFE-wrapped strict-mode scripts.
- Theme-compatible — scoped styles, defensive locks against common theme overrides (Hello Elementor
button:hoverbleed, Astra typography, GeneratePress link styles). - Translation-ready — Text Domain
suuvo-widgets-for-elementor, all strings wrapped inesc_html__()/esc_attr__(). - Performance-conscious — assets only enqueue on pages where widgets are actually used.
- WordPress 6.0 or higher
- PHP 7.4 or higher
- Elementor 3.5.0 or higher (free version is sufficient)
安装:
From WordPress Admin
- Go to Plugins → Add New in your WordPress admin.
- Search for "SUUVO Widgets for Elementor".
- Click Install Now, then Activate.
- Open any page with Elementor — find SUUVO widgets under the SUUVO Widgets category in the widget panel.
- Download the plugin ZIP from WordPress.org.
- Go to Plugins → Add New → Upload Plugin in WordPress admin.
- Select the ZIP file, click Install Now, then Activate.
- Edit any page with Elementor — drag any widget from the SUUVO Widgets category onto the canvas.
- Unzip the plugin file.
- Upload the
suuvo-widgets-for-elementorfolder to/wp-content/plugins/. - Activate the plugin through the Plugins menu in WordPress.
屏幕截图:
常见问题:
Does this require Elementor Pro?
No. The free version of Elementor (3.5.0 or higher) is all you need. Every SUUVO widget works with Elementor Free.
Will it work with my theme?
Yes. SUUVO widgets ship with their own scoped styles and don't depend on theme styling. The plugin includes defensive CSS rules that handle common theme conflicts (Hello Elementor button hover bleed, Astra link colors, GeneratePress typography overrides, etc.).
Are the widgets responsive?
Yes. Every visual property — size, spacing, position, layout — exposes per-breakpoint values (Desktop / Tablet / Mobile) via Elementor's responsive control system. Default values are tuned for each breakpoint so your widgets look good on mobile out of the box.
Will the widgets slow down my site?
No. The plugin loads scripts and styles only on pages where its widgets are actually present (Elementor's built-in conditional asset loading). No external libraries — animations use native CSS plus minimal vanilla JavaScript. Total payload is roughly 250 KB across all 10 widgets.
Can I use these widgets without Elementor?
No. SUUVO widgets are built specifically for Elementor's editor and are registered as Elementor widgets. They cannot be used as Gutenberg blocks or page builder-agnostic shortcodes.
How do I customize the colors and gradients?
Every widget exposes its colors via Elementor Style controls — open any widget in the editor and use the Style tab. Gradient widgets have separate Color 1, Color 2, stop position, and angle controls. Hover state colors are typically separate from base state colors.
Is the plugin GDPR-compliant?
Yes. The plugin doesn't collect, store, or transmit any user data. It doesn't use cookies, doesn't make external requests, and doesn't include any tracking. It's purely a presentation layer for Elementor.
Can I translate the plugin into my language?
Yes. The plugin is fully translation-ready — Text Domain suuvo-widgets-for-elementor, all UI strings properly internationalized. WordPress will auto-load translations from /wp-content/languages/plugins/suuvo-widgets-for-elementor-{locale}.mo if present.
How do I report a bug or request a feature?
Use the WordPress.org plugin support forum, or open an issue on GitHub at the Plugin URI listed in the plugin header.
Is the source code open?
Yes. The plugin is licensed under GPLv2 or later. You're free to study, modify, and redistribute the code in accordance with the license.
更新日志:
For the complete release history (versions 1.0.0 through current), see CHANGELOG.md in the plugin folder. Below are recent releases.
1.9.34
- Renamed plugin folder and main PHP file from
suuvo-elementor-widgettosuuvo-widgets-for-elementorto match the WordPress.org-allocated plugin slug. No functional changes — all PHP code uses dynamic path resolution (__FILE__,plugin_dir_path()) so the rename is transparent. Updated readme installation instructions to reference the new folder name.
- Stripped SVG
<style>tag preservation entirely from container background sanitizer per WordPress.org reviewer guidance —<style>blocks in uploaded SVGs are now removed during sanitization. SVGs that need styling can usestyle=""attributes on individual elements (still supported via wp_kses). - Removed AI-assisted documentation files (WORDPRESS-SUBMISSION-GUIDE.md and similar) from the plugin folder per reviewer feedback. Full release history remains in CHANGELOG.md.
- Updated text domain across all 969 i18n function calls from
suuvo-elementor-widgettosuuvo-widgets-for-elementorto match the WordPress.org-allocated plugin slug. Text Domain header updated to match.
- Plugin display name renamed from "SUUVO Elementor Widget" to "SUUVO Widgets for Elementor" per WP.org reviewer guidance — clarifies non-affiliation with Elementor by using the "for [trademark]" naming convention.
- Added "Requires Plugins: elementor" header — uses WP 6.5+ plugin dependency feature so WordPress checks Elementor is installed and active before activating this plugin.
- Documentation comment added above the SVG-internal
<style>extraction in container-bg-extension.php to clarify it is SVG-scoped styling (per SVG spec), not page-level CSS — was flagged by automated tooling without context.
- Author URI updated to homepage
https://luminaith.com(Plugin URI keeps the plugin-specific landing page).
- Updated Contributors username from
gaziyeasintoyeasin62to match the actual WordPress.org account.
- Author/Contributor info finalized for WordPress.org submission: Author = Gazi Mohammad Yeasin, Plugin URI and Author URI = https://luminaith.com/suuvo-elementor-widget, Contributor username = gaziyeasin.
- WordPress.org Plugin Check compliance: replaced placeholder Plugin URI / Author URI with real GitHub URLs, removed deprecated load_plugin_textdomain() call (auto-loaded by WP since 4.6), removed unused Domain Path header, bumped Tested up to to 6.9, trimmed Tags to 5 per WP guidelines, and moved full changelog history to CHANGELOG.md so this section stays under the 5000-character limit.
- Stacked Tabs is now fully responsive across all breakpoints. Removed hardcoded CSS @media variable overrides that were defeating the responsive controls. Converted 7 visual-impact controls (card_radius, card_gap, tab_height, tab_radius, phones_min_height, checklist_icon_gap, checklist_spacing) from static to responsive with sensible tablet/mobile defaults. Per-card phone image and subtitle arrow auto-scale at smaller breakpoints via CSS variables. Total responsive controls: 18 (was 11).
- Tilted Cards: Card Min Height range expanded to 0-800px (was 200-700) so cards can shrink to content. New "Image Min Height" control exposes the previously-hardcoded 140px floor.
- Tilted Cards: removed hardcoded
width: 100% !importantmobile overrides that forced full-width regardless of Card Width control. Mobile Card Width and Card Min Height now actually apply.
- Hero Heading: arrow and script text move independently. Arrow movement switched from transform to position:relative + left/top so it composes properly with mirror flip. New Script Text Offset X/Y/Rotation controls so the script text can move without disturbing the arrow.
- Hero Heading: annotation positioning expanded — Vertical Position now supports both % and px, ranges expanded, negative offsets allowed. Added Fine-Tune X/Y and Rotation controls for pixel-precision nudging on top of the existing anchor controls.
- Hero Heading: "Heading Side Padding" now reliably applies via direct !important selectors instead of CSS-variable indirection. Cached per-page CSS no longer defeats the control.
- Hero Heading: split single Annotation Color into independent Script Text Color + Arrow Color. Added Arrow Offset X/Y and Rotation movement controls.