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

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

WordPress で作ったウェブサイトのヘッダーやフッターに「独自の JavaScript を読み込みたい」という要望は結構あると思います。例えば、ウェブサイトを収益化したい方は「GoogleAdSense(グーグルアドセンス)の自動広告などの JavaScript を入れたい」など思う方は多いのではないでしょうか。

WordPress のカスタマイズに詳しい方は「フックを使えばできるよ」と教えてくれるかもしれません。ですが、実際に自分でカスタマイズをやろうとすると、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 以上に変更してください。

このページをシェアする

サポトピア
ユーザーコミュニティ
ユーザーコミュニティ
サポトピア会員であればどなたでも参加できるユーザーコミュニティを作りました。「WordPress テーマ Nishiki の基本的操作などをちょっと聞いてみたい」という時など、日々のウェブサイト運営にご活用ください。マニュアル・機能追加の要望やフィードバックなども受け付けています。まだ開始して間もないサービスなので、少しずつ利用いただける方が増えるといいな〜と思います。ご参加お待ちしております。

参加する

※サポトピアにログインしてください