前言介紹
- 這款 WordPress 外掛「NG Animated Slider」是 2019-03-01 上架。
- 目前有 40 個安裝啟用數。
- 上一次更新是 2019-03-03，距離現在已有 2254 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
sushil51 |
外掛標籤
slider | image slider | wordpress slider | fullscreen slider | best slider plugin |
內容簡介
示範 | 支援 | 我們的精美佈景主題 |
NG Animated Slider 是非常輕巧和出色的動畫SVG框架幻燈片，具有超級平滑的硬體加速過渡。它是一個響應式和設備友好的滑塊，在所有主要設備上都能完美運作。它有7種不同的精彩動畫佈局。它是一個非常強大的專業HTML/CSS3滑塊外掛，帶有全屏背景，非常適合展示您的攝影或一般創意理念在您的網站中。
如何在 Elementor 頁面建構器中添加此滑塊
創建一個新頁面，並通過 Elementor 工具欄添加文字編輯器或HTML元件
在元件中添加任何您喜歡的短碼
[slider layout=”layout1″] //用於幻燈片動畫類型1
[slider layout=”layout2″] //用於幻燈片動畫類型2
[slider layout=”layout3″] //用於幻燈片動畫類型3
[slider layout=”layout4″] //用於幻燈片動畫類型4
[slider layout=”layout5″] //用於幻燈片動畫類型5
[slider layout=”layout6″] //用於幻燈片動畫類型6
[slider layout=”layout7″] //用於幻燈片動畫類型7
注意：當您從這裡複製貼上此短碼 [slider layout=”layout7″] 到您的網站時，請自己輸入 ” ” 在layout7之前和之後。
特點
7個動畫過渡佈局
動畫頁面過渡。
全屏背景。
支援自動播放
Jquery增強版本。
在所有主要瀏覽器中運作。
語義化的原始代碼，格式化和註釋正確。
短碼
[slider layout=”layout1″] //用於幻燈片動畫類型1
[slider layout=”layout2″] //用於幻燈片動畫類型2
[slider layout=”layout3″] //用於幻燈片動畫類型3
[slider layout=”layout4″] //用於幻燈片動畫類型4
[slider layout=”layout5″] //用於幻燈片動畫類型5
[slider layout=”layout6″] //用於幻燈片動畫類型6
[slider layout=”layout7″] //用於幻燈片動畫類型7
如何操作此外掛
將 ng-animated-slider.zip 上傳到 /wp-content/plugins/ 目錄
通過 WordPress 的「外掛」選單啟用外掛
到 WordPress 儀表板，找到「滑塊」文章類型並創建新的滑塊
在您的頁面上放置 [slider] 短碼
欲調整各種滑塊選項，到外觀設定/ NG Animated Sliders 選項卡
鳴謝
原文外掛簡介
Demos | Support | Our Awesome Themes |
NG Animated Slider is a very light weight and Awesome animated SVG Frame Slideshow with super smooth hardware accelerated transitions.It is a responsive and device friendly slider which works perfectly on all major devices.It has 7 different awesome animation layout.It is a very Powerful Professional HTML/CSS3 slider plugin, with Fullscreen background perfect to showcase your photography or general creativeness ideas in your website
How to add this slider in Elementor Page Builder
Create a new Page and Add Text Editor or HTML elementor widget in the page
Add any of the shortcode you like in the widget
[slider layout=”layout1″] //For slider Animation type1
[slider layout=”layout2″] //For slider Animation type2
[slider layout=”layout3″] //For slider Animation type3
[slider layout=”layout4″] //For slider Animation type4
[slider layout=”layout5″] //For slider Animation type5
[slider layout=”layout6″] //For slider Animation type6
[slider layout=”layout7″] //For slider Animation type7
Note: When you copy paste this shortcode [slider layout=”layout7″] from here to your website, Please type ” ” before and after of layout7 and such by yourself.
Features
7 Animated Transition layout
Animated page transitions.
Full screen background.
Autoplay enabled
Jquery enhanced.
Works in all major browsers.
Semantic source code, properly formatted and commented.
Shortcodes
[slider layout=”layout1″] //For slider Animation type1
[slider layout=”layout2″] //For slider Animation type2
[slider layout=”layout3″] //For slider Animation type3
[slider layout=”layout4″] //For slider Animation type4
[slider layout=”layout5″] //For slider Animation type5
[slider layout=”layout6″] //For slider Animation type6
[slider layout=”layout7″] //For slider Animation type7
How to Work with the Plugin
Upload ng-animated-slider.zip to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Go to WordPress Dashboard, and find Sliders post type and create new slider
Place [slider] shortcode in your pages
For Various slider Options, Go to Customizer/ NG Animated Sliders Options
Credits
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「NG Animated Slider」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Smart Slider 3 》al editor, Layer animation builder, Layer blending modes and filters, Google Fonts integration, Custom CSS, Smart Crop for perfect image fit, Built...。
Prime Slider – Addons For Elementor (Revolution of a slider, Hero Slider, Post Slider and Ecommerce Slider) 》您是否在尋找一款專門為 WordPress 和 Elementor 建立滑動輪播的外掛程式？, Prime Slider 是一款快速、完全可自訂且功能豐富的外掛程式，適用於包括部落格、...。
Master Slider – Responsive Touch Slider 》, 演示 | 功能 | 文件 | 所有視頻教程 | 支援, , , 概述, Master Slider 是一款免費的 SEO 友好、響應式圖片和視頻輪播插件，真正可以在所有主要設備上運行，...。
Slider by 10Web – Responsive Image Slider 》10Web 是一個 WordPress 外掛，提供多種功能和工具，包括網站建設、SEO 優化、安全性、備份、圖片優化、網站速度優化等。此外，10Web 還包括一個建站平台，讓...。
Easing Slider 》在 WordPress 上建立滑輪廣告一直都是十分困難的。雖然有許多相似的外掛提供解決方案，但都沒有完全符合要求。Easing Slider 希望解決這個問題。這個外掛專注...。
Serious Slider 》Serious Slider 是一款高效率、友善 SEO、完全可翻譯、易於存取的免費 WordPress 影像輪播外掛。, , 在幾秒內建立美觀、響應式的幻燈片。採用最小化的樣式和 ...。
Transition Slider – Responsive Image Slider and Gallery 》, 示範 | 範例 Slider | 功能 | 文件 | 支援, , 概述, Transition Slider 是一個獨特創新的影像和視頻 Slider 以及相簿，擁有無縫轉場和響應式動畫層。使用此...。
WordPress Slider Block Gutenslider 》Gutenslider 是 WordPress 的圖像和視頻投影片外掛程式，可將簡單易用的 Gutenberg 投影片區塊添加到您的 WordPress 編輯器中。您無需使用其他編輯器，而是可...。
MaxSlider 》MaxSlider 可能是最簡單的方式，使您可以將自定義反應式滑塊添加到網站的任何頁面。每個滑塊/幻燈片都可以創建無限滑塊和自定義設置，並且您可以建立無限滑塊...。
Video Slider – Slider Carousel 》觀看以下視頻了解視頻滑動, , 視頻滑動外掛是一種創建令人驚嘆的視頻滑動的絕佳方式，無需編程技能。它完全響應，適用於任何移動設備。您可以吸引更多人訪問...。
Block Slider – Responsive Image Slider, Video Slider & Post Slider 》WordPress幻燈片外掛程式 - Block Slider, , Block Slider是下一代WordPress幻燈片外掛程式。它使用WordPress區塊編輯器Gutenberg作為幻燈片編輯器，因此您可...。
Ovation Elements 》總結：Ovation Elements WordPress 外掛是一款終極幻燈片外掛，旨在透過迷人的幻燈片改造您的網站。無論您是初學者還是高級使用者，這個外掛都提供無縫體驗，...。
Slider Carousel – Image Slider 》Rich Web 圖片輪播外掛, , 了解更多 Rich 圖片輪播外掛的功能, 輪播外掛的實際範例, Rich 官方支援團隊, , , Rich 團隊的新外掛, , WordPress 早期建置外掛, ...。
Layer Slider 》Layer Slider外掛程式非常有效，可以在短時間內創建響應式的圖片輪播。在短短幾分鐘內，創建具有響應式的層狀輪播。, 這款WordPress輪播外掛可讓圖像和HTML內...。
Responsive Full Width Background Slider 》Awesome Responsive Full Width Background Slider Plugin for WordPress 提供一個非常吸引人的全屏背景投影幻燈片給你的 WordPress 網站。, 特點, , 可定義...。