Title: Shogun Styling Addons For Elementor Author: Sankalp Bhagat (WP Shogun) Published: 3 Tháng 7, 2026 Last modified: 12 Tháng 7, 2026 --- Tìm kiếm plugin ![](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 Bởi [Sankalp Bhagat (WP Shogun)](https://profiles.wordpress.org/sankalpbhgt/) [Tải về](https://downloads.wordpress.org/plugin/shogun-styling-addons.1.0.zip) * [Chi tiết](https://vi.wordpress.org/plugins/shogun-styling-addons/#description) * [Đánh giá](https://vi.wordpress.org/plugins/shogun-styling-addons/#reviews) * [Cài đặt](https://vi.wordpress.org/plugins/shogun-styling-addons/#installation) * [Nhà phát triển](https://vi.wordpress.org/plugins/shogun-styling-addons/#developers) [Hỗ trợ](https://wordpress.org/support/plugin/shogun-styling-addons/) ## Mô tả **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`. ## Ảnh màn hình [⌊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. ## Cài đặt 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! ## Hỏi đáp ### 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). ## Đánh giá Không có đánh giá nào cho plugin này. ## Người đóng góp & Lập trình viên “Shogun Styling Addons For Elementor” là mã nguồn mở. Những người sau đã đóng góp vào plugin này. Những người đóng góp * [ Sankalp Bhagat (WP Shogun) ](https://profiles.wordpress.org/sankalpbhgt/) [Dịch “Shogun Styling Addons For Elementor” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/shogun-styling-addons) ### Muốn tham gia phát triển? [Duyệt code](https://plugins.trac.wordpress.org/browser/shogun-styling-addons/), check out [SVN repository](https://plugins.svn.wordpress.org/shogun-styling-addons/), hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/shogun-styling-addons/) qua [RSS](https://plugins.trac.wordpress.org/log/shogun-styling-addons/?limit=100&mode=stop_on_copy&format=rss). ## Nhật ký thay đổi #### 1.0 * Initial Release. ## Meta * Phiên bản **1.0** * Cập nhật lần cuối **2 ngày trước** * Số lượt cài đặt **Ít hơn 10** * Phiên bản WordPress ** 6.0 hoặc cao hơn ** * Đã kiểm tra lên đến **7.0.1** * Phiên bản PHP ** 7.4 hoặc cao hơn ** * Ngôn ngữ * [English (US)](https://wordpress.org/plugins/shogun-styling-addons/) * Thẻ * [animated text](https://vi.wordpress.org/plugins/tags/animated-text/)[elementor](https://vi.wordpress.org/plugins/tags/elementor/) [elementor addons](https://vi.wordpress.org/plugins/tags/elementor-addons/)[glassmorphism](https://vi.wordpress.org/plugins/tags/glassmorphism/) [gradient](https://vi.wordpress.org/plugins/tags/gradient/) * [Nâng cao](https://vi.wordpress.org/plugins/shogun-styling-addons/advanced/) ## Đánh giá Chưa có đánh giá nào được gửi. [Your review](https://wordpress.org/support/plugin/shogun-styling-addons/reviews/#new-post) [Xem tất cả đánh giá](https://wordpress.org/support/plugin/shogun-styling-addons/reviews/) ## Những người đóng góp * [ Sankalp Bhagat (WP Shogun) ](https://profiles.wordpress.org/sankalpbhgt/) ## Hỗ trợ Có điều gì muốn nói? cần giúp đỡ? [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/shogun-styling-addons/)