このページでは、Nishiki Pro テーマに独自の CSS を読み込む時のおすすめの方法を解説しています。

サンプルコード（プラグインを作って読み込む方法）

下のコードは、カスタマイズ用のプラグインを作って適用する方法の一例です。

// nishiki-pro-custom.css を読み込む場合
if ( ! function_exists( 'nishiki_pro_custom_read_scripts' ) ) {

 function nishiki_pro_custom_read_scripts(){

  // ハンドル名と読み込む CSS ファイルの URL を指定して登録しておく
  wp_register_style( 'nishiki-pro-custom-style', plugin_dir_url( __FILE__ ) . 'nishiki-pro-custom.css' );

  // ハンドル名を指定して読み込む
  wp_enqueue_style( 'nishiki-pro-custom-style' );

 }

 add_action( 'wp_enqueue_scripts', 'nishiki_pro_custom_read_scripts', 20 );
}

「wp_enqueue_style」だけ使って読み込むこともできますが、上のコードでは「wp_register_style」で「CSS をいつでも読み込めるよう準備をするよ！」という登録を行い、「wp_enqueue_style」で登録した CSS ファイルの読み込む処理を別々にしています。

読み込みの処理を敢えて分けることで、例えば、if 文で条件分岐をして「特定のページだけ読み込みたい」という場合にも使えます。

僕はこの方法をよく使っています。

おまけ

今時のワードプレスのカスタマイズは、テーマのテンプレートファイルの中身や挙動をガラッと変えるような、とても複雑なカスタマイズを求められない限り、子テーマを作る必要はなく、プラグインを作って適用するといいのではないかと考えています。

ワードプレスに独自のカスタマイズを入れる時は、プラグインでやってしまおう！