Title: Genesis JS / No JS
Author: Gary Jones
Published: <strong>2011年5月24日</strong>
Last modified: 2017年11月30日

---

プラグインを検索

![](https://ps.w.org/genesis-js-no-js/assets/banner-772x250.jpg?rev=1778153)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/genesis-js-no-js/assets/icon-256x256.png?rev=1778153)

# Genesis JS / No JS

 作者: [Gary Jones](https://profiles.wordpress.org/garyj/)

[ダウンロード](https://downloads.wordpress.org/plugin/genesis-js-no-js.3.2.1.zip)

 * [詳細](https://ja.wordpress.org/plugins/genesis-js-no-js/#description)
 * [レビュー](https://ja.wordpress.org/plugins/genesis-js-no-js/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/genesis-js-no-js/#installation)
 * [開発](https://ja.wordpress.org/plugins/genesis-js-no-js/#developers)

 [サポート](https://wordpress.org/support/plugin/genesis-js-no-js/)

## 説明

Make front end styling easier for child themes on the [Genesis Framework](http://genesis-theme-framework.com/)
based on whether JavaScript is enabled or not.

Adds a `no-js` body class to the front end, and a script on `genesis_before` which
immediately changes the class to `js` if JavaScript is enabled.
 This is how WP 
does things on the back end, to allow different styles for the same elements depending
if JavaScript is active or not.

This plugin is only useful if you’re using a child theme of the Genesis Framework
since it uses the `genesis_before` hook.

## インストール

Once this plugin is installed and activated, then it will work automatically. There
are no options, and nothing to set-up.

#### Upload

 1. Download the latest tagged archive (choose the “zip” option).
 2. Go to the **Plugins -> Add New** screen and click the **Upload** tab.
 3. Upload the zipped archive directly.
 4. Go to the Plugins screen and click **Activate**.

#### Manual

 1. Download the latest tagged archive (choose the “zip” option).
 2. Unzip the archive.
 3. Copy the folder to your `/wp-content/plugins/` directory.
 4. Go to the Plugins screen and click **Activate**.

Check out the Codex for more information about [installing plugins manually](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation).

#### Git

Using git, browse to your `/wp-content/plugins/` directory and clone this repository:

    ```
    git clone git@github.com:GaryJones/genesis-js-no-js.git
    ```

Then go to your Plugins screen and click **Activate**.

#### Composer

    ```
    composer require gamajo/genesis-js-no-js
    ```

## FAQ

  Installation Instructions

Once this plugin is installed and activated, then it will work automatically. There
are no options, and nothing to set-up.

#### Upload

 1. Download the latest tagged archive (choose the “zip” option).
 2. Go to the **Plugins -> Add New** screen and click the **Upload** tab.
 3. Upload the zipped archive directly.
 4. Go to the Plugins screen and click **Activate**.

#### Manual

 1. Download the latest tagged archive (choose the “zip” option).
 2. Unzip the archive.
 3. Copy the folder to your `/wp-content/plugins/` directory.
 4. Go to the Plugins screen and click **Activate**.

Check out the Codex for more information about [installing plugins manually](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation).

#### Git

Using git, browse to your `/wp-content/plugins/` directory and clone this repository:

    ```
    git clone git@github.com:GaryJones/genesis-js-no-js.git
    ```

Then go to your Plugins screen and click **Activate**.

#### Composer

    ```
    composer require gamajo/genesis-js-no-js
    ```

  What does this plugin actually do?

If you look at the source of a WordPress back end page, you’ll see it has a body
class of `no-js`. Immediately after the opening `body` tag is a small script which
replaces `no-js` with `js` (you can see the amended class with browser developer
tools).

WordPress uses this to apply different styles to the same elements, depending on
whether JavaScript is present or not.

This plugin recreates the same effect, but for the front end of [Genesis Framework](http://genesis-theme-framework.com/)
child themes.

  Shouldn’t the script be at the end of the page?

Usually, yes, but it’s a fairly small script, so does not block rendering of other
content for any noticeable length of time.

Doing it immediately also reduces a flash of incorrectly styled content, as the 
page does not load with `no-js` styles, then switch to `js` once everything has 
finished loading.

## 評価

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

### 󠀁[Just what I needed](https://wordpress.org/support/topic/just-what-i-needed-594/)󠁿

 [blueprintmarketing](https://profiles.wordpress.org/blueprintmarketing/) 2017年
3月14日 1 reply

Thank you for this !

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

### 󠀁[Very useful](https://wordpress.org/support/topic/very-useful-1100/)󠁿

 [schlagobers](https://profiles.wordpress.org/schlagobers/) 2017年1月31日 1 reply

Very useful little script for JavaScript feature detection.

 [ 2件のレビューをすべて表示 ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/)

## 貢献者と開発者

Genesis JS / No JS はオープンソースソフトウェアです。以下の人々がこのプラグインに
貢献しています。

貢献者

 *   [ Gary Jones ](https://profiles.wordpress.org/garyj/)

“Genesis JS / No JS” は2ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/genesis-js-no-js/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Genesis JS / No JS” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/genesis-js-no-js)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/genesis-js-no-js/)する
か、[SVN リポジトリ](https://plugins.svn.wordpress.org/genesis-js-no-js/)をチェック
するか、[開発ログ](https://plugins.trac.wordpress.org/log/genesis-js-no-js/)を [RSS](https://plugins.trac.wordpress.org/log/genesis-js-no-js/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

See [CHANGELOG.md](https://github.com/GaryJones/genesis-js-no-js/blob/master/CHANGELOG.md)
for all of the changes.

## メタ

 *  バージョン **3.2.1**
 *  最終更新日 **9年前**
 *  有効インストール数 **100+**
 *  WordPress バージョン ** 4.6またはそれ以降 **
 *  検証済み最新バージョン: **4.9.34**
 *  PHP バージョン ** 7.0またはそれ以降 **
 *  言語
 * [English (UK)](https://en-gb.wordpress.org/plugins/genesis-js-no-js/)、[English (US)](https://wordpress.org/plugins/genesis-js-no-js/)、
   [Spanish (Chile)](https://cl.wordpress.org/plugins/genesis-js-no-js/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/genesis-js-no-js)
 * タグ
 * [genesis](https://ja.wordpress.org/plugins/tags/genesis/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/genesis-js-no-js/advanced/)

## 評価

 5つ星中5つ星

 *  [  2 5-星レビュー     ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/genesis-js-no-js/reviews/)

## 貢献者

 *   [ Gary Jones ](https://profiles.wordpress.org/garyj/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/genesis-js-no-js/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](http://code.garyjones.co.uk/donate/)