WordPress function.phpから独自のCSSを読み込ませる

以前のブログはこちら

広告

こんにちは。ましじめの田村です。

私が執筆した著書、『現場のプロから学ぶ CSSコーディングバイブル』は、Web制作の現場で役立つテクニックやノウハウをまとめています。
興味を持っていただけた方は、ぜひご覧ください。
https://amzn.to/3A8kNHC

このリンクは Amazon のアフィリエイトプログラムを通じて設定されています。

こんにちは。ましじめの田村です。

WordPressでfunction.phpからCSSを追加したい場合がありました。

関数リファレンスを参考に次のフックを使うコードで実現出来そうです。


function my_scripts() {
    //css
    wp_enqueue_style( 'my-style', get_stylesheet_uri() . '/my-style.css', array(),  true);
    //js
    wp_enqueue_script( 'my-script', get_template_directory_uri(). '/my-script.css', array(),  true);
}

add_action( 'wp_enqueue_scripts', 'my_scripts' );

以上「WordPress function.phpから独自のCSSを読み込ませる」でした。
CSSを追加したい場合参考にしてみてください。


関連するタグ

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

ウェブアクセシビリティ対応、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。

ましじめのスキルが必要ですか?

遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、あなたのウェブサイトの制作を強力にサポートいたします。

お問い合わせはこちらから