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

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

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

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

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

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

テーマ専用プラグインを有効化しよう

まずはテーマ専用プラグイン「Nishiki Growing Beauty」本体をダウンロードして、プラグインをアップロード・有効化してください。※プラグイン本体は、どなたでも無料でダウンロードできます。

プラグイン本体のダウンロード・インストール方法はこちら

JavaScript を追加する方法

プラグイン有効後、WordPress の管理画面から「Nishiki GB」→「一般設定」を選択します。

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

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

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

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

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

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

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

サポトピア
ユーザーコミュニティ
ユーザーコミュニティ
サポトピア会員であればどなたでも参加できるユーザーコミュニティを作りました。日々のウェブサイト運営にご活用ください。マニュアル・機能追加の要望やフィードバックなども受け付けています。まだできたばかりのサービスで、参加いただける方が増えるといいな〜と思います。ご参加お待ちしております。

参加する

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