[WordPress] 外掛分享： WordPress Slider Block Gutenslider

WordPress 外掛 WordPress Slider Block Gutenslider 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「WordPress Slider Block Gutenslider」是 2019-05-14 上架。
  • 目前有 10000 個安裝啟用數。
  • 上一次更新是 2023-11-13，距離現在已有 536 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 5.6 以上版本才可以安裝。
  • 有 65 人給過評分。
  • 論壇上目前有 2 個提問，問題解答率 0%

外掛協作開發者

eedee | freemius | gutenbergslider | wordpressslider |

外掛標籤

slider | image slider | slider block | video slider | wordpress slider |

內容簡介

Gutenslider 是 WordPress 的圖像和視頻投影片外掛程式，可將簡單易用的 Gutenberg 投影片區塊添加到您的 WordPress 編輯器中。您無需使用其他編輯器，而是可以直接在您已經知道和喜愛的 Gutenberg 編輯器中進行管理。您可以添加任何您想要的頂部內容！Gutenslider 比任何其他投影片都更快、更流暢。現在就去試試吧，並使用內容投影片、圖像投影片和視頻投影片來增加網站的用戶參與度，並通過您已經熟悉的 Gutenberg 後端編輯器在幾秒鐘內製作您的投影片，無需研究複雜的後端編輯器。 Gutenslider 是您和您的客戶的最佳選擇。

使用 Gutenslider，輕鬆提升您的博客或網站：

1.從 Gutenberg 後端添加 Gutenslider 區塊
2.從您的媒體庫中選擇圖像
3.添加您喜歡的任何區塊
4.在後端自定義 Gutenslider
5.製作投影片！ 👩‍🎤

Gutenslider 易於使用、快速、非常強大，由值得信賴的開發人員開發，並貢獻到 Gutenberg 核心程式庫中。

插件功能

- 添加無限投影片
- 更改過渡模式：褪色、滑動、翻轉
- 在頂部添加任何區塊
- 區塊對齊：寬、全
- 內容對齊：上、中、下、左、右
- 固定內容/變更內容
- 投影片顯示：自動或 1
- 開啟/關閉箭頭
- 箭頭大小
- 3 種箭頭顏色
- 開啟/關閉圓點
- 圓點大小
- 3 種圓點顏色
- 上/下和左/右間距
- 上/下和左/右邊距
- 自動標題
- 全屏投影片（投影片將位於您內容的背景中）。
- 因為它是 Gutenberg 區塊而非後端編輯器，因此非常易於使用-無需離開您的後端編輯器
- 超連結投影片
- 簡單的 lightGallery 集成
- Webp 支持
- Hash 導航
- 自定義投影片 CSS

插件 Pro 功能 💎

- 視頻投影片：將視頻添加到您的幻燈片背景中
- 視差投影片
- 5 種過渡模式：褪色、滑動、翻轉、coverflow、立方體、卡片
- 過渡時間
- 幻燈片時間
- 幻燈片顏色覆蓋
- 幻燈片漸變覆蓋
- 幻燈片之間的間距
- 批量編輯
- 箭頭顏色/箭頭背景顏色
- 高級箭頭樣式
- 從 10 種風格中選擇或添加您自己的 SVG

原文外掛簡介

Gutenslider is an image slider and video slider plugin for WordPress that adds a simple to use Gutenberg slider block to your WordPress editor. You do not need
other editors but can manage everything directly in the Gutenberg editor you already know and love. You can add any content on top that you want! Gutenslider is faster and slicker than any other slider around.
Go and try it out yourself and make use of a content slider, image slider and video slider that will increase user engagement on your website and allow you to create your sliders in seconds not in minutes, by using the Gutenberg backend editor you know already. No need to study complicated backend editors. Gutenslider is the best match for you and your customers.

Live Examples
With Gutenslider, enhancing your blog or website is easier than ever:

Simply add the Gutenslider Block from the Gutenberg backend
Select images from your Media Library
Add any Block you like on top
Customize Gutenslider to your needs in the backend
Slide! 👩‍🎤

Gutenslider is easy to use, fast, and very powerful and developed by trusted developers, that also contribute to the Gutenberg core repository.
Plugin Features

Add unlimited slides
Change the transition mode: fade, slide, flip
Add any block on top that you want
Block alignment: wide, full
Content alignment: top, center, bottom, left, right
Fixed Content / Changing Content
Slides to show: auto or 1
Arrows on/off
Arrow size
3 Arrow Colors
Dots on/off
Dots size
3 Dot Colors
Spacing: top/bottom and left/right
Margin: top/bottom and left/right
Automatic Captions
Fullscreen slider (slider will be in the background of your content).
Very easy to use because it is a Gutenberg block – no need to go away from your backend editor
Hyperlink Slides
Simple lightGallery integration
webp support
Hash navigation
Custom Css for Slider

Plugin Pro Features 💎

Video Slider: add videos to your slide backgrounds
Parallax Sliders
5 transition modes: fade, slide, flip, coverflow, cube, cards
Transition time
Time of a slide
Color overlays of slides
Gradient overlay of slides
Space between slides
Bulk Editing
Arrow color / Arrow Background Color
Advanced Arrow Styles

Pick from 10 styles or add your own svg
Position ( Sides, Top Left, Bottom Left, Top Right, Bottom Right )
Arrows Follow Mouse
Unlimited Color Options
Background Color
Hover Colors
Arrow horizontal and vertical offset
Arrow Mix Blending
Custom SVG arrows

Advanced Progress options

Style ( dots, dynamic dots, numbers, progressbar )
Position ( Top, Bottom, Left, Right )
Offset
Unlimited Color Options

Advanced lightgallery styles

choose any background color
pick from 30 transitions
enable/disable counter
enable and set image caption

Dots style
Advanced Responsive Controls
Slides to show: either auto or maximum of 8
Advanced Hash Navigation Settings: customize hash for slider + slides
… and of course all free features

Free 7-day trial, no credit card required
So you can easily create a Fullscreen Video Slider for your blog or websitee with Gutenslider Pro. And even go more custom by, creating Full Screen Video Background ! Sliders !. There is no limit to your creativity.
Slider Modes
Changing Content
The slider mode you will most probably know. Each slide has a custom background and custom content.
Fixed Content
In this mode you select fixed content, that will stay on top, while the background changes and loops all slides. Great for headlines, call to actions. You name it!
Gutenslider is built using WordPress, CSS, Javascript, best practices both on the front and the backend. And it’s SEO optimized. It makes use of the new Gutenberg powers built in react. As a result, it is robust, easy to use and lightning fast. It works with any theme. Go and check it out.
Help us get better
We know, that Gutenslider is nice, but we also know, that we can constantly improve. Not only code quality and security, but also features and user experience. For the latter, we need your help. If you think that we should change things. Be so kind and leave us a support or feature request in the support forum. Thanks.
Installation 🔧
Minimum Requirements
You’ll need WordPress version 5.0 or higher for this to work. For versions below 5.0, you will need to use the Gutenberg plugin.
Quick and Fast

Go to the Plugins Menu in WordPress
Search for “Gutenslider”
Click “Install”
Activate the Gutenslider Plugin on your Plugins Menu

Experienced Users (same result)

Upload the gutenslider folder to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress

Frequently Asked Questions ❓
What blocks are supported
Gutenslider works with any blocks on top. However there might be styling issues or things to improve. Either write your own custom css or submit a support request in the support forum. If it is a commonly used block, we will integrate the needed styles into Gutenslider.
Can I use Gutenslider with any theme?
Yes, you can use Gutenslider with any theme. If you experience difficulties, please contact your theme author first, before submitting a topic in the support forum.
Is Gutenslider free?
Yes! Gutenslider’s core features are absolutely free. If you want more control over the slider settings and many more features, you can buy the pro version of the plugin.
Can you provide support?
Yes, just post a question on the support tab, and we will answer as soon as possible.
Can you add this feature I need?
We are happy to extend Gutenslider to our users’ needs. Just contact us on our website at https://gutenslider.org and we will see what we can do.
What is Gutenberg
To get the full experience of the next-generation WordPress block editor, you’ll need a Gutenberg-ready WordPress theme then install the Gutenberg WordPress plugin or simply update your site to WordPress 5.0. That’s it! 💥
Can I have Gutenslider in my language
You can contribute to translating Gutenslider for you and all other users of your language here: https://translate.wordpress.org/projects/wp-plugins/gutenslider/ . Just submit your translations and once they are accepted, Gutenslider will immediately work in your language.
Visit us 🔗
Visit us on https://gutenslider.org to see a full overview
of features or follow our blog.
Powered by
Gutenslider is made possible by awesome developers who release their code under reusable licenses. We use the following open source software:

swiper (github)
lightGallery (github)
SimpleParallax (github)

各版本下載點

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

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

1.0.0 | 2.6.3 | 2.6.4 | 2.6.5 | 2.6.6 | 2.6.7 | 2.7.0 | 2.8.0 | 2.8.3 | 2.8.8 | 2.8.9 | 2.9.0 | 2.9.1 | 2.9.2 | 2.9.5 | 3.0.0 | 3.0.1 | 3.0.5 | 3.0.6 | 3.0.7 | 4.0.0 | 4.0.1 | 4.0.2 | 4.0.3 | 4.0.4 | 4.2.2 | 4.3.0 | 4.3.1 | 4.3.2 | 4.3.3 | 4.3.4 | 4.3.5 | 4.3.6 | 4.3.7 | 4.3.8 | 4.3.9 | 4.4.0 | 4.4.1 | 4.4.3 | 4.4.4 | 4.4.5 | 4.4.6 | 4.4.7 | 4.4.9 | 4.5.1 | 4.5.2 | 5.0.3 | 5.0.5 | 5.0.6 | 5.0.7 | 5.0.8 | 5.0.9 | 5.1.0 | 5.1.1 | 5.1.2 | 5.1.3 | 5.1.4 | 5.1.5 | 5.2.0 | 5.2.1 | 5.2.2 | 5.2.3 | 5.3.0 | 5.3.1 | 5.3.2 | 5.4.0 | 5.4.2 | 5.4.3 | 5.4.4 | 5.4.5 | 5.4.6 | 5.5.0 | 5.5.1 | 5.5.2 | 5.5.3 | 5.5.4 | 5.5.5 | 5.5.6 | 5.5.7 | 5.6.0 | 5.6.1 | 5.7.0 | 5.8.0 | 5.8.1 | 5.8.2 | 5.8.3 | 5.8.4 | 5.9.0 | 5.9.1 | 5.9.2 | 5.9.3 | 5.9.4 | 5.9.5 | 6.1.0 | 6.1.1 | 6.1.2 | trunk | 2.8.10 | 2.8.11 | 4.4.10 | 4.4.11 | 4.4.12 | 4.4.13 | 5.0.10 | 5.0.11 | 5.0.12 | 5.0.13 | 5.0.15 | 5.0.16 | 5.0.17 | 5.0.18 | 5.10.0 | 5.10.1 | 5.10.2 |

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

文章
Filter
Apply Filters
Close
Mastodon