bluediary

- プログラミングと中小企業診断士の勉強について

2022.04.04

snowmonkey

【Snow Monkey】 cssファイルとjsファイルとWebフォントを読み込ませる方法

cssファイルの読み込みは以下をmy-snow-monkey.phpへコピペ

//  CSS 読み込み
add_action(
	'wp_enqueue_scripts',
	function () {
		wp_enqueue_style(
			'my-snow-monkey',
			MY_SNOW_MONKEY_URL . '/css/style.css',
			[Framework\Helper::get_main_style_handle()],
			filemtime(MY_SNOW_MONKEY_PATH . '/css/style.css')
		);
	}
);

jsファイルの読み込みは以下をmy-snow-monkey.phpへコピペ

add_action('wp_enqueue_scripts', 'msm_enqueue_style_script');
function msm_enqueue_style_script()
{
	/* js読み込み */
	wp_enqueue_script(
		'msm_scripts',
		MY_SNOW_MONKEY_URL . '/js/main.js',
		['jquery'],
		filemtime(MY_SNOW_MONKEY_PATH . '/js/main.js'),
		true
	);
}

エディター用の CSS 読み込みは以下をmy-snow-monkey.phpへコピペ

add_action(
	'after_setup_theme',
	function () {
		add_theme_support('editor-styles');
		add_editor_style('/../../plugins/my-snow-monkey/css/style.css');
	}
);

Webフォントの読み込み

Google fonts の場合

add_action('wp_head', function () {
?>
	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<?php
});
//href="ここの中身を変更"

その他<script>タグでWeb フォントを読み込む場合

add_action(
	'wp_head',
	function() {
		?>
		<script>//ここの中身を変更</script>
		<?php
	}
);

Soichiro

Web制作会社でデザインやコーディングを担当しています。趣味は筋トレ、お絵描き、旅行です。

プロフィール詳細へ

Archive