Title: Shogun Styling Addons For Elementor
Author: Sankalp Bhagat (WP Shogun)
Published: <strong>2026 年 7 月 3 日</strong>
Last modified: 2026 年 7 月 3 日

---

搜尋外掛

![](https://ps.w.org/shogun-styling-addons/assets/banner-772x250.png?rev=3595336)

![](https://ps.w.org/shogun-styling-addons/assets/icon-256x256.png?rev=3595336)

# Shogun Styling Addons For Elementor

 由 [Sankalp Bhagat (WP Shogun)](https://profiles.wordpress.org/sankalpbhgt/) 開發

[下載](https://downloads.wordpress.org/plugin/shogun-styling-addons.1.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/shogun-styling-addons/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/shogun-styling-addons/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/shogun-styling-addons/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/shogun-styling-addons/#developers)

 [技術支援](https://wordpress.org/support/plugin/shogun-styling-addons/)

## 外掛說明

**Shogun Styling Addons For Elementor** is a lightweight, performance-focused plugin
that seamlessly integrates directly into your Elementor Editor’s native Style tabs.
No clunky new widgets—just powerful new styling options injected exactly where you
need them.

Built with clean CSS variables and strict Object-Oriented PHP, this addon ensures
zero performance bloat while unlocking modern web design trends.

### Included Features

 * **Advanced Gradient Containers**: Break the 2-color limit! Adds an advanced gradient
   generator directly to the Container Background tab, supporting up to 5 colors
   with custom stops and angles.
 * **Glassmorphism Effects**: Instantly create modern frosted-glass effects. Adds
   a new “Glassmorphism” section to the Container Style tab with controls for Blur,
   Saturation, Glass Tint, and Edge Highlighting. Includes live-preview integration
   so you see changes instantly in the editor.
 * **Animated Gradient Text**: Make your headings pop. Injects an “Animated Gradient
   Text” toggle into the native Elementor Heading widget, allowing up to 4 colors
   with custom animation duration controls.
 * **Button Hover Gradients**: Create beautiful CSS fade transitions between two
   completely different gradients on hover. Added natively to the Elementor Button
   widget’s Style tab.

### Why Choose Shogun Styling Addons?

 * **Native Integration**: Doesn’t add unnecessary custom widgets. It enhances the
   core Elementor widgets you already use.
 * **Performance First**: No heavy JavaScript libraries. Everything is powered by
   modern CSS, CSS variables, and `@keyframes`.

## 螢幕擷圖

[⌊Advanced Container Gradients: Up to 5 colors natively in the Elementor panel.⌉⌊
Advanced Container Gradients: Up to 5 colors natively in the Elementor panel.⌉[

**Advanced Container Gradients**: Up to 5 colors natively in the Elementor panel.

[⌊Glassmorphism Controls: Blur, saturation, and tint for perfect frosted glass.⌉⌊
Glassmorphism Controls: Blur, saturation, and tint for perfect frosted glass.⌉[

**Glassmorphism Controls**: Blur, saturation, and tint for perfect frosted glass.

[⌊Animated Heading Gradients: Make text stand out with flowing colors.⌉⌊Animated
Heading Gradients: Make text stand out with flowing colors.⌉[

**Animated Heading Gradients**: Make text stand out with flowing colors.

[⌊Button Hover Effects: Smoothly transition between different gradient states.⌉⌊
Button Hover Effects: Smoothly transition between different gradient states.⌉[

**Button Hover Effects**: Smoothly transition between different gradient states.

## 安裝方式

 1. Upload the plugin files to the `/wp-content/plugins/shogun-styling-addons` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Make sure the core **Elementor** plugin is installed and activated (requires v3.6.0
    or higher).
 4. Open any page in the Elementor Editor.
 5. Click on a Container, Heading, or Button, navigate to the **Style** tab, and you
    will see the new Shogun addon panels natively integrated!

## 常見問題集

### Do I need Elementor Pro for this to work?

No! Shogun Styling Addons works perfectly with the free version of Elementor.

### Will this slow down my website?

Not at all. The plugin uses highly optimized CSS variables and modern CSS features(
like `backdrop-filter` for glassmorphism) rather than relying on heavy JavaScript
libraries.

### Where do I find the new controls?

 * **Advanced Gradients:** Select a Container > Style Tab > Background.
 * **Glassmorphism:** Select a Container > Style Tab > Scroll down to the Glassmorphism
   Effect section.
 * **Animated Gradient Text:** Select a Heading widget > Style Tab > Title section.
 * **Hover Gradient Buttons:** Select a Button widget > Style Tab > Scroll down 
   to the Advanced Hover Gradient section.

### Does the glassmorphism effect work on all browsers?

The plugin uses standard `backdrop-filter` and `-webkit-backdrop-filter` properties,
which are fully supported in all modern web browsers (Chrome, Safari, Firefox, Edge).

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Shogun Styling Addons For Elementor〉的開發相關工作。

參與者

 *   [ Sankalp Bhagat (WP Shogun) ](https://profiles.wordpress.org/sankalpbhgt/)

[將〈Shogun Styling Addons For Elementor〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/shogun-styling-addons)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/shogun-styling-addons/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/shogun-styling-addons/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/shogun-styling-addons/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/shogun-styling-addons/)。

## 變更記錄

#### 1.0

 * Initial Release.

## 中繼資料

 *  版本 **1.0**
 *  最後更新 **3 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/shogun-styling-addons/)
 * 標籤:
 * [animated text](https://tw.wordpress.org/plugins/tags/animated-text/)[elementor](https://tw.wordpress.org/plugins/tags/elementor/)
   [elementor addons](https://tw.wordpress.org/plugins/tags/elementor-addons/)[glassmorphism](https://tw.wordpress.org/plugins/tags/glassmorphism/)
   [gradient](https://tw.wordpress.org/plugins/tags/gradient/)
 *  [進階檢視](https://tw.wordpress.org/plugins/shogun-styling-addons/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/shogun-styling-addons/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/shogun-styling-addons/reviews/)

## 參與者

 *   [ Sankalp Bhagat (WP Shogun) ](https://profiles.wordpress.org/sankalpbhgt/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/shogun-styling-addons/)