首頁 » 網站架設相關 » WordPress小技巧 » [WP小技巧]如何在文章中增加閱讀進度條

[WP小技巧]如何在文章中增加閱讀進度條

在許多網站中, 當瀏覽文章時, 在內容區的上方會有一條長條形的閱讀進度條. 最主要用意是: 讓User可以清楚此篇文章內容的長度, 可以決定是否停留閱讀或是離開看其他內容.

外掛安裝

在Wordpress(簡稱WP)後台中, 外掛–>安裝外掛–>搜尋[Worth The Read], 就可以找到此外掛, 安裝/啟用之後就可以使用了.

功能簡介

在WP功能表的最上方中, 可以找到[Worth The Read], 主要分成三大類型:

Reading Progress–> 可設定顯示於Post/Page/HomePage, 以及改變樣式, 如前景/背景/厚度/顏色/陰影/不透明度/大小..等等.

Time Commitment–> 可設定顯示於Post/Page/Archive, 以及改變樣式, 如字型大小/字型樣式/顏色/對齊位置..等等. 透過此外掛可以自動計算出此篇內容閱讀大約需多少時間.

Import/Export

最常用應屬於第一項(Reading Progress), 下方內容以它為主做簡易介紹.

下圖顯示, 將此功能顯示於Posts(文章)和Pages(頁面).

可以設定閱讀進度條的位置:預設為上方! 最後別忘了按下[Save Changes], 以及清除cache, 才能完整顯示.

變更閱讀進度條的厚度大小/顏色以及相關設定都可以在此畫面中調整.

前台確認是否正常

在儲存相關設定後, 也已經清除相關cache, 就可以回到前台看是否有顯示閱讀進度條. 下圖紅色框為此功能的顯示, 隨著文章的滾動, 閱讀進度條也會有不同的顯示效果.

總結:

這是一個輕量化的外掛, 並不會影響到網站的效能. 有許多的功能可以依據網站的佈景主題而隨意搭配, 操作上也是很容易就能上手.

以上僅供參考!

Share via:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *