任意のコードをヘッダー/フッターに出力する
参考:
WordPress で JavaScript を読み込ませるならこうすると便利です – Qiita
How to Add Code to WordPress Header and Footer | Kinsta
wp_enqueue_script
参考:
wp_enqueue_script | WordPress Codex 日本語版
wp_enqueue_script() | WordPress Developer Resources [Official]
wp_add_inline_script
参考:
WordPress 4.5 から使える wp_add_inline_script を使って Jetpack の SnowStorm を桜に変えて降らせてみる | ねんでぶろぐ
wp_add_inline_script | WordPress 私的マニュアル
wp_add_inline_script() | WordPress Developer Resources [Official]
登録
参考:
wp_register_script | WordPress Codex 日本語版
wp_register_script() | WordPress Developer Resources [Official]
jQuery を使う
ready を使う場合
jQuery(document).ready(function($){
// $ を使って処理を実行する
})
Code language: JavaScript (javascript)
即時関数を使う場合
(function($){
// $ を使って処理を実行する
})(jQuery)
Code language: JavaScript (javascript)
参考:
WordPress でのダメな jQuery 関数の囲み方 4パターンと対策講座 | 株式会社クーネルワーク
Minify
参考:
WordPress サイトで Minify 圧縮を行う具体的な方法と注意点 | TCD
How to Minify CSS / JavaScript Files in WordPress (3 Ways) | WPBeginner
まとめ
参考:
WordPress でファイルを読み込むための wp_enqueue_style と wp_enqueue_script の使い方と引数の意味を理解しておこう | WEMO
CSS や JavaScript ファイルの読み込み | Web Design Leaves
WordPress でページごとに個別のCSSを設定する方法4選 | Naifix
Simple CSS
入手:
Simple CSS | WordPress Plugin [Official]
Simple Custom CSS and JS
公式サイト:
Simple Custom CSS and JS Pro | Silkypress.com [Official]
入手:
Simple Custom CSS and JS | WordPress プラグイン [公式]
ドキュメント:
Documentation | Silkypress.com [Official]
参考:
記事内にカスタム CSS や JS を簡単に埋め込む方法 | Fukuro Press
Simple Custom CSS and JS で簡単にコードを追加する | OTOCHAN BLOG
子テーマなしで CSS と JavaScript の追加ができるプラグイン | ゆうそうと IT ブログ
Simple Custom CSS and JS ってどんなプラグイン?使い方を解説 | FOXWP
Simple Custom CSS and JS – フロントエンド・バックエンドのコードを管理できる WordPress プラグイン | ねたわん
Custom CSS and JS のパスをテーマフォルダに通しておくと便利 | デジモノ備忘録
Code Snippets
入手:
Code Snippets | WordPress Plugin [Official]
参考:
Code Snippets – WordPress の functions.php を簡単に管理できるプラグイン | Naifix