Title: Inline JavaScript in Head
Author: Palasthotel GmbH
Published: <strong>2019年3月11日</strong>
Last modified: 2020年4月29日

---

プラグインを検索

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

![](https://s.w.org/plugins/geopattern-icon/inline-javascript-in-head.svg)

# Inline JavaScript in Head

 作者: [Palasthotel GmbH](https://profiles.wordpress.org/palasthotel/)

[ダウンロード](https://downloads.wordpress.org/plugin/inline-javascript-in-head.1.2.0.zip)

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

 [サポート](https://wordpress.org/support/plugin/inline-javascript-in-head/)

## 説明

**CAUTION**: This plugin is now deprecated! The successor plugin is [Embed JavaScript File Content](https://wordpress.org/plugins/embed-javascript-file-content/).
The new plugin is rebuild from scratch and more rock solid: It respects order and
position of scripts and extra scripts added via `wp_add_inline_script` or `wp_localize_script`
don’t get lost. Give it a try!

In some cases you cannot wait for a JavaScript file to load, even if it is placed
early in the `<head>` section of your template. You can benefit from better performance,
if you place the JavaScript code directly inside a `<script>` tag into the header.
This is where this plugin comes in: It provides a filter `inline_javascript_in_head_handles`,
which takes JavaScript handles, dequeues those scripts and echos their code content
inline into the head section instead of linking them via a script tag.

Please beware that placing lots of JavaScript code inline in the `<head>` section
can be critical! First you lose caching benefits and second the document size can
increase easily. A general rule of thumb is that you should only consider JavaScript
files for inline placement, which are critical and which have a file size lower 
than ~500 Bytes.

#### Example

    ```
    add_action( 'wp_enqueue_scripts', 'my_scripts' );
    function my_scripts() {
        // Some critical script is enqueued
        wp_enqueue_script( 'js-detection', get_template_directory_uri() . '/js/js-detection.js' );
    }

    /**
     * Define JavaScript handles to be echoed inline in the html head section.
     */
    add_filter( 'inline_javascript_in_head_handles', 'my_inline_javascript_in_head_handles', -20 );
    function my_inline_javascript_in_head_handles( $handles ) {
        $scripts = [ 'js-detection' ];

        return array_merge( $handles, $scripts );
    }
    ```

## インストール

 1. Upload `inline-javascript-in-head.zip` to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Use the `inline_javascript_in_head_handles` filter in your theme or plugin.
 4. You’re done!

## 評価

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

### 󠀁[Slowed Down Website](https://wordpress.org/support/topic/slowed-down-website/)󠁿

 [Bob0221](https://profiles.wordpress.org/bob0221/) 2020年1月23日 1 reply

Slowed down the website and deactivating the plugin appears not to reverse the moving
of the javascript to the head. Complete restore of website to resolve.

 [ 1件のレビューをすべて表示 ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/)

## 貢献者と開発者

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

貢献者

 *   [ Palasthotel GmbH ](https://profiles.wordpress.org/palasthotel/)
 *   [ greatestview ](https://profiles.wordpress.org/greatestview/)

[“Inline JavaScript in Head” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/inline-javascript-in-head)

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

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

## 変更履歴

#### 1.2.0

 * CAUTION: Last update! This plugin is now deprecated (see description section)
 * Bugfix: Some scripts could have gotten lost under certain conditions.

#### 1.1.2

 * readme.txt code appearance screwed up, now hopefully fixed.

#### 1.1.1

 * readme.txt update

#### 1.1

 * Added filter `inline_javascript_in_head_wrap_try_catch`, which can add add a 
   try catch wrapper around the JavaScript code.

#### 1.0

 * First release

## メタ

 *  バージョン **1.2.0**
 *  最終更新日 **6年前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 4.0またはそれ以降 **
 *  検証済み最新バージョン: **5.4.19**
 *  PHP バージョン ** 5.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/inline-javascript-in-head/)
 * タグ
 * [enqueue](https://ja.wordpress.org/plugins/tags/enqueue/)[head](https://ja.wordpress.org/plugins/tags/head/)
   [inline](https://ja.wordpress.org/plugins/tags/inline/)[javascript](https://ja.wordpress.org/plugins/tags/javascript/)
   [scripts](https://ja.wordpress.org/plugins/tags/scripts/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/inline-javascript-in-head/advanced/)

## 評価

 5つ星中1つ星

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

[Your review](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/)

## 貢献者

 *   [ Palasthotel GmbH ](https://profiles.wordpress.org/palasthotel/)
 *   [ greatestview ](https://profiles.wordpress.org/greatestview/)

## サポート

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

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/inline-javascript-in-head/)

## 寄付

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

 [ このプラグインに寄付 ](https://palasthotel.de/)