Question

我正在开发Wordpress网站，其中有两个或更多样式，例如，我有style1.css，style2.css，style3.css但这三个文件应该在一个名为style.css的css文件夹中。如何在WordPress中使用PHP？

Answer 1

WordPress的wp-scss sass插件非常适合这一点。如果您没有使用gulp / grunt -ish构建链，则可以使用此插件。你按照说明将.scss文件（只是将你的css文件重命名为scss）放在目录中，它会为你编译它们。

https://wordpress.org/plugins/wp-scss/

Answer 2

我正在与您分享一个示例，用于在wordpress中的一个文件中编译两个或更多css。请在下面举例说明，

wp_enqueue_style（）函数使用以下格式和参数：

＆＃13;

wp_enqueue_style( $handle, $src = false, $deps = array(), $ver = false, $media = 'all' );

＆＃13;

在您的情况下，您可以尝试以下方法：

＆＃13;

<?php
/**
 * Proper way to enqueue scripts and styles
 */
function namespace_theme_stylesheets() {
    wp_enqueue_style( 'mamies-wafers-bootstrap-min',  get_template_directory_uri() .'/css/bootstrap.min.css', array(), null, 'all' );
    wp_enqueue_style( 'mamies-wafers-carousel',  get_template_directory_uri() .'/css/carousel.css', array(), null, 'all' );
    wp_enqueue_style( 'mamies-wafers-style', get_stylesheet_uri(), '', null, 'all' );
}
add_action( 'wp_enqueue_scripts', 'namespace_theme_stylesheets' );

＆＃13;

如果您计划缩小CSS，最好先为每个样式表使用wp_register_style，然后将其排入队列。

＆＃13;

<?php
/**
 * Proper way to register and enqueue scripts and styles
 */    
function namespace_theme_stylesheets() {
    wp_register_style( 'mamies-wafers-bootstrap-min',  get_template_directory_uri() .'/css/bootstrap.min.css', array(), null, 'all' );
    wp_register_style( 'mamies-wafers-carousel',  get_template_directory_uri() .'/css/carousel.css', array(), null, 'all' );
    wp_register_style( 'mamies-wafers-style', get_stylesheet_uri(), '', null, 'all' );
    wp_enqueue_style( 'mamies-wafers-bootstrap-min' );
    wp_enqueue_style( 'mamies-wafers-carousel' );
    wp_enqueue_style( 'mamies-wafers-style' );
}
add_action( 'wp_enqueue_scripts', 'namespace_theme_stylesheets' );

＆＃13;

如何在wordpress中使用php在一个文件中编译两个或更多css？

2 个答案: