如何将所有JavaScript和CSS文件加载到WordPress function.php而无需重新输入

时间:2018-03-08 10:47:29

标签: javascript php css wordpress

我正在将我的HTML5模板转换为wordpress主题。我有很多css和javascript文件,我想aoutoload而不必像这样在functions.php文件中输入所有内容;

    function jpen_enqueue_assets() {
      wp_enqueue_style( 'responsive' , get_template_directory_uri() . '/css/responsive.css' );

      wp_enqueue_script( 'bootstrap-js' , get_template_directory_uri() . '/js/bootstrap.min.js' , array( 'jquery' ) , false , true );

   }

可以做到吗?如果是的话,我该怎么办?感谢

1 个答案:

答案 0 :(得分:0)

您可以使用要排队的脚本和样式制作一个键数组,然后循环它们。

也许是这样的?

$scripts = array(
    'style' => 'responsive',
    'script' => 'bootstrap'
);

foreach($scripts as $key => $script){

    if($key == 'style')
        wp_enqueue_style($script , get_template_directory_uri() . '/css/'.$script.'.css' );

    if($key == 'script')
        wp_enqueue_script($script , get_template_directory_uri() . '/js/'.$script.'.js' , array( 'jquery' ) , false , true );

}