TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

570

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

Источник записи:

Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее