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

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

smart slider 1

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

smart slider 3

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

smart slider 4
smart slider 5

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

smart slider 6

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

smart slider 7

基本設定

Size 尺寸

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

smart slider 8

Animations 動畫

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

smart slider 9

Autoplay 自動輪播

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

smart slider 10

預覽及儲存

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

smart slider 18

預覽視窗

smart slider 17

修改Smart Slider

在該頁Slider上面點選Edit

smart slider 11

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

smart slider 12
smart slider 13

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

smart slider 14
smart slider 19

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

smart slider 15

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

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

smart slider 16

延伸閱讀:

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
數位轉型
數位轉型是什麼?簡單說給你聽

數位轉型聽起來很複雜?其實它就是利用數位科技來提升效率、改善服務。這篇文章將用最簡單的方式,帶您了解數位轉型的概念與重要性。

Selected Post
精選文章
什麼是VPS主機
VPS主機是什麼?網站效能升級的最佳選擇!

現今,網站及應用程式的需求不斷增加。如果你不是一個專業的網站開發人員,你可能會對虛擬專屬伺服器(VPS)主機一知半解。本文將向你說明VPS主機及其優勢,以及什麼是主機代管,讓你更容易理解並做出明智的選擇。