WordPress Snippet

ワードプレスをカスタマイズしよう

メディアクエリの使い方

<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

<!-- CSS media query within a stylesheet -->
<style>
@media (max-width: 600px) {
 .facet_sidebar {
 display: none;
 }
}
</style>

メディアクエリの記述は、スタイルシートの中で、@media を使って指定する場合と、link 要素の中で指定する場合があると思いますが、

ワードプレスで、リンク要素で指定する場合は、以下のように行うことが出来ます。

// Register style sheet.
add_action( 'wp_enqueue_scripts', 'register_plugin_styles' );

/**
 * Register style sheet.
 */
function register_plugin_styles() {
	wp_register_style( 'my-style',get_template_directory_uri(). '/css/extend.css' ),array(),1, 'screen and (max-width: 640px)');
	wp_enqueue_style( 'my-style' );
}

[emulsion_relate_posts]