He diseñado una plantilla con un archivo css único para cada medio. mis archivos css son:

<link href="<?php bloginfo('template_url') ?>/css/minitablet.css" type="text/css" rel="stylesheet" media="only screen and (min-width: 576px) and (max-width: 768px)">
<link href="<?php bloginfo('template_url') ?>/css/tablet.css" type="text/css" rel="stylesheet" media="only screen and (min-width: 768px) and (max-width: 992px)">
<link href="<?php bloginfo('template_url') ?>/css/windows.css" type="text/css" rel="stylesheet" media="only screen and (min-width: 992px) and (max-width: 1350px)">
<link href="<?php bloginfo('template_url') ?>/font/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url') ?>/bootstrap-4.3.1-dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url') ?>/bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">

Ahora quiero usar wp_enqueue_style para toda esta hoja de estilo, pero no puedo configurar el tamaño de la página de medios y mi hoja de estilo no se cargó para dispositivos móviles, tabletas y ... Usé wp_enqueue_style así:

 wp_enqueue_style( 'mainstyle', get_template_directory_uri() . '/style.css',false,'1.1','all');
wp_enqueue_style( 'mainstyle', get_template_directory_uri() . '/css/mobile.css',false,'1.1','screen and (min-width: 0px) and (max-width: 576px)');

Esta mal? ¿Cómo debo incluir mi archivo css multimedia en el tema de WordPress?

-1
Ms Programmer 19 oct. 2019 a las 14:49

1 respuesta

La mejor respuesta

Acabo de verificar esto en un sitio de prueba y está funcionando

 wp_enqueue_style('test-css',get_template_directory_uri().'/assets/css/mob.css',array(),false,'screen and (max-width: 800px)');

Intente agregar los valores predeterminados para la dependencia y la versión.

0
Anoop D 19 oct. 2019 a las 16:26