他のテーマからNishikiテーマへ移行された方へ トップページやアイキャッチ画像など ウェブサイトの見栄えがよくなる 「テーマ専用おすすめ設定」を紹介しています。 ぜひ一度、ご確認ください!テーマ専用おすすめ設定を見る

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

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

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

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

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

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

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

JavaScriptを追加する方法

プラグイン有効後、WordPressの管理画面から「Nishiki GB」→「スクリプト追加」を選択します。

下の画像のように、スクリプト追加の画面が表示されますので「JavaScript(ジャバスクリプト)」のタブの中に注目しましょう。

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

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

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

Nishikiテーマ専用プラグイン無料配付中 ウェブサイト運営に役立つ機能を搭載しています。 ↓プラグインのダウンロード↓ Download Nishiki Growing Beauty 本体 nishiki-growing-beauty.zip(166 KB) インストール方法はこちら

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

このページの著者について

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社AnimaGateの代表をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。著書「現場のためのSwift4 実務で『本当』に通用する開発者になるための教科書」販売中です。→ブログはこちら