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 日本語版

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

子テーマに管理ツールバーのスタイルファイル 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 でログインしてる時だけスタイルシートを追記する方法 | あすたまいず

登録を解除する

参考:

プラグインやテーマが読み込ませる .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_stylesheet | WordPress 私的マニュアル

get_stylesheet | WordPress Codex 日本語版

get_stylesheet() | WordPress Developer Resources [Official]

get_theme_file_path

参考:

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]

Use wp_enqueue_scripts, not wp_print_styles, to enqueue scripts and styles for the frontend | Make WordPress Core [Official]

登録

参考:

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]

Tips

参考:

外部 CSS を全て minify してインライン (ヘッダ内) に出力する | ねんでぶろぐ

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です