前言介紹
- 這款 WordPress 外掛「Reader Mode – Distraction-Free Content Reader」是 2022-10-29 上架。
- 目前有 40 個安裝啟用數。
- 上一次更新是 2022-10-30，距離現在已有 917 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 1 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
softlab | princeahmed |
外掛標籤
reader mode | translation | progress bar | reading time | text to speech |
內容簡介
此外插件「Reader Mode Plugin」可為使用者提供沒有雜亂元素的無干擾閱讀體驗，將文章清理出不必要的元素。若要提高易讀性、可及性和讀者易用性，使用 Reader Mode 可成為一個方便的選擇。Reader Mode 透過提供一些實用功能，例如 Reader Mode 佈局、預估閱讀時間、翻譯、文字轉語音、閱讀進度條等，為使用者添加舒適的閱讀體驗。
使用 Reader Mode 可以實現更好的易讀性、可及性和讀者易用性，是一個方便的工具。 Reader Mode 的功能包括：佈局、閱讀時間預估、閱讀進度條、特定文章類型選擇、多個顯示位置、打印優化、自動滾動、淺色/深色模式主題、自訂字型大小和全屏模式等。此外，Reader Mode 還可以改善網站的可讀性和可及性。使用者可以通過 Reader Mode 切換到簡單和互動式的佈局，並進行易於操作的自定義按鈕樣式和文字，支持超過100種語言的翻譯功能，提供多種口音和性別的文字轉語音功能，還提供其他強大的功能。
原文外掛簡介
Reader Mode Plugin adds a distraction-free reading experience for users by stripping away clutter and unnecessary elements from the article or post content. To achieve better readability, accessibility, and easy operations for your readers Reader Mode can be a handy choice.
Reader Mode adds a comfortable reading experience for the users by adding some useful features, such as Reader Mode layout, Estimated Reading Time, Translation, Text to Speech, Reading Progress Bar, and more.
To achieve better readability, accessibility, and easy operations for your readers Reader Mode can be a handy choice.
VIDEO OVERVIEW
👁️ View Demo | 🚀 Get PRO
READER MODE FEATURES
Reader Mode Layout – Reader Mode adds a simple and clean content layout that is user-friendly, comfortable, more readable, more accessible, and easy to use for readers. Your website articles & posts can be turned into simple & interactive by using the Reader Mode layout. Reader Mode’s simple layout represents easy customizations of buttons style and text, translating over 100+ languages, multiple accents, and genders Text-to-Speech capability, reading time estimator, reading progress bar, and many other powerful features that improve your websites readability and accessibility better among users.
Estimated Reading Time – Reader Mode adds a reading time estimation for the users to know how much time they need to read the post/ article. Reading time specified in minutes motivates users to read the post. It works great to give visitors a quick idea about the time needed to read a post and encourages them to go on till the end.
Reading Progress Bar – Reader Mode adds a handy reading progress bar that works as an identifier for the users to know how much they read the post/ article. This lets readers know how far have they reached and how much more they have to go on.
Specific Posts Types – The Reader Mode Layout, Text-to-Speech, Translation, Reading Time, and Reading Progress Bar can be enabled for only specific post types of your website.
Multiple Display Positions – The Reader mode button, reading time, translation button, text to speech button, reading progressbar can be displayed in multiple positions. such as: Above the post title, Below the post title and Above the post content.
Print Optimized – Reader Mode is print optimized for the users to print the whole post/ article. This operation can be operated with only one simple click. This allows your users to print the post content in a print-optimized layout without any unnecessary elements.
Auto Scroll – Auto scroll feature is available in the reader mode for the users to scroll the post/ article automatically while they are reading the post/ article.
Light/Dark Mode Theme – Reader Mode has a light/ dark mode theme for the users to choose the best one for their reading preference. Reader mode theme also can be changed based on the user\’s device light/dark theme.
Custom Font Size – Reader Mode allows the users to customize the content font sizes depending on their needs and tests. Users can customize font sizes in small, medium, and large sizes to improve excessive readability.
Full Screen Mode – Fullscreen reading mode is available in the reader mode for the users to read the post/ article in fullscreen. As the full-screen mode is readers friendly with fewer distractions, that is the reason Fullscreen mode is such useful.
Table of Contents – Table of contents feature is available in the reader mode for the users to navigate to the specific section of the post/ article.
Link List – All the links in the post/ article will be listed in the reader mode for the users to navigate to the specific link in the post/ article.
Custom Button Alignment – The Reader Mode button, Text-to-Speech button, Translation button, Reading time button, and Reading progressbar can be customized with multiple alignments such as: Left, Center, and Right.
Text-to-Speech (PRO) – Reader Mode adds a Text-to-Speech button both in the general mode and reader mode for the users to listen to the post/ article. With multiple accents & voice diversity, this feature takes users into a new era while they will play with the Text-to-Speech feature of the Reader Mode plugin. The Text-to-Speech function has the ability to listen to the post content in over 100+ accents & voices.
Translation (PRO) – Reader Mode adds a translation button both in the general mode and reader mode layout. This function translates the whole post/ article into user preferred language. The translation function has the ability to translate the post content into over 100+ languages.
Multiple Display options – The Reader mode button, Reading time, Translation button, Text to speech button, Reading progressbar can be displayed both in the General mode and Reader mode layout.
Multiple Buttons & Styles – Highly customizable multiple buttons and styles are available to enable the Reader Mode, Translation, Text to speech, and Reading time features. As an admin, you have multiple eye catchy buttons to use depending on your website theme, color, and style.
Custom Button Text & Size – You can customize the button text and size to match your website theme and screen size. This feature can be controlled in Reader Mode Layout, Text-to-Speech, Translation, Reading Time, and Reading Progress Bar. For a better user experience, more readability, and more accessibility this function plays an important role.
Custom Button Colors – The Reader Mode button, Text-to-Speech button, Translation button, Reading time button, and Reading progressbar can be customized with multiple colors.
Custom Button Icon – The Reader Mode button, Text-to-Speech button, Translation button, Reading time button, and Reading progressbar can be customized with multiple image icons. You can also upload your own image as an icon with the button.
Custom CSS – Reader mode layout can be customized by using custom CSS. If you (as admin) want to customize some elements implementing your expertise, you are allowed to do that by using custom CSS.
BASIC USAGE
Reader Mode Layout – To display the distraction-free reader mode layout for the users you need to enable the Reader Mode button in the Reader Mode > Settings > General Settings page. After enabling the Reader Mode button, the Reader Mode button will be displayed in the post/ article based on the display options you have set in the settings.
Text to Speech – To display the Text to Speech player for the users you need to enable the Text to Speech button in the Reader Mode > Settings > General Settings page. After enabling the Text to Speech button, the Text to Speech button will be displayed above the content based on the display options you have set in the settings.
Translation – To display Translation button for the users you need to enable the Translation button in the Reader Mode > Settings > General Settings page. Users can translate the post content into their preferred language by clicking the Translation button into over 100+ languages.
Estimated Reading Time – To display the Estimated post/ article Reading Time, you need to enable the Estimated Reading Time button in the Reader Mode > Settings > General Settings page. After enabling the Reading Time setting, It will be displayed above the content based on the display options you have set in the Settings page.
Reading Progress Bar – To display the Reading Progress Bar you need to enable the Reading Progress Bar button in the Reader Mode > Settings > General Settings page. After enabling the Reading Progress Bar, the Reading Progress Bar will be displayed at the top or bottom of the page based on the display settings.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Reader Mode – Distraction-Free Content Reader」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Reading Time WP 》WP Reading Time 讓你輕鬆地在 WordPress 文章中加入預估閱讀時間。啟用這個外掛會自動在你的文章內容的開始加入閱讀時間。你可以在「閱讀時間」設定中取消這...。WP Word Count 》WP Word Count 可以告訴您站點上您已經寫了多少字，並分月和作者進行統計。, 新版本 3.2.0 中的新增功能：閱讀時間, WP Word Count 現在內置閱讀時間統計功能...。
Worth The Read 》一個非常低調且輕量級的閱讀進度條插件，可向使用者顯示他們在當前文章或頁面中滾動到哪個部分。您可以控制進度條的位置和顏色，並可以選擇是否包括主要內容...。
Reading Position Indicator 》創建一個垂直進度條，顯示目前單一文章的滾動進度。, 感謝Pankaj Parashar在 CSS-TRICKS 上撰寫有關閱讀位置指示器的文章(Reading Position Indicator)。
Post reading times 》一款可以輕鬆顯示任何文章閱讀時間的外掛程式，閱讀時間是基於一個人的標準閱讀速度計算出來的，數值會在文字前面顯示。。
Just Writing Statistics 》Just Writing Statistics 是 WP Word Count 的分支版本。, Just Writing Statistics 透過統計數據告訴您在您的網站上您已經寫了多少字，其中包括：, , 最受歡...。
Post Read Time 》「文章閱讀時間」自動在文章開頭加入閱讀時間（以分鐘計算）。它是可完全設定的，可以選擇每分鐘閱讀的單字數、考慮文章中的圖片數量以及樣式設計等，CSS 和...。
Timify 》Timify 是一個全方位的解決方案，可以提供文章的最後修改日期、發布日期、閱讀時間、文字總數、IP 地址和日期格式的時間差等資訊，以便讓讀者更清楚地了解文...。
Reading Time 》閱讀時間外掛會顯示文章的預估閱讀時間，以秒或分鐘為單位。, 此預估是自動計算的；也可以使用自訂欄位名稱 “readingtime”，為單獨的文章插入自...。
Font Resize With Post Reading Time [GWE] 》這個外掛可以讓你輕鬆地在每個網誌頁面上顯示文章閱讀時間和字型調整選項。, 使用方法 [請仔細閱讀], 要顯示字型調整和文章閱讀時間選項，你不需要做任何事情...。
WP Read Time – Tiempo de lectura 》這是一個輕量級的外掛程式，會在部落格所有文章中添加預估閱讀時間。只需要啟用，系統會自動根據讀者平均閱讀時間計算出預估閱讀時間。, Markdown, 優點：, ,...。
LP Estimated Reading Time 》這個外掛讓讀者知道閱讀文章所需要的時間。外掛會在內容上方插入估計的閱讀時間，或使用短碼來顯示。根據文章更新，自動更新閱讀時間。, 這個外掛可以透過儀...。
SC-TableOfContents 》, 當您編輯文章和固定頁面時，您可以使用一個短代碼，顯示目錄和閱讀時間。, *目錄由文本中的 h 標籤決定。可以在管理員頁面上設置要顯示的 h 標籤。, *目錄...。
Word Counter 》總結文案：, Word Counter 是一個簡單的 WordPress 外掛程式，用於顯示文章的閱讀時間和字數。, , 問題與答案：, , 問題：Word Counter 是做什麼用的？, 答案...。
Simple Word Count and Reading time 》此外掛可以在文章中以類似 YouTube 進度條的方式，清晰地顯示文章字數和閱讀時間。。