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://cn.wordpress.org/plugins/shogun-styling-addons/#description)
 * [评价](https://cn.wordpress.org/plugins/shogun-styling-addons/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/shogun-styling-addons/#installation)
 * [开发进展](https://cn.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**
 *  最后更新：**6 天前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **7.0.1**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/shogun-styling-addons/)
 * 标签
 * [animated text](https://cn.wordpress.org/plugins/tags/animated-text/)[elementor](https://cn.wordpress.org/plugins/tags/elementor/)
   [elementor addons](https://cn.wordpress.org/plugins/tags/elementor-addons/)[glassmorphism](https://cn.wordpress.org/plugins/tags/glassmorphism/)
   [gradient](https://cn.wordpress.org/plugins/tags/gradient/)
 *  [高级视图](https://cn.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/)