こんにちは、WPホームページ研究所の運営サポートチーム(@WP_LABO)です。
本日はJavaScriptでcookieを手軽に扱うためのライブラリ「js-cookie」を投稿ページ限定で読み込ませる方法をご紹介いたします。業務メモとして残しておきますので必要あればコピペでお試しください。
js-cookieを投稿ページだけで読み込ませる条件分岐の方法
下記がfunctions.phpに追記するスクリプトです。
function js_cookie_js_enqueue_scripts() {
if ( is_single() ) {
wp_enqueue_script(
'js-cookie',
'https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js'
);
}
}
add_action( 'wp_enqueue_scripts', 'js_cookie_js_enqueue_scripts' );
上記はスクリプトをCDNから読み込んでいます。最終的にはテーマフォルダ内にJavaScriptファイルを格納して読み込ませるのが良さそうです。なお、オリジナルファイルのダウンロードは「GitHub」から行えます。
テーマの「head内でスクリプトを読み込ませる方法」はいくつかあるので下記もご参考くださいませ。
最新式の無料プラグインを事前公開
WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。まずは無料でDLしてお試しくださいませ。
→ 改良されたプラグインを確認する