Title: Grayscale Body
Author: jojoee
Published: <strong>2016 年 10 月 15 日</strong>
Last modified: 2021 年 6 月 8 日

---

搜索插件

![](https://ps.w.org/grayscale-body/assets/banner-772x250.png?rev=1515216)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/grayscale-body/assets/icon-256x256.png?rev=1521704)

# Grayscale Body

 作者：[jojoee](https://profiles.wordpress.org/jojoee/)

[下载](https://downloads.wordpress.org/plugin/grayscale-body.zip)

 * [详情](https://cn.wordpress.org/plugins/grayscale-body/#description)
 * [评价](https://cn.wordpress.org/plugins/grayscale-body/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/grayscale-body/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/grayscale-body/#developers)

 [支持](https://wordpress.org/support/plugin/grayscale-body/)

## 描述

Automatically turn the site to grayscale (may be used for some purpose)

Features:

 * Grayscale / Color switcher (for non-IE)
 * Theme option to enable / disable switcher and select switcher position
 * Default mode, ability to set default which either “grayscale” or “color”
 * Ignored Post IDs, user can display this plugin for specific posts by post IDs
 * Custom css

Compatible with all browsers:

 * [Google Chrome](https://www.google.com/chrome/) 19+
 * [Mozilla Firefox](https://www.mozilla.org/firefox/) 3.5+
 * [Safari](http://www.apple.com/safari/) 6+
 * [Internet Explorer](https://www.microsoft.com/en-us/download/internet-explorer.aspx)
   8-9
 * [Opera](http://www.opera.com/) 11.5

### Notes

 * [WordPress Coding Standards](https://codex.wordpress.org/WordPress_Coding_Standards)
 * 2 spaces for indent
 * [Repository on Github](https://github.com/jojoee/grayscale-body)

#### TODO

 * [x] Switcher
 * [x] Theme option
 * [ ] Localization
 * [ ] Separate utility out of main plugin file
 * [ ] Using the feature from [grayscale-body-js](https://github.com/jojoee/grayscale-body-js)
   instead

#### Thank you

 * [WordPress Plugin readme.txt Validator](https://wordpress.org/plugins/about/validator/)
 * [Autoprefixer CSS online](https://autoprefixer.github.io/)
 * [TinyPNG](https://tinypng.com/)
 * [PHP code syntax check](https://www.piliapp.com/php-syntax-check/)

## 屏幕截图

[⌊Demo (screenshot-1.jpg)⌉⌊Demo (screenshot-1.jpg)⌉[

Demo (screenshot-1.jpg)

[⌊Switcher (screenshot-2.jpg)⌉⌊Switcher (screenshot-2.jpg)⌉[

Switcher (screenshot-2.jpg)

[⌊Theme option (screenshot-3.jpg)⌉⌊Theme option (screenshot-3.jpg)⌉[

Theme option (screenshot-3.jpg)

## 安装

 1. Install the plugin via admin plugins screen or download and upload this plugin 
    into `wp-content/plugins` directory
 2. Activate the plugin through the **Plugins** menu in WordPress
 3. Enable `switcher` and select `switcher position` via `Settings > Grayscale Body`(
    optional)
 4. Done

## 常见问题

### How to use it

activate the plugin on your plugin dashboard (`/wp-admin/plugins.php`)

### How it work

it add `css` filter property into `body`

## 评价

![](https://secure.gravatar.com/avatar/031ea9d94b6198b96d33fbd2bb83deb3efcdbe7baa80c7cfc409bba4d6daea86?
s=60&d=retro&r=g)

### 󠀁[This is an amazing plugin!](https://wordpress.org/support/topic/this-is-an-amazing-plugin-7/)󠁿

 [John Best](https://profiles.wordpress.org/demon5/) 2021 年 9 月 29 日

Thank you very much for this plugin. It makes things feel more secure for certain
purposes.

![](https://secure.gravatar.com/avatar/bb9933b57446873c6d38e1cbe2abcf13ec8a0a28996b4aa9ddc744b2cab4e46a?
s=60&d=retro&r=g)

### 󠀁[Totally Useful as a Design Tool](https://wordpress.org/support/topic/totally-useful-as-a-design-tool/)󠁿

 [arollettson](https://profiles.wordpress.org/arollettson/) 2018 年 1 月 27 日

Color blindness is a disability affecting a large minority of people. You can improve
your website by using this plugin to toggle to greyscale which approximates total
colour-blindness. It can instantly tell you where your choice of colors, hues, luminance
and contrast makes it difficult for a colour-blind person to enjoy or even understand
a website.

![](https://secure.gravatar.com/avatar/dacbafc067a1567b73090a135d363b5c6d4c9b6bc31c6b61c9ecd94add0dd1e1?
s=60&d=retro&r=g)

### 󠀁[Really useful](https://wordpress.org/support/topic/really-useful-78/)󠁿

 [aekburin](https://profiles.wordpress.org/aekburin/) 2016 年 10 月 17 日

this plugin was really helpful when the website needs to mourn for some purpose.

![](https://secure.gravatar.com/avatar/d72add6b21889fb6373922dd04eefb8c29f36800115e7298d18cc103a88d46d8?
s=60&d=retro&r=g)

### 󠀁[Great plugin, easy and useful.](https://wordpress.org/support/topic/great-plugin-easy-and-useful-2/)󠁿

 [Menn](https://profiles.wordpress.org/mennstudio/) 2016 年 10 月 17 日

Thank you so much for this plugin. Now WordPress websites can mourn over our Thai
king’s passing, and still be able to switch to the color version.

![](https://secure.gravatar.com/avatar/e0087aa166cf110b2d79b934cdd4f44e07e3fc59b824eac93791de55ced8b0f5?
s=60&d=retro&r=g)

### 󠀁[Very easy to use](https://wordpress.org/support/topic/very-easy-to-use-106/)󠁿

 [wallsfantasy](https://profiles.wordpress.org/wallsfantasy/) 2016 年 10 月 15 日

Install, activate, done!

![](https://secure.gravatar.com/avatar/c9f6a77b18f8bddaba0a17d71576408670a0521486dd338fdd740c726900e0fb?
s=60&d=retro&r=g)

### 󠀁[Nice](https://wordpress.org/support/topic/nice-351/)󠁿

 [jojoee](https://profiles.wordpress.org/jojoee/) 2016 年 10 月 15 日

Save my time

 [ 阅读所有6条评价 ](https://wordpress.org/support/plugin/grayscale-body/reviews/)

## 贡献者及开发者

「Grayscale Body」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ jojoee ](https://profiles.wordpress.org/jojoee/)

[帮助将「Grayscale Body」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/grayscale-body)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/grayscale-body/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/grayscale-body/)，或通过[RSS](https://plugins.trac.wordpress.org/log/grayscale-body/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/grayscale-body/)。

## 更新日志

#### 1.2.3

 * 4 switcher positions

#### 1.2.2

 * Update switcher text
 * Add switcher move2left option
 * Update switcher z-index

#### 1.2.1

 * Support PHP below 5.4

#### 1.2.0

 * Add Theme option

#### 1.1.1

 * Add Grayscale / Color switcher

#### 1.0.1

 * Update meta

#### 1.0.0 (14 Oct 2016)

 * First release

## 额外信息

 *  版本 **1.2.7**
 *  最后更新：**5 年前**
 *  活跃安装数量 **100+**
 *  WordPress 版本 ** 3.0.1 或更高版本 **
 *  已测试的最高版本为 **5.7.15**
 *  语言
 * [English (US)](https://wordpress.org/plugins/grayscale-body/)
 * 标签
 * [black](https://cn.wordpress.org/plugins/tags/black/)[black and white](https://cn.wordpress.org/plugins/tags/black-and-white/)
   [grayscale](https://cn.wordpress.org/plugins/tags/grayscale/)[Site](https://cn.wordpress.org/plugins/tags/site/)
   [white](https://cn.wordpress.org/plugins/tags/white/)
 *  [高级视图](https://cn.wordpress.org/plugins/grayscale-body/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  6 条 5 星评价     ](https://wordpress.org/support/plugin/grayscale-body/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/grayscale-body/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/grayscale-body/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/grayscale-body/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/grayscale-body/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/grayscale-body/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/grayscale-body/reviews/)

## 贡献者

 *   [ jojoee ](https://profiles.wordpress.org/jojoee/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/grayscale-body/)