これから Nishiki Pro または Nishiki
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

WordPress で作ったウェブサイトのヘッダーやフッターに「独自の JavaScript のコードを読み込みたい」という要望は結構あると思います。

例えば、ウェブサイトを収益化したい方は「GoogleAdSense(グーグルアドセンス)の自動広告などの JavaScript のコードを入れたい」など思う方は多いのではないでしょうか。

または、GoogleAdSense(グーグルアドセンス)の審査中で、ウェブサイトのヘッダー(<head></head>の間)に審査用の JavaScript のコードを入れる必要がある、とか。

WordPress のカスタマイズに詳しい方は「フックを使えばできるよ」とか「テーマをいじれば OK」と教えてくれるかもしれません。ですが、実際に自分でカスタマイズをやろうとすると、WordPress や PHP の知識が必要なので、初心者の方にとってはかなり難しいと思います。

それに、いくらカスタマイズの知識があっても、入れたい JavaScript がこまめに変わる場合もあります。そんな時には都度コードを書かないといけないってのは手間ですね。

WordPress テーマ Nishiki Pro を利用している方、または WordPress テーマ Nishiki 専用プラグインを利用している方は、簡単に JavaScript を入れたり、コードの管理ができるようになります。以下に方法を書きましたので、ご参考ください。

目次

WordPress テーマ Nishiki Pro、Nishiki に JavaScript を追加する方法

Nishiki Pro テーマの場合

WordPress の管理画面から「Nishiki Pro」→「一般設定」を選択します。

Nishiki テーマの場合

まずはテーマ専用プラグイン「Nishiki Growing Beauty」本体をダウンロード・インストール・有効化後、WordPress の管理画面から「Nishiki GB」→「一般設定」を選択します。

下の画像のように、一般設定の画面が表示されますので「スクリプト追加」のタブを選択しましょう。

ヘッダー、フッターそれぞれに JavaScript が入れられるように入力欄がありますので、お好みでコードを入れてください。

※コードを入れる際は、<script></script>タグで囲いましょう。

出力する場合は「有効化」にチェックしよう

ヘッダー、フッターに入力した JavaScript を出力する場合は「出力を有効にする」の項目にある「有効化」にチェックを入れます。チェックを入れないと出力されませんので、もし「JavaScript のコードはそのまま残したいけど、一旦出力しないようにしたい」という場合は「出力を有効にする」のチェックを外す、という使い方もできます。

出力の優先順位を変えよう

フッターに JavaScript を追加した状態で、Nishiki Pro または Nishiki GB の テーマ最適化 機能を使って jQuery の読み込み順を変更している場合は「jQueryを読み込んだ後でスクリプトを実行したい」こともあると思います。そんな時は「出力の優先順位」の数字を 20 以上に変更してください。

Nishiki テーマに関する情報は #wpnishiki をチェックしてください。

サポトピア おすすめ WordPress テーマ

WordPress テーマ Nishiki Pro

WordPress 公式テーマ Nishiki の洗練されたデザインを継承したプロフェッショナル版テーマです。「本当に必要とされる機能」をテーマ内にすべて搭載しているので、プラグインをたくさん入れなくても OK。メンテナンスコストも抑えることができ、効率の良いウェブサイト運営を行うことができます。

EC サイト対応テーマ Nishiki Pro for WooCommerce

今の時代、誰もが商材を持ち、ネット上で販売できる仕組みを持ってもいいと思います。WordPress を使って EC サイトが構築できる「Nishiki for WooCommerce」を使って、お持ちの商材を販売しませんか。ドロップシッピングサイトも作れます。