逐步指南:使用 SlideDeck 在 WordPress 中建立滑動動畫

03/09/2024

下載並安裝插件

首先,前往 SlideDeck 的網站下載插件。他們提供免費版和專業版,專業版提供更多功能和支持。建議選擇專業版,因為它包括豐富的功能,如垂直滑動、觸摸屏支持、RSS 智能 SlideDeck、背景圖像支持等。

下載後,安裝並激活插件(請參考我們的《WordPress 插件安裝分步指南》)。

創建滑動動畫

激活插件後,您會看到一個新的選項卡,名為 SlideDeck。點擊「新增 SlideDeck」,然後您會看到一個類似郵件撰寫面板的頁面。

我們首先在滑動中添加了內容並設置了標題。您可以自定義背景圖像(專業版功能),但為了簡化演示, 我們並沒有使用此功能。接著,我們在演示中添加了垂直滑動(專業版功能)。垂直滑動基本上是多個滑動中的一個滑動。

按照這個過程,您可以添加任意數量的滑動。完成滑動創建後,請查看滑動選項以便發布到網站上。您可以設置自動播放、鍵盤導航、鼠標滾輪導航、動畫速度、皮膚選擇以及起始滑動。您還可以通過拖放來重新訂單滑動。

在 WordPress 貼文/頁面中嵌入 SlideDeck

創建一個新貼文或頁面。在右側邊欄中,您會看到新增的 SlideDeck 框。點擊「插入 SlideDeck」按鈕,選擇您要添加的滑動,然後發布貼文。發布後,您的滑動會使用經典皮膚顯示。

用特色貼文添加滑動動畫

特色貼文滑動是博主的最愛。我們會在許多博客上看到這個功能,但大多數這些滑動都是硬編碼到主題中,使用者的控制權很有限。使用 SlideDeck,這變得非常簡單。您可以添加一個動態滑動,稱為“Smart SlideDeck”,它允許您顯示最新貼文、最受歡迎貼文、特色貼文(由您選擇),您可以按類別排序,也可以從其他網站導入 RSS 摘要。

我們會展示如何在這個教程中顯示貼文中的特色條目。前往您的當前貼文,選出 5 個貼文並在 Smart SlideDecks 中勾選它們的框。

然後,前往您的 SlideDeck 面板,點擊「新增 Smart SlideDeck」,選擇您的皮膚。選擇要顯示的滑動數量、播放選項、內容類型(例如貼文中的特色條目),內容設置如圖像選項、標題長度、摘要長度等。選擇導航樣式,然後發布。

您需要編輯代碼。從側邊欄複製代碼片段,粘貼到您的主題中,最有可能是 index.php 的頂部。例如代碼如下:

<?php if (is_home()) { slidedeck( 73, array( 'width' => '100%', 'height' => '370px' ) ); } ?>

這樣您的滑動只會顯示在首頁。若要查看更多 SlideDeck 的酷炫演示,請訪問 SlideDeck 的網站。實施過程中有任何問題,請讓我們知道您的看法。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>