CSS や JavaScript を出力する方法 [WordPress]

任意のコードをヘッダー／フッターに出力する

参考：

WordPress で JavaScript を読み込ませるならこうすると便利です – Qiita

How to Add Code to WordPress Header and Footer | Kinsta

ログイン中のみスタイルを適用する

子テーマに管理ツールバーのスタイルファイル adminbar.css があるとして、ログイン中のみ適用する場合は子テーマの function.php に次のようなコードを追加する。

// Load Admin-Bar Styles
function load_adminbar_styles() {
  if ( is_user_logged_in() ) {
    wp_enqueue_style(
      'adminbar',
      get_stylesheet_directory_uri() . '/adminbar.css'
    );
  }
}
add_action('wp_head', 'load_adminbar_styles');

参考：

WordPress でログインしてる時だけスタイルシートを追記する方法 | あすたまいず

wp_enqueue_style | WordPress Codex 日本語版

get_stylesheet_directory_uri | WordPress Codex 日本語版

get_stylesheet | WordPress Codex 日本語版

まとめ

参考：

WordPress で記事ごとに個別の CSS を設定する方法3選 | Naifix

Simple Custom CSS and JS

参考：

Simple Custom CSS and JS | WordPress.org [Official]

記事内にカスタム CSS や JS を簡単に埋め込む方法 | Fukuro Press

Simple Custom CSS and JS で簡単にコードを追加する│OTOCHAN BLOG

Custom CSS and JS のパスをテーマフォルダに通しておくと便利 | デジモノ備忘録 (espa.hida-ch.com)

子テーマなしで CSS と JavaScript の追加ができるプラグイン | ゆうそうと IT ブログ

Code Snippets

参考：

Code Snippets | WordPress.org [Official]

WordPress の functions.php を簡単に管理できるプラグイン「Code Snippets」| Naifix

functions.php の PHP コードを管理できる WordPress プラグイン | ネタワン

wp_add_inline_script

参考：

WordPress 4.5 から使える wp_add_inline_script を使って Jetpack の「SnowStorm」を桜に変えて降らせてみる | ねんでぶろぐ

wp_add_inline_script | WordPress 私的マニュアル (elearn.jp)

wp_add_inline_script() | WordPress Developer Resources [Official]