wp_add_inline_style не добавить в очередь

Question

Я пытаюсь добавить css в файл .css с помощью функции wp_add_inline_style (), но когда он запускается, он добавляет css на страницу в теге <style> без добавления в файл .css, который я ставлю в очередь (файл пуст).Пожалуйста, дайте мне совет.Большое спасибо

wp_enqueue_style('custom-css', fw_get_framework_directory_uri( '/static/css/custom.css' ));
wp_add_inline_style('custom-css', $custom_css);

Answer 1

wp_add_inline_style() не добавляет CSS в вашу таблицу стилей. Те пользовательские CSS, которые вы добавляете с помощью wp_add_inline_style(), будут загружены только после CSS-файла. Вы можете подтвердить это, просмотрев исходный код страницы.

Допустим, вы пытаетесь добавить стиль в тему «Двадцать девятнадцать». Пример:

wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri(), array(), '1.0' );
wp_add_inline_style( 'twentynineteen-style', 'p{font-size:16px;}' );

Используя wp_add_inline_style(), вы можете добавить свой собственный стиль.

Теперь в исходном коде вы можете видеть вот так.

<link rel='stylesheet' id='twentynineteen-style-css'  href='http://review.test/wp-content/themes/twentynineteen/style.css?ver=1561096667' type='text/css' media='all' />
<style id='twentynineteen-style-inline-css' type='text/css'>
p{font-size:16px;}
</style>

Вы видите, что пользовательский CSS отображается внутри тега <style> сразу после загрузки основной таблицы стилей.