My Snow MonkeyからCSSファイルを追加してスタイリングする方法

Snow Monkeyのカスタマイズの基本は、CSSによるスタイリングではないでしょうか？

こちらでは、My Snow Monkeyに用意をしたstyle.cssをSnow Monkeyに反映させる方法をご紹介します。

ソースコード

とはいっても、このソースコードをMy Snow Monkey内のmy-snow-monkey.phpに追加するだけです。

<?php
/**
 * import CSS file
 */
add_action(
	'wp_enqueue_scripts',
	function() {
		wp_enqueue_style(
		 'my-snow-monkey',
		 MY_SNOW_MONKEY_URL . '/style.css',
		 [ Framework\Helper::get_main_style_handle() ],
		 filemtime( MY_SNOW_MONKEY_PATH . '/style.css' )
		);
	}
);

ソースコード内のhsm-stylesという部分ですが、これはハンドルネームになるので、お好きな名前に変更してもらう方が良いでしょう。（hsm = happy snow monkey です）

これでstyle.cssが反映されていると思いますので、

body {
  background-color: red;
}

こんな感じの見た目でわかりやすいコードを書いてみて、実際に読み込まれているか、反映されているか試してみると良いでしょう。

HAPPY SNOW MONKEY を
さまざまな形でサポート頂けます。

Amazon 干し芋リストからサポートする