Smart Slider 3
Smart Slider 3

如何新增修改 Smart Slider 3 輪播Banner

想要新增漂亮又有設計感的banner!Smart Slider 3是你的好選擇,讓我們教你如何自行新增修改輪播Bnner。

目錄

WordPress 外掛 Smart Slider 3 是一個兼具設計美觀及輪播功能的實用工具,這篇文章將教您如何輕鬆新增、修改輪播Banner。

添加Smart Slider

到網站後台->Smart Slider,並點選新增

smart slider 2
如何新增修改 Smart Slider 3 輪播Banner 20

可以選擇新增一個空白的Project,或是使用Smart Slider 3的套版。我們新增一個空白Slider。

smart slider 1
如何新增修改 Smart Slider 3 輪播Banner 21

接著可以做初步的Slider設定,有不同的Slider形式,可以自行選擇。可以幫你的Slider命名,並調整尺寸大小,這些設定之後也還可以修改。

smart slider 3
如何新增修改 Smart Slider 3 輪播Banner 22

接著就可以新增Slider了,並選擇圖片。

smart slider 4
如何新增修改 Smart Slider 3 輪播Banner 23
smart slider 5
如何新增修改 Smart Slider 3 輪播Banner 24

選擇多張圖片後,可以拖移調動位置順序。

smart slider 6
如何新增修改 Smart Slider 3 輪播Banner 25

點選右上角的設定,可以複製、不公開或刪除該頁Slider。

smart slider 7
如何新增修改 Smart Slider 3 輪播Banner 26

基本設定

Size 尺寸

編輯Slider的下方是基本設定處,Size可以修改Slider的尺寸。

smart slider 8
如何新增修改 Smart Slider 3 輪播Banner 27

Animations 動畫

Animations可以設定動畫的時間,800MS是800毫秒等於0.8秒(1000毫秒等於1秒)。

smart slider 9
如何新增修改 Smart Slider 3 輪播Banner 28

Autoplay 自動輪播

Autoplay設定Slider是否自動輪播,並可以設定毫秒數。

smart slider 10
如何新增修改 Smart Slider 3 輪播Banner 29

預覽及儲存

右上方的眼睛圖示可以讓你預覽Slider,右邊是儲存按鈕,記得做完修改一定要儲存唷!

smart slider 18
如何新增修改 Smart Slider 3 輪播Banner 30

預覽視窗

smart slider 17
如何新增修改 Smart Slider 3 輪播Banner 31

修改Smart Slider

在該頁Slider上面點選Edit

smart slider 11
如何新增修改 Smart Slider 3 輪播Banner 32

可以進到該頁Slider修改區,右邊懸浮視窗可以調整文字或顏色覆蓋等等。左側工具列可以讓你新增標題、文字、圖片、按鈕等。

smart slider 12
如何新增修改 Smart Slider 3 輪播Banner 33
smart slider 13
如何新增修改 Smart Slider 3 輪播Banner 34

可以脫衣的方式新增到Slider上,並在右邊的懸浮視窗中修改內容。

smart slider 14
如何新增修改 Smart Slider 3 輪播Banner 35
smart slider 19
如何新增修改 Smart Slider 3 輪播Banner 36

點選右上角的行動裝置按鈕,可以調整各行動裝置的呈現。

smart slider 15
如何新增修改 Smart Slider 3 輪播Banner 37

記得做完修改都要儲存唷!!

你可以輕鬆簡單獲得一個漂亮的Slider Banner:)

smart slider 16
如何新增修改 Smart Slider 3 輪播Banner 38

延伸閱讀:

Share 分享 :

分享在 facebook
分享在 twitter
分享在 telegram
分享在 email
Related Post

最新文章

WordPress 更新-0

您需要了解的 WordPress 更新資訊

使 WordPress 及其各種組件保持最新狀態,是您可以為改進 WordPress 網站的管理和安全性而做的最簡單和最重要的事情之一。本篇文章介紹您該了解的 WordPress 更新資訊,一起來看看!

Selected Post

精選文章

網頁設計該知道的6件事

網頁設計該知道的6件事

網路時代千變萬化,網頁設計也與過去大庭相逕,什麼是在網站設計前或進行中該知道的事呢?讓我們告訴你!