如何在您的 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-12-14
  • WordPress 插件

在WordPress中嵌入Google幻灯片演示是分享互动且视觉上吸引人内容的好方法。您可以展示详细的产品展示或最新报告的幻灯片,从而帮助您向听众传达信息或说服他们。我们经过研究发现了一些可靠的方法来完成这项工作,而且您无需成为技术专家即可实现。本文将向您展示两种轻松的方法来将Google幻灯片演示文稿添加到您的WordPress网站。

閱讀更多
  • 2024-11-16
  • WordPress 插件

在保护您的WordPress网站免受攻击时,使用正确的防火墙插件是至关重要的。在多年的发展中,我们的需求也在不断增长。因此,我们转向使用Cloudflare以提供更强的保护。本文详细比较了六个优秀的WordPress防火墙插件,以帮助您选择最适合的解决方案。

閱讀更多
  • 2024-11-15
  • WordPress 插件

您不希望访客单击其他网站的链接后就此离开您的网站。这就是为什么在新窗口或标签中打开外部链接对于提供流畅用户体验至关重要。在WPressize Me,我们认真对待读者的参与度。我们确保网站上的所有外部链接都在新标签页中打开,这样读者可以在不丢失原位的情况下浏览内容。这篇初学者指南将教您如何轻松在WordPress中设置外部链接在新标签中打开,从而提升用户参与度并令读者满意。

閱讀更多

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