[WordPress] 外掛分享： Slider Hero with Video Background, Animation

WordPress 外掛 Slider Hero with Video Background, Animation 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Slider Hero with Video Background, Animation」是 2017-04-12 上架。
  • 目前有 4000 個安裝啟用數。
  • 上一次更新是 2025-02-25，距離現在已有 68 天。
  • 外掛最低要求 WordPress 4.6 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 34 人給過評分。
  • 論壇上目前有 2 個提問，問題解答率 0%

外掛協作開發者

quantumcloud |

外掛標籤

slider | video slider | Banner slider | elementor-slider | video background |

內容簡介

Slider Hero是一款未來感十足的響應式Header Hero Slider插件，並且可以用Youtube視頻作為背景和動畫效果製作英雄橫幅、英雄滑塊和入口網站廣告。使用Gutenberg Slider Block和Elementor Slider Widget創建令人驚嘆的動畫Slider和帶有文本輪播和呼籲到動作按鈕的動畫頭部。使用Youtube視頻背景或結合動畫效果和Youtube視頻。Slider Hero還包括Gutenberg Slider块和Elementor Slider插件。使用Elementor Slider Widget或Gutenberg Slider块在页面的任何位置快速嵌入 Slider Hero。

Slider Hero不是您典型的WordPress響應式圖片Slider插件。此插件基于獨特的概念，使用在其他地方都不可用的令人難以置信的CSS3和JavaScript背景動畫Slider效果。它是一個超級有趣且易於使用的Slider插件，可以在幾分鐘內創建優雅的、獨特的動畫Slider，具有動畫背景效果。不僅如此，此插件還支持Youtube背景視頻和背景圖片Slider！

**免費版的工作方式與專業版相同，只是效果和功能較少。 專業版還支持像Youtube視頻Slider、Vimeo視頻Slider或自定義視頻Slider等視頻Slider。視頻Slider尚不可在免費版中使用。

查看英雄介紹，敢於看看究竟有多深？

查看Slider Hero的實時預覽，立即升級至Slider Hero Pro。

輕鬆創建現代Slider Carousel。

查看本教程，了解使用此WordPress Slider插件創建Slider Carousel和文本Carousel有多快，直觀和易用。

正在尋找優雅的作品集插件？ 試試我們的Portfolio X！

創建令人驚嘆的產品介紹廣告

製作獨特的產品介紹和廣告，就像專業人士一樣，而無需任何其他編輯工具。介紹創建過程非常簡單、瘋狂快速和有趣。現在以戲劇性的方式介紹您的產品和服務！

為什麼使用Slider Hero而不是其他WordPress Slider插件？

傳統的圖片Slider對用戶轉換率不利，並會導致banner blindness。他們是無聊的，不能吸引用戶的注意力。由Neilson Norman Group進行的眼動跟踪研究發現，一旦訪問者認為某物是廣告，他們就會將注意力轉移到其他地方。圖片Slider分散了你用戶的注意力。在幾秒鐘內，幻燈片上的圖像代表了不同的產品或優惠。當用戶幾乎沒有讀到任何內容時，圖像就會變化，他們必須重新集中注意力。

我們的Slider插件與眾不同。它專注於您的核心信息，使用您選擇的背景動畫使用者保持興趣和專注。獨特的Call to Action按鈕引領用戶到他們真正需要去的地方。如果與您的圖像一起使用，效果就像細微的Cinemagraph動畫。

原文外掛簡介

Slider Hero is a futuristic, responsive header Hero Slider plugin and Dyanmic Website Intro Advert maker with Youtube Video background and animated background effects for hero banners, hero sliders and Landing pages. Create awesome animation slider and animated header with text carousel and Call to Action buttons from Gutenberg Slider Block & Elementor Slider Widget. Use youtube video background or combine animation effect and youtube video.

🚀 For Advanced Features Upgrade to Slider Hero Pro! now!
🚀 Support, Bug Report, Feature Requests | Slider Hero Live Demo

Slider Hero also includes a Gutenberg Slider block and an Elementor Slider widget. Use the Elementor Slider Widget or the Gutenberg Slider block to quickly embed Slider Hero anywhere on your page.
Slider Hero is not just your typical responsive image slider plugin for wordpress. This plugin is one of a kind and is based on a unqiue concept that uses incredible CSS3 and JavaScript background animation slider effects not available anywhere else. It is a super fun and simple slider plugin to use and very quick to create elegant, unique animation sliders with animated background effects within a matter of minutes. Not only that, this plugin also supports Youtube background video and Background Image Sliders!
** The free version works in the same way as the pro version just with less number of effects & features. The pro version also supports video sliders like Youtube Video Slider, Vimeo Video Slider or Custom Video Sliders. Video Sliders are not yet available in the free version.

Check the Hero Introduction
Dare to See How Deep the Rabbit Hole Goes?
Check out the Live Previews of the Slider Hero
Upgrade now to Slider Hero Pro

Create Modern Slider Carousels Easily
Check this tutorial to see how fast, intuitive and easy it is to use this wordpress slider plugin to create slider carousels and text carousels.

Looking for an Elegent Portfolio plugin? Try our Portfolio X!

Create Stunning Product Intro Adverts
Make unique product intros and adverts with like a pro without any additional editing tool. The intro creation process is extremely easy and insanely quick and FUN. Now introduce your products and services with a dramatic flair!

//-> Try our FREE ChatBot for WordPress with AI – WPBot. It is an easy to use, Native, No coding required, AI ChatBot to provide Automated Live Chat Support. Use ChatBot to answer user questions and also collect information from the users using conversational forms. It can be also be powered by DialogFlow, Tavily or OpenAI ChatGPT or simply use the built-in features to provide Live support and collect user data. ++ Check out ChatBot for WordPress Demo.

Why Use Slider Hero Rather than Other WordPress Slider Plugin?
Traditional Image Sliders are bad for user conversions and they cause banner blindness. They are boring and do not engage users. Eye tracking studies conducted by Neilson Norman Group found that as soon as visitors perceived something to be an advertisement they turned their focus away from it. Image sliders divide your user’s attention. Images on slides represent different products or offers in the span of a few seconds. Your website user has hardly read a single thing when whoosh…the image changes and they have to refocus their attention.
Our slider plugin is different. It focuses on your core messages/, uses a background animation of your choice to keep the user interested and focused. The unique Call to Action button leads the users where they really need to be. The effects are almost like subtle Cinemagraph animations when used in onjunction with your images or text carousels. Think of it as a perfect alternative to background videos.
More than a Slider Plugin – Use Motion Typography to Build Amazing Product Intros
The other unique feature of Slider Hero is the Intro Advert builder. Introduce your products and services with a dramatic flair. The typographic intro builder allows you to do something very unique. You can create stunning product introductions like stunning “Apple – iPhone 7 and iPhone 7 Plus in 107 seconds” or “Introducing Pixel, Phone by Google” with chained text animation combining background audio of your choice.
Build a combination of beautiful text animation along with the background animation. This can be applied in company introductions, creative projects, for your product or service launch etc. You can easily change the color of the text, animation type and more! The intro builder interface is simple and intuitive.

Upgrade to the Professional Version

Slider Hero Benefits
This is the best wordpress header slider plugin with text overlay and cinematic background animation effects. This plugin is best used as Intro, Landing Page Slider or Home Page Slider. It can be used as a fullscreen slider plugin besides the full width or custom width modes. Create a memorable EXPERIENCE for your wordpress coming soon, splash page, home page or landing page that will impress your site visitors with a memorable first impression.
You can use the Elementor Slider widget or Gutenberg Slider block to create HTML5 animated banners, HERO Banner, hero carousel with text and image, HERO text carousel, responsive header image slider, or simple image carousel. The pro version supports Parallax Effect and Ken Burns Effect.
Marketers prefer Hero image or Hero sliders for homepage and landing pages because traditional image sliders do not convert customers as much as an animated bannere which typically occupies the most prime real estate of your website. This plugin provides a middle ground. It allows you to set a background Hero Image and/or select a GREAT javascript background animation effect and apply Title, Description and Buttons etc. as slides or carousel. Instant awesomeness.
There are quite a few great WordPress slider plugins available but they take a lot of efforts and expertise to produce awesome effects you see in their demos. With our plugin, you can make amazing looking Homepage or Landing Page Hero Sliders or animated header with cinematic effects easily and quickly like no others.
Slider Hero Use Cases
This slider plugin provides all the quality of the premium and popular WordPress Slider plugins without the headechs and complications. Select an animation effect like slider Particle Effect, Snow effect, Nasa or Space effect, Bubble effect or Nyan Cat effect, add a background image or choose from a collection of gradients, add title, description, and button (optional) and you are good to go. There is no dragging and dropping or awkward animation timings to get right – this plugin does everything for you. You can use it as an alternative to background video.
Finally a Hero to rescue your websites from boring image sliders that nobody scrolls through.
You can also use Slider Hero as Background Image Slides with or without text carousel and effects. Available Transition Effects are: Fade in/Out, (Slide Left, Slide Right, Slide from Top and Slide from Bottom available in Pro version)
Slider Hero comes with embedded video support! Create a text carousel with Youtube Video Background. Pro version supports uploading your own files or use Vimeo, Loop, Mute, and Set a color overlay with opacity! Video background can be combined with most special effects to create something truly unique and amazing.
Using Video Background with Slider Hero

This slider plugin is perfect to use on your Landing page, Home page, Coming Soon page, 404 Error Page or Splash page and create a permanent, unique impression on your website users.
All Slider Hero Features
Unique, Cinematic Intro Advert Builder

Create Unlimited Cinematic Intro Advert Easily which was never possible before
Simple, Effective and Intuitive Interface
Define text, Font color, Letter Spacing, Font Weight
Select from 800+ Google Fonts [PRO FEATURE]
Live Font Preview [PRO FEATURE]
Flexible Intro Builder with Dynamic Slide delay, Text Animation Type (50+ effects)
Upload Image as Slide Background or Select a Color
Redirect to New Page After Intro Ends with Custom Delay [PRO FEATURE]
Load Regular Slider with Call to Action Buttons After Intro Ends with Custom Delay [PRO FEATURE]
11 Background Animation to Choose from (more coming soon) [PRO FEATURE]

Modern Sliders and Text Carousels with Special Background Effects

Create Unlimited Modern Sliders and Text Carousels with Stunning, Never Before Seen Background Animations
Choose from 8 (80+ in PRO) Wonderfully Refreshing and Unique Background Animation Effects
Switch Between Effects Instantly [PRO FEATURE]
Reposition Title, Description and Buttons Easily
800+ Google Fonts with Live Font Preview [PRO FEATURE]
Choose from 173 Professionally Created Gradient or Upload an Image as Background
Parallax Effect Support for Background Image [PRO FEATURE]
Ken Burns Effect for Background Image [PRO FEATURE]

Slider with Video Background

Embed a Video as Background with Your Slider
Use Youtube Video background
Use Vimeo Video Background [PRO FEATURE]
Upload Your Own Video (mp4 and webm) [PRO FEATURE]
Loop and Repeat Option [PRO FEATURE]
Mute Sound Option. [PRO FEATURE]
Color Overlay [PRO FEATURE]
Choose Overlay Color and Opacity [PRO FEATURE]
Hide ‘watch later’, ‘share’ and channel ‘subscribe’ and Video suggestion from youtube videos

Video Slider
* Youtube Video Slider
* Upload Your Own Video (mp4 and webm) and create Custom Video Slider
* Vimeo Video Slider
* Add Text to Slide on Top of Videos [PRO FEATURE]
* Hide ‘watch later’, ‘share’ and channel ‘subscribe’ and Video suggestion from youtube videos [PRO FEATURE]
Call to Action Buttons

Add One or Two [PRO FEATURE] Call to Action Buttons with Each Slide
Square or Rounded Shape
With or Without Borders
Choose from 10 Custom Button Animations. [PRO FEATURE]
Customize Button Fonts with Colors, Letter Spacing and More

Text Animation

Standard Animate CSS Text In and Out Effects
Letter FX Effects to Animate Your Letters [PRO FEATURE]
Combine Animate CSS and Letter FX for Unique Text Effects of Your Own [PRO FEATURE]
20 Custom, Exotic Text Animation Effects for Title and Descriptions [PRO FEATURE]

Audio Support

Add Background Music to Match the Tone of Your Intro Adverts and Sliders. [PRO FEATURE]
Choose The Audio Controller Position [PRO FEATURE]
Users Can Turn Sound On and Off [PRO FEATURE]
Select if Audio Should Loop Indefinitely or Stop After Repeating a Few Times [PRO FEATURE]

Unique Slider Decoration

Add Unique Decoration for Top and Bottom Parts of Your Sliders [PRO FEATURE]
Choose from Slope, Rounded, Triangle, Arrow, Cloud or Half Circle Patterns [PRO FEATURE]
Stand Out from the Crowd

Background Image Carousel

Use as Background Image Carousel with or without text carousel and effects.
Available Transition Effects: Fade in/Out, Slide Left, Slide Right, Slide from Top and Slide from Bottom
Parallax Effect Support for Background Image [PRO FEATURE]
Ken Burns Effect for Background Image [PRO FEATURE]

General Options

Hero Slider, Carousel and Standard Features
Fully Responsive
Unlimited Sliders on a Page
Drag & Drop Slide Position
Unpublish Slide/s
Quick and Easy Building WITHOUT Any Layer or Timeline
Copy and Duplicate [PRO FEATURE]
Auto Slide On or Off
Repeat On or Off [PRO FEATURE]
Random Slide
Background Animation Canvas Opacity [PRO FEATURE]
Preview Your Sliders While Creating and Save Time

Slider Navigation and Controls

Arrow Navigation with Custom [PRO FEATURE] Colored Arrow Icons
Special Floating Navigation Arrows [PRO FEATURE]
Dot Navigation [PRO FEATURE]
Pause and ResStart Slider [PRO FEATURE]

Preloader

Turn Preloader on or Off [PRO FEATURE]
Upload Your Own Preloader Image or Animated Gif [PRO FEATURE]

Import Export Slider

Export and Import in Another Website Easily [PRO FEATURE]
Export/Import Your Carefully Crafted Intro or Adverts [PRO FEATURE]

Full Width and Full Screen Slider

Slider Hero Supports Full Width Slider Layout
Stretch Full Screen and Full Height

Available Background Animation Effects in the Pro Version
Intro Effect, Stripe Connect Effect, Clear Sky Effect, Water Ripple Effect, Aeronautics Effect, Antigravity Flow, Balls Gravity Effect, Bird Flying Effect, Blob Effect, Blade Effect, Blur Effect, Bubble, Campfire, Circle Intersection, Cloudy Sky Effect, Confetti Effect, Cosmic Web, Colorful Particle, Cursor And Paint, Day Night Effect, Division Effect, Directional Force, Distance, Electric Clock, Firework, Fizzy Sparks, Float and Rain, Floating Leafs, Flowing Circle Effect, Flying Rocket Effect, Grid Effect, Helix Corruption, Helix Chaos, Helix Multiple, Glitch, Iconsahedron Effect, Intersecting Line Effect, Just Cloud, Link Particle, Liquid Landscape, Matrix Effect, Metaballs, Microcosm Effect, Moving Color, Wave, NASA, Neno, Hexagon, Noise Effect, Nyan Cat, Orbital Effect, Particle Effect, Particle Helix, Particle System, Hacker, Physics Bug, Racing Particles, Rain Effect, Rainy Season, Rays and Particles, Play or Work? Rain Of Line, Rising and falling cubes, Shape Animation, Space Elevator, Christmas Snow Effect, Squidematics, Stars Effect, Stellar Cloud, Subvisual, Tag Canvas, The Great Attractor, Thibaut, Tiny Galaxy Effect, Torus of Cubes, Water Effect, Wave Effect, Wave Animation Effect, Waaave Canvas, Walking Background, Star Trek Warp Speed, Water Swimming, Waving Cloth, Water Droplet, Wormhole Effect, Word Cloud, Valentine Effect, Ygekpg Effect

Upgrade to Professional Version
Pro Version Documentation Documentation

Getting Started
Step 1: Select a Slider effect
Step 2: Add title and text to your first slide. Unlimited slides supported
Step 3: Paste shortcode in your homepage or landing page or any page!
You are ready with an awesome, animated Hero Slider or Hero Banner!
CUSTOMER SUPPORT
All technical stuffs could be tough for your busy schedule. But you don’t need to go at it alone. QuantumCloud’s quick and friendly customer support team is made up of top notch, friendly people – working hard to ensure you get the help you need, when you need it. We have built in Support area in the slider plugin. Just shoot us a mail with your questions or feedback and we will get right back to you.
Leave a Rating for this Slider Plugin
If you like our effort and would like to support us or if you just thought that this plugin was somewhat helpful, please leave a 5 star rating and a short blurb on what you like the most about it. It means the world to us and motivates our developers to keep adding kool, new, premium features to this awesome plugin.
If you face any problem, or want more features in this Plugin please leave a comment, instead of review. We take all customer feedback extremely seriously.
Use

After activating the slider plugin, create a new page or post. In the body section copy paste the Hero shortcode
Save the page/post and check the page in front end.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Slider Hero with Video Background, Animation」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

0.9.0 | 0.9.1 | 0.9.5 | 1.0.0 | 1.1.0 | 1.2.0 | 1.4.0 | 1.4.5 | 1.5.0 | 1.5.5 | 1.6.0 | 1.6.5 | 1.7.0 | 1.7.5 | 1.8.0 | 1.9.0 | 1.9.1 | 2.0.0 | 2.1.0 | 2.1.5 | 2.2.0 | 2.3.0 | 2.4.0 | 2.5.0 | 2.6.0 | 2.7.0 | 2.8.0 | 2.9.0 | 3.0.0 | 3.1.0 | 3.2.0 | 3.3.0 | 3.4.0 | 3.5.0 | 3.6.0 | 3.7.0 | 3.8.0 | 3.9.0 | 4.0.0 | 4.1.0 | 4.2.0 | 4.3.0 | 4.4.0 | 4.5.0 | 4.6.0 | 4.7.0 | 4.8.0 | 4.9.0 | 5.0.0 | 5.1.0 | 5.2.0 | 5.3.0 | 5.4.0 | 5.5.0 | 5.6.0 | 5.7.0 | 5.8.0 | 5.9.0 | 6.0.0 | 6.1.0 | 6.3.0 | 6.4.0 | 6.5.0 | 6.6.0 | 6.7.0 | 6.8.0 | 6.9.0 | 7.0.0 | 7.1.0 | 7.2.0 | 7.3.0 | 7.4.0 | 7.5.0 | 7.5.1 | 7.5.2 | 7.5.3 | 7.5.4 | 8.0.0 | 8.1.0 | 8.1.1 | 8.1.2 | 8.1.3 | 8.1.4 | 8.1.5 | 8.1.6 | 8.1.7 | 8.1.8 | 8.1.9 | 8.2.0 | 8.2.1 | 8.2.2 | 8.2.3 | 8.2.4 | 8.2.5 | 8.2.6 | 8.2.7 | 8.2.8 | 8.2.9 | 8.3.0 | 8.3.1 | 8.3.2 | 8.3.3 | 8.3.4 | 8.3.5 | 8.3.6 | 8.3.7 | 8.3.8 | 8.3.9 | 8.4.0 | 8.4.1 | 8.4.2 | 8.4.3 | 8.4.4 | 8.4.5 | 8.4.6 | 8.4.7 | 8.4.8 | 8.4.9 | 8.5.0 | 8.5.2 | 8.5.3 | 8.5.4 | 8.5.5 | 8.5.6 | 8.5.7 | 8.5.8 | 8.5.9 | 8.6.0 | 8.6.1 | 8.7.0 | 8.8.0 | 8.8.1 | 8.8.2 | 8.8.3 | 8.8.4 | 8.8.5 | 8.8.7 | 8.8.8 | 8.8.9 | 8.9.0 | 8.9.1 | 8.9.2 | 8.9.3 | trunk |

延伸相關外掛（你可能也想知道）

文章
Filter
Apply Filters
Close
Mastodon