Как wp_enqueue второй файл style.css для адаптивного дизайна?
Мне нужно поставить в очередь другой файл .css в моем файле функций темы только для адаптивного дизайна, я просто не хочу объединять стили в одном файле.
Мой код по этому вопросу выглядит так:
function mustabox_resources() {
wp_enqueue_style('style', get_stylesheet_uri());
wp_enqueue_script(
'mustascript',
get_stylesheet_directory_uri() . '/mustascript.js',
array( 'jquery' )
);wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=El+Messiri:400,600&subset=arabic', false );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action('wp_enqueue_scripts', 'mustabox_resources');
Поэтому я хочу добавить еще один wp_enqueue_style в мой другой файл CSS, который:
responseive.css с плавными деталями:
@media only screen and (max-width: 800px)
Решение
Подробно в WordPress Codex:
function mustabox_resources() {
wp_enqueue_style('style', get_stylesheet_uri());
wp_enqueue_style('responsive-style', get_template_directory_uri() . '/responsive-style.css', array(), '1.000', 'max-width: 800px');
wp_enqueue_script(
'mustascript',
get_stylesheet_directory_uri() . '/mustascript.js',
array( 'jquery' )
);wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=El+Messiri:400,600&subset=arabic', false );
if ( is_singular() && comments_open() && get_option( 'thread_comments' )) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action('wp_enqueue_scripts', 'mustabox_resources');
Во всяком случае, я не рекомендую вам этот отдельный путь. Я надеюсь, что это поможет вам.
Другие решения
Других решений пока нет …