个性化阅读
专注于IT技术分析

更改基于WP_Customize的WordPress模板CSS

我正在制作一个Wordpress模板, 我想在内置的Wordpress Customizer中有一些选项, 例如强调色, 自定义字体等, 然后将在整个模板中使用。但是, 这意味着我不能只编写静态CSS, 而必须以某种方式传递变量。我将如何去做呢?


#1


在https://www.cssigniter.com/how-to-create-a-custom-color-scheme-for-your-wordpress-theme-using-the-customizer/中找到了答案。

这是最相关的代码:

function theme_enqueue_styles() {
  wp_enqueue_style( 'theme-styles', get_stylesheet_uri() ); // This is where you enqueue your theme's main stylesheet
  $custom_css = theme_get_customizer_css();
  wp_add_inline_style( 'theme-styles', $custom_css );
}

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

例如, theme_get_customizer_css()是一个自定义函数, 该函数返回一串CSS, 该CSS直接覆盖主样式表中与颜色有关的任何代码。因为它是用PHP生成的, 所以get_theme_mod()可用于检查/插入任何定制程序设置。生成此CSS后, wp_add_inline_style()将其添加到主样式表中;如果一切都正确编码, 那么CSS的级联性质将使新添加的代码覆盖先前的代码, 而无需!important或类似的东西。

我只是想知道内联插入是否可以(或应该)是定制程序可能更改的唯一CSS声明, 而不是覆盖, 即在theme_get_customizer_css()中, 如果未设置任何定制程序选项, 则返回默认代码而不是电子表格中的默认代码开始。这样可以避免大量CSS重复, 依靠层叠层次结构来工作, 但是样式表本身也不完整, 所以也许有理由不这样做吗?如果有人有想法, 将喜欢输入。

赞(0)
未经允许不得转载:srcmini » 更改基于WP_Customize的WordPress模板CSS

评论 抢沙发

评论前必须登录!