通过主题定制器编辑style.css

时间:2018-11-11 作者:Usce

直到现在,在我的Wordpress主题中,我在主题定制器中实现了一些必要的样式选项,这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记,例如,这里我实现了颜色选择器,如果默认状态发生更改,我会输出样式:

function dc_get_gradient_colors() {
    $first_color = get_theme_mod( \'primary_color_1\' ); 

    if ( $link_color != \'#000000\' ) :
    ?>
        <style type="text/css">
            .main-color-1-color{
                color: <?php echo $link_color; ?> !Important;
            }
            .main-color-1-background-color{
                background-color: <?php echo $link_color; ?> !Important;
            }
            .main-color-1-border-color{
                border-color: <?php echo $link_color; ?> !important;
            }
        </style>
    <?php
    endif;
}
add_action( \'wp_head\', \'get_gradient_colors\' );
有没有更好的方法可以做到这一点,包括直接编辑CSS文件。我知道样式表可以是PHP文件的形式,所以我可以根据主题选项来设置条件。但这是最好的方式,还是有一种写作风格的方式。来自主题定制器的css?

1 个回复
SO网友:vikrant zilpe
function my_enqueue_customizer_stylesheet() {
    wp_register_style( \'my-custom-css\', get_template_directory_uri() . \'assets/css/customizer.css\', NULL, NULL, \'all\' );
    wp_enqueue_style( \'my-custom-css\' );
}
add_action( \'customize_controls_print_styles\', \'my_enqueue_customizer_stylesheet\' );
结束

相关推荐

登录到子目录中的安装会显示损坏的仪表板(没有css、损坏的链接)

我在根文件夹中安装了普通的HTML/CSS,并在子文件夹(domain.com/subfolder)中安装了Wordpress。当我以管理员身份登录到我的wp admin子文件夹时,它会将我引导到一个仪表板页面,该页面在没有CSS的情况下呈现,如下图所示。当我点击wordpress侧边菜单选项时,它会加载https://bookabucket.com/services 显示服务请求向导窗体。我真是莫名其妙,我不知道该怎么办。这个根文件夹和子目录中的htaccess文件都包含:# BEGIN WordPre