【CSSの適用】WordPressのテーマ作成 wp_enqueue_style

WordPressのテーマを作る際、

  • index.php
  • style.css

の2ファイルが必須なのはご存知のところですが、style.cssをテーマの各ファイルに適用するのはどうするのか?
疑問に思ったのでこちらに書いておきます。

1.functions.phpを編集する

※functions.phpがない場合は作ります。(viコマンドなどで)
そして、こちらのように記述します。

1 <?php
2 function 任意の名前(){
3 wp_enqueue_style('自由な名前', get_template_directory_uri() . '/style.css');
4 }
5 add_action('wp_enqueue_scripts', '任意の名前※2行目のfunction名に指定したもの');
6 ?>

 

例えば。
1 <?php
2 function cssfunc(){
3 wp_enqueue_style('cssfunction', get_template_directory_uri() . '/style.css');
4 }
5 add_action('wp_enqueue_scripts', 'cssfunc');
6 ?>

 

2.style.cssにCSSの記述を書く

書き書き。

 

3.ブラウザで確認してみる

CSSがあたっているのが確認できます。

 

※wp_enqueue_styleなどはお決まりの型なのですが、細かい紹介はまた今度。

 

Leave a Reply

Your email address will not be published. Required fields are marked *