前言介紹
- 這款 WordPress 外掛「Dark Reader – Beautiful Dark Mode for any Website」是 2025-05-17 上架。
- 目前有 100 個安裝啟用數。
- 上一次更新是 2026-02-09，距離現在已有 17 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 4 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
selimmw | shmusuf | abutalib | bdthemes | muhammadasik | mohammaadfarid | syedfarhanreza | arafatakashakku |
外掛標籤
dark | wp dark | dark mode | dark theme | Night Mode |
內容簡介
總結文案: Dark Reader外掛提供美觀的暗色模式，可客製化設定，降低眼睛疲勞，提升網站無障礙性。
問題與答案：
1. Dark Reader外掛主要提供什麼功能？
- 提供美觀的暗色模式，可客製化設定，調整明亮度、對比度、古色和灰階效果，還可自定義暗色和亮色模式的顏色。
2. Dark Reader如何幫助使用者？
- 提供更好的使用者體驗、提升訪客舒適度和參與度，改善網站對具光敏性的使用者的可存取性，並節省OLED或AMOLED顯示器的能源。
3. Dark Reader的設定流程如何？
- 安裝啟用外掛、客製化暗色模式設定，選擇切換按鈕樣式和位置，即可提供網站美觀暗色模式支援。
原文外掛簡介
Dark Reader is a complete WordPress dark mode plugin that adds modern design, accessibility, and flexibility to your website. With one click, you can transform your site into a comfortable dark mode experience that visitors will love.
Many users today expect websites to support dark mode because it reduces eye strain, improves readability, and looks professional. By adding Dark Reader, you give visitors a modern option while keeping your site easy to use and visually appealing.
Trusted by 100,000+ websites, it’s the easiest way to design your stunning websites without coding.
Plugins List – 12
Element Pack
Prime Slider
Ultimate Post Kit
Ultimate Store Kit
Pixel Gallery
Spin Wheel
ZoloBlocks
Smart Admin Assistant
One Accessibility
Sigma Forms
Dark Reader
Launch Guard
Why Add Dark Reader to Your WordPress Website?
Dark mode is now standard across devices, apps, and operating systems. People use it daily on their phones, computers, and browsers. When your website supports dark mode, you match their preferences and provide a familiar browsing environment.
Adding Dark Reader improves accessibility for users with light sensitivity or those browsing at night. It creates a professional look, increases engagement, and makes your site stand out. This simple feature has a big impact on both usability and visitor satisfaction.
Try Live Demo | Get Dark Reader Dark Mode | Read Documentation
Key Features of Dark Reader Dark Mode Plugin
Enable Dark Mode
Enable dark mode is the main feature of Dark Reader. When you turn this on, your entire website will automatically switch to a dark color scheme. Visitors will see a modern design that feels comfortable on the eyes. It works on all pages, posts, and even your WordPress admin dashboard if you want.
This feature helps reduce eye strain, especially for people browsing at night or in low-light conditions. It also makes your website look more professional and up to date since most apps and systems now support dark mode. Adding this option improves user experience and keeps visitors engaged longer.
Brightness Control
Brightness Control gives you the ability to fine-tune how light or dark your website appears when dark mode is enabled. Some users prefer a very deep black, while others like a softer gray background. With this setting, you can adjust brightness to create the perfect balance for your audience.
This makes your dark mode more inclusive because not all visitors have the same preferences. By customizing brightness, you can reduce glare without making the site too dark. It ensures your design stays readable and pleasant for everyone.
Contrast Control
Contrast Control lets you adjust the difference between text and background in dark mode. High contrast improves readability, while lower contrast gives a softer look. You can choose the level that works best for your content style.
This feature is especially important for accessibility. Visitors with vision difficulties need enough contrast to read comfortably. By offering adjustable contrast, Dark Reader dark mode plugin makes your site more user-friendly and compliant with modern accessibility practices.
Sepia Filter
The Sepia Filter adds a warm, brownish tone to your site in dark mode. This reduces the amount of blue light, which is often linked to eye strain and sleep problems. Many users prefer sepia for reading long articles or browsing at night.
Using a sepia effect gives your website a unique look while still keeping it easy on the eyes. It is especially helpful for blogs, magazines, and content-heavy sites where visitors spend a lot of time reading.
Grayscale Filter
The Grayscale Filter turns your site’s colors into shades of gray in dark mode. This creates a clean and minimal style. It also reduces distractions from bright images or colorful elements that might not fit well with dark mode.
Grayscale can also help content stand out more clearly. For example, text becomes the main focus because background visuals are softened. This is a great option for professional websites, portfolios, or any site that wants a modern, elegant look.
Toggle Button Position
The Toggle Button Position setting lets you choose where the dark mode switch appears. You can place it in the top-left, top-right, bottom-left, or bottom-right corner of the screen. This makes it easy for visitors to find and use.
Flexibility in position is useful because different websites have different layouts. For example, if you already have widgets or floating buttons on one side, you can move the toggle elsewhere to avoid overlapping. It gives you full control over user experience.
5+ Toggle Button Styles
Dark Reader comes with five different toggle button styles: Default, Round, Switch, Toggle, and Minimal. Each style has its own look and feel, so you can choose one that matches your site’s design.
Having multiple styles ensures the dark mode toggle blends naturally with your theme. Whether you want a bold button or a subtle switch, you can pick the option that feels right. This customization helps maintain your brand identity while offering dark mode.
Custom Toggle Button Style
Dark Reader Pro comes with custom emoji set toggle button with the Background Colors, Border Colors, Border Size & Shape and Icon Size.
Use System Color Scheme
This option matches your website with the visitor’s device preference. If their computer or phone is set to dark mode, your site will automatically load in dark mode. If not, it will stay in light mode.
This feature creates a seamless browsing experience because users do not need to switch modes manually. It makes your site feel more modern and adaptive to user habits, just like mobile apps and operating systems.
Enable for PDFs
With this feature, dark mode also applies to embedded PDF files on your site. Normally, PDFs remain bright and may clash with a dark layout. Enabling this keeps the viewing experience consistent.
It is especially helpful for websites that share eBooks, reports, or documents. Visitors can read PDFs without straining their eyes, and the design stays professional across all content types.
Apply Immediately
This setting makes sure dark mode applies instantly to all dynamic content on your website. Without it, some elements might load in light mode before switching, which can feel distracting.
Apply Immediately creates a smoother experience. It prevents flashing effects and ensures that every page, post, and element appears in dark mode right from the start.
Filter Mode
Filter Mode allows you to choose between two types of dark styles: Dimmed Mode and Dark Mode. Dimmed Mode is softer with less contrast, while Dark Mode is stronger with deeper blacks.
This flexibility helps you match dark mode to your brand style and visitor preferences. Some users may prefer a gentle look, while others want a bold, high-contrast design. Dark Reader lets you offer both.
Text Stroke
The Text Stroke option adds a thin outline to your text. This makes words stand out more clearly on dark backgrounds. It is especially useful if your design includes colored text or decorative fonts.
Adding text stroke improves readability without changing your site’s style. It keeps your content easy to read for everyone, even in low-light conditions or on smaller screens.
Dark Mode Toggle Shortcode
Dark Reader includes a shortcode [dark_reader_toggle] that you can place anywhere on your website. You can add it inside posts, pages, or widgets. This gives you full control over where visitors can access the dark mode switch.
Shortcode support is helpful if you want to put the toggle in specific areas, like a menu, header, or footer. It makes your site more flexible and ensures the dark mode feature is always easy to find.
Exclusive Pro Features of Dark Reader Dark Mode Plugin
Time-Based Dark Mode
Schedule dark mode to activate at night and switch back in the day. This happens automatically based on your chosen hours.
It improves comfort by matching natural usage habits. Visitors get dark mode when they need it most without any action required.
Admin Dashboard Dark Mode (Pro)
Dark Reader adds dark mode to the WordPress admin dashboard. This makes the backend easier on the eyes for long working sessions.
This feature is perfect for professionals and teams. It improves comfort while managing content or settings.
Low Brightness Images (Pro)
Dark Reader can lower image brightness when dark mode is active. This prevents images from being too sharp or distracting on dark backgrounds.
It creates balance across your website. Visitors enjoy smoother visuals and better readability.
Grayscale Images (Pro)
Images can be displayed in grayscale during dark mode. This gives a softer, professional look.
This option is useful for blogs, portfolios, or business sites that want a minimal design. It also reduces strain from bright images.
Image Replacement in Dark Mode (Pro)
Image replacement helps you maintain visual harmony and readability by replacing image on the basis of a light background and dark background.
Invert Images (Pro)
Invert image colors intelligently when dark mode is active. This keeps visuals visible while matching dark backgrounds.
The benefit is better design consistency. Images do not clash with the dark interface, keeping your site polished.
Dark Mode Based Image Support (Pro)
Dark Reader ensures images adapt perfectly in dark mode. It adjusts their colors and appearance without damaging quality.
Widget Support (Pro)
This feature allows you to add styles to toogle button and set functionalies. You can use this features on Gutenberg and Elementor in your drag-and-drop ways.
Dark Mode Based Video Support (Pro)
Videos can also adapt to dark mode. They adjust smoothly to match the dark interface of your website.
This makes multimedia content look natural in both modes. Visitors get a complete, balanced experience.
Custom CSS Support (Pro)
You can write custom CSS rules for dark mode. This allows you to fine-tune appearance at a detailed level.
This feature is ideal for developers and designers. You can create a dark mode that matches your exact vision.
Exclude Elements (Pro)
Choose specific elements that should not be affected by dark mode. For example, logos or banners can stay in their original colors.
This improves control and avoids problems. Important visuals remain clear while the rest of the site uses dark mode.
Exclude Pages & Posts (Pro)
You can exclude certain pages or posts from dark mode. This is useful for landing pages, special designs, or content that looks better in light mode.
It ensures maximum flexibility. You decide exactly where dark mode should apply.
Responsive and Accessible
Dark Reader is fully responsive, lightweight, and accessibility-focused. It works on all devices and improves readability for every visitor. Whether you are a blogger, business owner, or developer, Dark Reader makes it easy to add dark mode to your site without code. It is professional, flexible, and user-friendly.
Popular Page Builder Support
Dark Reader works with major page builders like Elementor, WPBakery, Divi and Break Builder. The layouts remain consistent while dark mode is applied using Dark Reader.
This ensures compatibility with advanced WordPress designs. You don’t have to worry about broken layouts when enabling dark mode.
Who Is Dark Reader Dark Mode For
WordPress beginners who want an easy way to add dark mode without coding.
Bloggers, business owners, and e-commerce stores aiming to improve user experience.
Designers and developers who need advanced control and customization.
Agencies and teams managing multiple sites or client needs.
Sites that prioritize accessibility, readability, and modern design.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Dark Reader – Beautiful Dark Mode for any Website」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | trunk |
延伸相關外掛（你可能也想知道）
WP Dark Mode – Improve Accessibility with AI Powered Dark Theme 》使用 WP Dark Mode 外掛程式，為您的 WordPress 網站創造一個令人驚豔的暗黑模式版本。WP Dark Mode 可以自動運行，無需進入任何複雜的設置。, 只需啟用該外...。
Droit Dark Mode 》Droit Dark Mode 插件是創建令人驚艷的網站和儀表板黑暗模式的絕佳方式 - 方便而有效。此 WordPress 插件允許您從儀表板啟用/停用黑暗模式選項，並提供許多設...。
Dracula Dark Mode – Accessibility, Reading Mode & Dark Mode for WordPress 》nt styles for the toggle button in the free version, allowing you to choose the style that best fits your website's design., Widget Support –...。
Dark Mode Toggle 》Dark Mode Toggle 是一個非常優秀的 WordPress 外掛，可以快速在你的網站上添加暗黑/夜間模式開關按鈕。使用者只需要點擊切換按鈕就可以輕鬆在暗色或亮色主題...。
Dark Mode for WP Dashboard 》此外掛將在 WordPress 資訊面板介面中增加平滑的暗黑模式。使用者可以在個人資訊頁面中停用暗黑模式。, 支援插件：, * Advanced Custom Fields, * Jetpack, *...。
DarkMySite – Advanced Dark Mode Plugin for WordPress 》DarkMySite 可以輕鬆有效地為您的 WordPress 網站建立令人驚嘆、美觀的深色模式版本，幫助您的使用者輕鬆地享受時尚、方便的選擇，並減少眼睛疲勞。, , 近年...。
DarkLooks – Dark Mode Switcher For WordPress 》在低光環境下，暗黑模式對眼睛更加友好，同時在低光條件下（夜間或較暗的工作場所）可以減少眼睛疲勞。Darklooks 是一個 WordPress 外掛程式，可以讓您在 Wor...。
QS Dark Mode Plugin 》QS Dark Mode 是一個簡單而方便的外掛，可以讓 WordPress 網站啟用暗黑模式。這個 WordPress QS Dark Mode 外掛非常易於使用，完全相容於所有瀏覽器、作業系...。
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) 》總結：Darkify 是一款適用於任何 WordPress 網站的極其先進的暗黑模式外掛。這個外掛具有啟用前端和 WordPress 管理界面的暗黑模式切換器的選項。根據數據，8...。
Dusky Dark Mode – Dark Mode for Gutenberg and Elementor 》- Dusky Dark Mode 是WordPress的最佳暗模式插件，它提供了一個有效且流暢的網站暗模式版本，減少訪問者的視覺疲勞。, - Dusky Dark Mode擁有獨特的功能，可...。
Night Mode for WordPress 》這個外掛程式可幫助啟用夜間模式、調整網站亮度，您可以輕鬆地將夜間模式濾鏡添加到整個網站，並進行調整以提高文本、圖像和其他元素的可讀性，當屏幕太亮時...。
Onyx Dark Mode Switcher 》總結： 這款輕量級的 WordPress 外掛可讓您的訪客在一點擊之間切換亮暗模式。, , 1. 這款 WordPress 外掛的主要功能是什麼？, - 讓您的訪客在一點擊之間切換...。
Go Night Pro | WordPress Dark Mode Plugin 》深色模式是網頁設計中的新趨勢。像 Adobe 軟體等桌面應用程式已經在其介面中實現深色模式，現在這個外掛程式可以在 WordPress 安裝中添加深色模式/深夜模式功...。
Night Mode 》Night Mode 是專為 WordPress 所設計外掛程式，可以讓您輕鬆地在夜間使用，減輕眼睛疲勞，並避免面對引起瘙癢的白色儀表板屏幕。, Night Mode 的主要功能包括...。
AboveWP Admin Dark Mode 》**總結：** AboveWP Admin Dark Mode 在 WordPress 管理員工具欄上添加了時尚的切換按鈕，讓用戶可以在亮色和暗色模式之間切換。暗色模式為整個 WordPress 管...。