如何讓你網站也有閱讀進度條?我推薦Read Meter

你想要像「數位時代」或「關鍵評論網」那樣,在你的WordPress網站上顯示文章閱讀的進度條嗎?

我推薦使用外掛「Read Meter – Reading Time & Progress Bar for WordPress」。

它是推出 Astra 的公司 Brainstorm Force 開發的,所以如果你現在用的佈景主題也是 Astra ,那就相容沒問題啦~

它有很多細部的功能/選項,比如說:

  • 選擇在文章、頁面或某些Post type顯示進度條
  • 設定進度條的顏色(可漸層)
  • 設定進度條高度(厚度)
  • 選擇進度條要顯示在網站的上方還是下方
  • 用短代碼(shortcode)在特定某頁顯示進度條
  • 估算文章閱讀時間

STEP 1

到「外掛」 >「安裝外掛」

在搜尋框打「Read Meter」,然後點「立即安裝」。

STEP 2

點選啟用。

STEP 3

剛剛點了啟用後,上面會跳出綠色指示表示已經啟用。

然後滑鼠移到左邊的「設定」>「Read Meter」。

STEP 4

勾選你想顯示進度條的內容類型,然後按「Save」存檔。

存檔後按上面的分頁「Progress Bar」。

STEP 5

接著我們就要設定進度條要顯示在網站的上方還是下方,選擇Top會在上面,Bottom會在下面。

None不顯示。

STEP 6

接著會出現進度條的詳細設定,首先點開Style那行的選項,選擇Normal(一般單色)或Gradient(漸層色),然後選擇你要的顏色就可以了。

最下面的「Bar Thickness」可以修改進度條的厚度大小。

STEP 7

然後就完成啦!

如果你想在特定的頁面顯示進度條,就在那一頁打上shortcode: [read_meter] 就可以囉。

這篇讓我覺得……