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

最新文章

WordPress缺點

WordPress缺點揭露:克服挑戰,打造優質網站的策略指南

這篇文章將深入探討WordPress作為全球最受歡迎的內容管理系統(CMS)所面臨的一些普遍批評和挑戰。雖然WordPress因其易用性、靈活性和強大的社群支持而被廣泛採用,但它也不是完美無缺的。我們客觀分析WordPress缺點,同時提出相應的解決策略和觀點,幫助讀者全面了解使用WordPress的利弊。

Selected Post

精選文章

SSL憑證

SSL憑證是什麼?對網站的SEO其實有大影響?

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

網頁設計該知道的6件事

6 個關於網頁設計的重要事項

在這個不斷變化的網絡時代,網頁設計也經歷了巨大的變革。在開始或進行網站設計之前,有哪些重要事項值得了解呢?讓我們分享給您!