WordPress Redux Framework Медиа-запросы

Question

WordPress Redux Framework Медиа-запросы

Я искал вокруг и до сих пор не нашел ответов. Мои вопросы:

Как вывести динамический CSS внутри медиа-запросов? На мой взгляд, CSS-вывод из WordPress redux-framework был написан глобально (как компилятор / встроенный стиль) и будет влиять на все размеры экрана.
Как проще вывести динамический CSS в redux-framework с помощью медиазапросов?

0

css php redux-framework wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Не проверял это, но должен дать вам грубое начало.
Вы можете использовать несколько полей (например, для 480, 768, 991 и т. Д.) И просто выводить код с помощью wp_add_inline_style.

function my_custom_css(){

//get the theme option
$option = get_option('opt_name');

// get the fields holding the custom css for each media query
$media_991_css = $option['css991'];
$media_768_css = $option['css768'];
$media_480_css = $option['css480'];

// store the values in a variable
$output  = "@media screen and (max-width: 991px){" . $media_991_css . "}";
$output .= "@media screen and (max-width: 768px){" . $media_768_css . "}";
$output .= "@media screen and (max-width: 480px){" . $media_480_css . "}";

// output it with wp_add_inline_style
if(!empty($output)){
wp_add_inline_style('style',$output);
}
}

add_action('wp_enqueue_scripts','my_custom_css');

Конечно, вам нужно было бы обеспечить надлежащее спасение, но это должно дать вам то, что вам нужно.

0