目錄

新增修改 Smart Slider 3 輪播

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

1.添加Smart Slider

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計
WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

2.基本設定

2-1.Size 尺寸

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計
2-2.Animations 動畫

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計
2-3.Autoplay 自動輪播

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計
2-4.預覽及儲存

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

預覽視窗

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

3.修改Smart Slider

在該頁Slider上面點選Edit

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計
WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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

WUMETAX 高雄網頁設計 - 末特數位科技有限公司 - wordpress 網頁設計

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


你感覺如何?
Updated on 2023 年 5 月 22 日

目錄

購物車0
購物車為還沒有東西
繼續購物