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
最新文章
google site:
Google 搜尋 site: 命令教學,精準搜尋特定網站

Google搜尋功能強大,但你知道如何限定搜尋範圍嗎?透過「site:」指令,你可以在指定的網站內進行搜尋,快速找到所需的資訊。這篇文章將帶你深入了解「site:」指令的用法,並提供實用的搜尋範例。

Selected Post
精選文章
WordPress SMTP
SMTP是什麼?收不到 WordPress 網站的信?

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

SSL憑證
SSL憑證/https是什麼?對網站SEO排名有很大的影響?

SSL(Secure Sockets Layer),也就是安全資料傳輸層憑證,是網頁伺服器與瀏覽器之間的加密通信安全技術,確保您的網站資料不容易被攔截。但它對於網站的SEO又有什麼影響呢?我們將解釋這個重要的議題,讓您更了解SSL憑證的作用。