0
125
2018-02-23

Добавление динамического и комбинированного стиля в WordPress

Как добавить пользовательские CSS стили через function.php или свой плагин, в зависимости от подключения пользовательского файла стилей. Давайте рассмотрим пример кода позволяющего ответить на данный вопрос.
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Часто при создании темы 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