[WordPress] 外掛分享： LMSCrafter Gradient Text for Elementor

內容簡介

LMSCrafter Gradient Text for Elementor 是一款輕量級的外掛，讓使用者能在 Elementor 中輕鬆添加漸層文字，無需編寫 CSS 或購買 Elementor Pro。只需拖放即可完成，簡單方便。

【主要功能】
• 提供兩個專用的漸層文字小工具
• 支援多種文字標籤（H1-H6、p、span、div）
• 20 種美麗的預設漸層調色板
• 自訂漸層顏色與類型（線性與徑向）
• 動畫漸層效果與懸停效果
• 完整的排版控制與響應式對齊

外掛標籤

開發者團隊

原文外掛簡介

How to Add Gradient Text in Elementor
Looking for a simple way to add gradient text in Elementor without writing CSS or buying Elementor Pro? LMSCrafter Gradient Text for Elementor is the solution.
This lightweight plugin adds two dedicated gradient text widgets to your Elementor editor, one for headings and one for rich text content. Just drag, drop, pick your gradient, and you’re done. No coding, no bloat, no Pro required.
Why Choose LMSCrafter Gradient Text for Elementor?
Most gradient text solutions require either Elementor Pro with custom CSS knowledge, or installing a massive 100+ widget addon suite just for one feature. This plugin does one thing perfectly: gradient text for Elementor, and nothing else.
Two Powerful Widgets

Gradient Text – Perfect for gradient headings, titles, and short text. Supports H1-H6, p, span, and div tags with optional link wrapping.
Gradient Text Editor – A full WYSIWYG rich text editor with gradient support. Add gradient effects to paragraphs, bold text, italic text, lists, and any formatted content.

20 Beautiful Preset Gradient Palettes
Get started instantly with curated gradient presets:

Sunset – Warm orange to pink
Ocean – Deep blue to cyan
Forest – Teal to green
Fire – Red to orange
Purple Rain – Violet to magenta
Cherry Blossom – Pink floral
Northern Lights – Green to blue aurora
Citrus – Orange to yellow
Frost – Icy blue gradient
Rose Gold – Warm metallic blush
Midnight – Dark teal
Candy – Purple to cyan
Neon – Electric green to blue
Peach – Peach to coral
Royal – Deep purple
Bubblegum – Playful pink
Aurora – Cyan to green
Cyber – Vibrant pink to purple (3-color)
Warm Flame – Orange flame
Mango – Yellow to orange

Full Customization

Custom Gradient Colors – Pick your own colors with up to 5 color stops
Linear & Radial Gradients – Choose gradient type and control the angle
Highlighted Text – Apply gradient to specific words in a heading instead of the entire text
Gradient Pill Effect – Add a gradient pill background behind highlighted words
Gradient Underline – Thick gradient underline bar beneath highlighted words
Gradient Marker – Highlighter pen effect on highlighted words
Gradient Glow – Soft gradient glow effect behind highlighted words
Animated Gradient – Flowing, shifting gradient animation with speed and direction controls
Text Stroke Gradient – Apply gradient to text outline for stunning hollow text effects
Hover Effects – Add a different gradient on hover for interactive text
Full Typography Control – Font family, size, weight, letter spacing, and text shadow
Responsive Alignment – Set different alignment for desktop, tablet, and mobile
Link Support – Make your gradient text a clickable link

Works with Elementor Free
Unlike custom CSS methods that require Elementor Pro, this plugin works with the free version of Elementor. No Pro license needed!
Lightweight & Conflict-Free

Single-purpose plugin that does one thing perfectly
Properly namespaced code (prefixed with lmsc-gte-) to avoid conflicts with themes and other plugins
No jQuery dependencies, no external API calls, no database tables
Compatible with all WordPress themes and Elementor addons

Support
Need help? Visit our Support Center for documentation and assistance.
For Developers
The plugin exposes a lmsc_gte_preset_gradients filter so theme and plugin authors can register custom presets without forking:
add_filter( 'lmsc_gte_preset_gradients', function ( $presets ) {
$presets['brand'] = [
'label' => __( 'Brand', 'my-theme' ),
'colors' => [ '#0a3d62', '#3c6382' ],
];
return $presets;
} );

A new “Gradient Text” dynamic tag is also registered under Elementor’s Site group — open the dynamic-content menu inside any text field and pick it to apply gradient styling without dragging a widget. The tag works inside any Elementor field that preserves HTML markup (Heading, Text Editor, HTML widget, button labels with wp_kses_post rendering, and most theme builder fields).