最初に行う必要があるのは、あなたのウェブサイトにWPCodeプラグインをインストールし、有効化することです。
プラグインを有効化すると、WordPressの管理バーに「Code Snippets」という新しいメニュー項目が追加されます。これをクリックすると、サイトに保存されているすべてのカスタムコードスニペットのリストが表示されます。
プラグインをインストールしたばかりなので、リストは空です。
新規追加」ボタンをクリックして、WordPressに最初のカスタム・コード・スニペットを追加してください。
スニペットの追加」ページが表示されます。ここでは、あらかじめ用意されたライブラリからコード・スニペットを選択するか、カスタム・コードを追加することができます。
カスタムコードを追加するには、「カスタムコードを追加(新規スニペット)」オプションの下にある「スニペットを使用」ボタンをクリックします。
まず、カスタム・コード・スニペットのタイトルを入力します。これは、コードを識別するのに役立つものであれば何でも構いません。
カスタムJavaScriptスニペットを追加するには、以下の形式を使用してください。コードブロック全体を含め、右側のドロップダウンメニューから正しいコードタイプを選択してください。
<!-- Custom Twitter Feed JS -->
function ctf_custom_js($){
var $ = jQuery;
//Add your Custom JavaScript here
}
ctf_custom_js($);
このスニペットを特定のページに追加したい場合は、WPCodeの「スマート条件ロジック」機能を使用することができます。詳しくは、こちらのドキュメントサイトをご覧ください: https://wpcode.com/docs/
