如何在 WordPress 中添加帖子輪播

已發表: 2022-08-10

炫耀您的帖子(大多數 WordPress 博客上最重要的內容)已經成功了一半。 此外,帖子輪播是在網站上顯示單個帖子的最有效的顯示選項之一。 幸運的是, Post Carousel增強了這兩種功能。

您可以自由地將這些功能嵌入到您網站的任何位置,並且它們不僅限於主頁。 因為它們也可以在很大程度上進行定制,所以該插件是任何網站的絕佳補充。

什麼是帖子輪播?

任何網站都可以從添加引人注目的視覺功能 Post Carousel 中受益匪淺。 使用它來改善帖子的內容是一種有用的方式來使用它。

例如,如果您想為博客文章提供強大的視覺衝擊力,那麼在文章頂部添加一個 Post Carousel 是實現此目標的絕佳方式。 Post Carousel 可以在任何 WordPress 頁面或帖子上顯示自己,因為它使用以盒裝樣式滑塊排列的許多內容。

Post Slider 和 Carousel 有什麼區別?

儘管滑塊和旋轉木馬本質上是可互換的組件,並且經常在相同的上下文中使用,但兩者之間存在一些關鍵區別。

稱為滑塊的小工具可以存儲許多不同的圖片,但一次只能顯示一個。 此外,如果用戶以任何方式操作滑塊或經過一定時間長度,圖片的外觀也會發生變化。

輪播是一種可以同時顯示多個視覺效果的方法,這些圖像將隨著輪播的移動而循環播放。 您可以手動啟動圖片的旋轉,也可以在經過一定時間後將其設置為自動播放。

然而,儘管它們聽起來幾乎完全相同,但它們並不是一回事。

一次可以顯示的圖片數量是兩者之間的主要區別。 例如,輪播可能會顯示許多項目,但滑塊一次只能顯示一個。

當涉及到每個可能使用的動畫時,它們之間也有許多關鍵的變化; 但是,這些主要由正在使用的插件決定。

正如您可能看到的,這兩件事在各種情況下都可能是有益的,所以讓我們找出如何利用它們。

如何在 WordPress 中添加帖子輪播?

現在我們了解了 Post Carousel,讓我們了解如何在您的網站上使用它。

安裝 PostX

首先,您需要從 WordPress 目錄安裝 PostX 插件。

Install PostX
安裝 PostX

添加新插件:

  1. 轉到插件部分,然後單擊添加新的
  2. 搜索PostX並單擊立即安裝選項。
  3. 單擊激活按鈕完成安裝。

添加/導入滑塊

如果您要從頭開始創建網站並自定義所有內容,該怎麼辦? 因此,現在您需要添加一個 Post Slider 塊以繼續該過程。

Adding Post Slider
添加帖子滑塊

好吧,PostX 支持你。 您也可以輸入“/”然後寫一個帖子滑塊來獲取它或單擊添加塊(左側的加號圖標)將其添加到您的頁面。

發布輪播設置

現在是有趣的部分,設置 Post Carousel。 添加帖子滑塊塊後,您會看到它類似於特色滑塊。 好吧,不要擔心,因為我們正朝著使其成為 Post Carousel 的過程前進。

首先,在添加帖子滑塊塊後,導航到右側單擊 Explore Patterns

Explore Patterns
探索模式

然後,選擇最後一個預製圖案並單擊導入。

修改和定制

Gutenberg PostX 塊插件提供了多種自定義選項。

以下是一些通用選項:

  • 動畫淡入淡出
  • 自動播放
  • 箭頭

而且,相信我,這還不止於此。 查詢設置會讓你大吃一驚,比如很多自定義選項。

  • 來源
  • 帖子數
  • 分類
  • 分類價值
  • 快速查詢
  • 獨特的內容組
  • 訂購方式
  • 順序 (ASC/DESC)
  • 作者
  • 排除帖子/術語/作者
Publishing Post Carousel
發布帖子輪播

自定義所有內容後,只需點擊發布,即可完成。

還有更多,讓我們不要讓你厭煩它們。 相反,你為什麼不自己去探索和發現呢? 這就像一個潘多拉的盒子; 你探索的越多,你得到的就越多。

不要限制你的想像力; 使用 PostX 在您的網站上展示它!

在您的網站中實施的另一件有趣的事情是特色滑塊,它可以立即在視覺上增強任何網站。 查看我們關於如何在 WordPress 中添加帖子滑塊的指南。

附加選項

儘管有更多的選項可以修改內容,例如包裝內容、更改標題和元數據,以及將它們放在不同的位置,但您會比其他人獲得更多。

我們已經為您提供了配色方案,因此您可以更輕鬆地使 Post Carousel 適合您的主題。 更不用說我們的 Coblog 主題了; 如果您添加帖子輪播,它將使您的網站看起來很棒。

錦上添花的是我們將其保持打開狀態,以便 CSS 愛好者也可以添加他們認為合適的 CSS 類。 對於那裡的 Elementor 愛好者,PostX 的 Gutenberg Post Sliders 也可用於 Elementor、Divi、Oxygen 和市場上的其他構建器。

結論

這就是我們要說的關於 Post Carousel 的全部內容。 我們希望現在您可以將其放在您的網站上。 如果您有任何問題,請在下方留言,我們會盡快回复您。

您可以在我們的 YouTube 頻道上查看 WordPress 視頻教程。 此外,請在 Facebook 和 Twitter 上找到我們以獲取定期更新!

喜歡這篇文章嗎? 傳播這個詞
  • PostX Celebration - Up to 35% OFF

    PostX 慶祝 20K+ 活躍安裝! [與我們一起慶祝!]

  • WordPress Load More Button

    如何使用 PostX 為 WordPress 帖子添加加載更多按鈕

  • Create and Customize WooCommerce Product Page Template

    創建和自定義 WooCommerce 產品頁面模板

  • WooCommerce Products Compare

    產品比較:WooCommerce 產品比較