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

延伸閱讀:

Share 分享 :

Related Post

最新文章

WordPress 網頁設計 網站頁面設計

優秀網站頁面設計的 10 條原則

網站頁面設計是成功在線上世界存在的核心。本文將介紹 10 個簡單易懂的網頁設計原則,幫助您創建出優秀且具吸引力的網站,為用戶提供優質的線上體驗。

WordPress核心

更新WordPress核心前,你需要知道的4件事

這篇文章介紹了WordPress核心的基本功能和架構,以及更新核心版本時需要考慮的因素。文章還討論了WordPress外掛的相容性、安全性和性能,以及如何設定WordPress核心更新以保持網站的安全和穩定性。

Selected Post

精選文章

RWD網站的優缺點

響應式RWD網站:10個優點與缺點揭密!

欲了解更多有關響應式網頁設計(RWD網站)的資訊嗎?不需額外製作行動版網站,RWD網站在維護上更加方便。本文將為您詳細列舉10個RWD網站的優缺點,讓您全面比較,深入了解RWD網站的特點與優勢。

WordPress SMTP

SMTP是什麼?收不到 WordPress 網站的信?

如果您注意到無法收到您的WordPress網站發送的郵件,這可能表示您的網站尚未設定SMTP(簡單郵件傳輸協定)。本文將解釋SMTP是什麼,並解釋為什麼它對您的郵件傳遞如此重要。讓我們來探討解決這個問題的方法!