問題 × 解決策

WordPressのテーマからcssファイルを読み込む方法

問題

Wordpressのテーマからcssファイルを読み込むには?

解決策

関数「wp_enqueue_scripts」をフックし、cssファイルを読み込む処理を追加して上書きする。

テーマからcssファイルを読み込む

WordPressのテーマからcssファイルを読み込む方法をご紹介します。

 

関数「wp_enqueue_scripts」をフックする。

関数「wp_enqueue_scripts」をフックすることで、ファイルの読み込みを追加することができます。

記述例

読み込みたいcssファイルをテーマディレクトリのcssフォルダに配置した上で、以下をfunctions.php記述し、実行してください。

function my_styles() {
wp_enqueue_style( 'style-name', get_template_directory_uri() . '/css/○○.css', array(), '1.0.3' );
}
add_action( 'wp_enqueue_scripts', 'my_styles' );

参照

以下のサイトが、より詳しく解説してくれています。

【WordPressテーマからCSSファイルとJSファイルを読み込む正しい方法 | HPcode】
https://haniwaman.com/load-css-js/

【関数リファレンス/wp enqueue script – WordPress Codex 日本語版】
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_enqueue_script

コメント

コメントを残す

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

four × 1 =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧