Добавление динамического и комбинированного стиля в WordPress
Часто при создании темы WordPress некоторые стили оформления должны быть динамическими, поскольку они основаны на пользовательских выборках, хранящихся в базе данных. WordPress предоставляет функцию, которая позволяет загружать встроенные стили после определенного файла CSS. wp_add_inline_style()
Например:
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style( 'custom-style', get_stylesheet_directory_uri() . '/css/custom.css' );
$color = get_theme_mod( 'custom-color', '#FE001A' );
$custom_css = ".has-background-color{background-color: $color;}";
// Загружает встроенный стиль, но только после того, как 'custom-style' помещен в очередь.
wp_add_inline_style( 'custom-style', $custom_css );
} );Примечание. Если вышеприведенный «пользовательский стиль» исключен, встроенный стиль не будет добавлен на страницу.
Помимо простого способа добавления динамического стиля, эта функция особенно полезна, если вы расширяете тему или плагин и вам нужно добавить несколько дополнительных стилей, которые на самом деле не требуют загрузки всего файла CSS.
Если вам интересно, есть ли функция, которая будет делать то же самое для скриптов, что и для стилей, которая еще не существует, но в конечном итоге должна пробиться в ядро ??WordPress. wp_add_inline_script() wp_add_inline_style()
Статья была переведена для блога TechBlog.SDStudio.top
Источник: wpscholar.com