如何在您的 WordPress 文章中新增進度條(簡單方法)

11/16/2023

何時在您的 WordPress 文章中添加進度條

在多種情況下,添加進度條可以提升您的 WordPress 部落格文章的影響力。例如,進度條非常適合顯示項目完成狀態。如果您正在經營一個記錄長期項目的部落格,那麼添加進度條可以讓讀者快速了解您的進展情況。

進度條對于募款活動也非常有用。它們可以立即呈現您距離達成目標多近,從而鼓勵更多捐款。針對教育內容,進度條可以用來說明學習的里程碑或各種主題的複雜性,幫助讀者了解您部落格文章所涵蓋的不同主題的難度。如果您的網站以健康或健身為主題,進度條可以用來顯示運動強度水平、營養信息或健康目標的進展狀況。

此外,在關於統計數字或調查結果的文章中添加進度條可以使數據更易於理解和更具吸引力。與其僅僅列出百分比數據,不如用多彩的進度條來視覺化呈現這些數據。

方法一:使用頁面生成器添加進度條(更可定制化)

一個有效的方法是使用內建進度條功能的頁面生成器來新增進度條。這種方法能確保您的進度條與整體主題設計無縫融合。在這裡,我們將使用 Thrive Architect,一個強大的頁面生成器,提供多種主題模板和用戶友好的拖放介面,是初學者和經驗豐富的使用者自訂其 WordPress 網站設計的絕佳選擇。

步驟 1:安裝 Thrive Theme Builder

首先,您需要設置 Thrive Architect。登錄您的 Thrive Themes 帳戶並下載 Thrive Product Manager 插件。之後,下載並安裝此插件。您可以查閱我們的初學者指南來了解如何安裝 WordPress 插件。完成這些操作後,點擊 WordPress 後台中的“Product Manager”。

您應該現在能夠看到您帳戶中的所有 Thrive Themes 產品列表。選擇“Thrive Architect”,並勾選“安裝產品”選項。然後,滾動到“Thrive Theme Builder”部分並勾選“安裝主題”選項。接着點擊“安裝選定的產品”。系統會開始設置 Thrive Architect 和 Thrive Theme Builder 插件。完成後,點擊“前往主題生成器儀表板”。選擇您想要的 WordPress 主題並完成初始設置,這些設置會幫助您上傳自己的標誌、選擇品牌顏色以及設置不同的結構和模板。

步驟 2:為您的 WordPress 文章添加進度條

在 block 編輯器中打開一篇新文章或現有文章,點擊“啟動 Thrive Architect”按鈕。然後,點擊‘+’按鈕並拖放任何您想要的元素到文本區域。要添加進度條,再次點擊‘+’按鈕並找到“進度條”區塊,並將其添加到文章中。選擇進度條設計後,開始自定進度條設置。從進度條設計、節點標籤到進度條圖標都可以進行調整。

方法二:使用免費進度條外掛程式(快速且簡單)

這種方法適合那些不想使用頁面生成器且只需要簡單免費的進度條外掛程式的用戶。我們將使用免費的 Ultimate Blocks 插件,這個插件可以在您的 Gutenberg 編輯器中添加多種額外區塊,其中包括免費的進度條區塊。安裝並激活插件後,打開 block 編輯器來創建新文章或編輯現有文章。點擊‘+’按鈕並選擇“進度條”區塊。然後,進行設置以調整進度條的各種參數,如進度位置、背景設計及進度條樣式等。

附加設計元素

想為您的 WordPress 網站添加其他視覺元素嗎?請查閱以下文章:

  • 如何在WordPress文章中添加首字下沉效果
  • 如何在WordPress中添加倒數計時器小工具
  • 如何在WordPress中添加滾動新聞標題
  • 如何在WordPress中添加動態背景
  • 如何在WordPress中顯示數字計數動畫
  • 如何為您的WordPress網站添加萬聖節效果
  • 如何在WordPress中添加旋轉推薦詞
  • 如何在WordPress中添加帶圖標的功能框
  • 如何將YouTube視頻作為全屏背景添加到WordPress

我們希望這篇指南能夠幫助您學會如何在WordPress文章中添加進度條。另外,別忘了查看我們精選的最佳WordPress主題生成器和我們的WordPress網站編輯指南。



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"}
>