wp_enqueue_style
ドキュメント：
wp_enqueue_style() | WordPress Developer Resources [Official]
使い方
参考：
テーマにスタイルシート／CSS ファイルを正しい方法で読み込む | The WordPress Press
functions.php で JS や CSS を一元管理する | SMART
WordPress でプラグインから出力される jQuery ライブラリや CSS を整理する | Tips Note by TAM
wp_enqueue_style | WordPress Codex 日本語版
ログイン中のみスタイルを適用する
- ユーザーがログインしてるかどうかは、「is_user_logged_in 」関数を使って判定する。
コード例
子テーマに管理ツールバー用のスタイルファイル 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');Code language: PHP (php)参考：
WordPress でログインしてる時だけスタイルシートを追記する方法 | あすたまいず
is_user_logged_in | WordPress Codex 日本語版
is_user_logged_in() | WordPress Developer Resources [Official]
登録を解除する
参考：
プラグインやテーマが読み込ませる .css / .js ファイル数を関数で減らしてみた | WordPress 運営日誌
WordPress でプラグインから出力される jQuery ライブラリや CSS を整理する | Tips Note by TAM
wp_deregister_style と wp_dequeue_style の使い方とその違いとは | SAMURAI PROJECT
wp_dequeue_style | WordPress Codex 日本語版
wp_dequeue_style() | WordPress Developer Resources [Official]
body 要素にクラスを追加する
参考：
body_class() に独自の class を追加する方法／代替で独自の id や class のみを body に指定する方法 | NxWorld
body タグに異なる class を付与してくれる body_class の便利な使い方 | 株式会社オンズ
WordPress の body_class でクラス名を追加する3パターンを理解する | わーどしゅーぷれす
body_class() の class を削除したり追加したりする | Web 制作の覚え書き
WordPress でページ毎に body タグの id を振る | かちびと.net
body_class() | WordPress Developer Resources [Official]
body_class – Hook | WordPress Developer Resources [Official]
テーマ内のスタイルシートのパスを取得する
get_stylesheet_directory_uri：子テーマのディレクトリへの絶対パスを返す。get_stylesheet_directory：子テーマ使用中は子テーマ、親テーマのみの場合は親テーマのディレクトリへの絶対パスを返す。get_template_directory：親テーマのディレクトリへの絶対パスを返す。
参考：
テーマ／親テーマおよび子テーマのディレクトリの URL、またはパスを取得する | The WordPress Press
get_stylesheet_directory_uri で、子テーマのURLを取得する | Yohei Isokawa
get_template_directory_uri と get_stylesheet_directory_uri の違い | SAMURAI PROJECT
WordPress の URL URI パスを取得・出力する関数 | Web Design Leaves
get_stylesheet_directory_uri | WordPress Codex 日本語版
get_template_directory_uri | WordPress Codex 日本語版
get_stylesheet_directory_uri() | WordPress Developer Resources [Official]
get_stylesheet_directory() | WordPress Developer Resources [Official]
get_template_directory() | WordPress Developer Resources [Official]
Get WordPress Child Theme Path in WordPress – Stack Overflow
Override get_template_directory() in child theme? – WordPress Development Stack Exchange
テーマ名を取得する
get_stylesheet：親テーマのみの場合は親テーマ、子テーマ使用中は子テーマの名前を返す。get_template：親テーマの名前を返す。
参考：
現在使っているテーマの名前を取得／表示する方法 | よしあかつき
get_stylesheet | WordPress 私的マニュアル
get_stylesheet | WordPress Codex 日本語版
get_template | WordPress Codex 日本語版
get_stylesheet() | WordPress Developer Resources [Official]
get_template() | WordPress Developer Resources [Official]
ファイルのパスを取得する (get_theme_file_path)
get_theme_file_path 関数を使用することで、子テーマあるいは親テーマから include あるいは require に必要なパスを取得することができる。
- 引数を与えない場合、
get_stylesheet_directory()の結果を返す。 - 指定したファイルが子テーマにあれば、該当するファイルの絶対パスを返す。
- 子テーマにない場合は、親テーマにおける絶対パスを返す。
参考：
WordPress テーマを作るなら get_theme_file_uri と get_theme_file_path を使いましょう | ねんでぶろぐ
WordPress で URL／パスを取得する場合は get_template_directory_uri より get_theme_file_uri が便利 | Glatch
get_theme_file_path | WordPress 私的マニュアル
get_theme_file_path() | WordPress Developer Resources [Official]
Override get_template_directory() in child theme? – WordPress Development Stack Exchange
ブラウザキャッシュを破棄したい
参考：
Web サイトの更新時、CSS のキャッシュを自動で読み直す方法 | マージシステム株式会社
フック
wp_enqueue_scripts
参考：
wp_enqueue_scripts – Hook | WordPress Developer Resources [Official]
スタイルシート
style.css：各テーマのスタイルシート、あるいは、各プラグイン毎のスタイルシート
参考：
style.css の編集方法や書き方を解説する／テーマ自作 | みやしもブログ
登録
参考：
wp_register_style | WordPress Codex 日本語版
wp_register_style() | WordPress Developer Resources [Official]
テンプレート／仕組み
参考：
wp_styles() | WordPress Developer Resources [Official]
WP_Styles | WordPress Developer Resources [Official]
WP_Dependencies | WordPress Developer Resources [Official]