Question

我能够在

的帮助下包含Bootstrap 3.0 CSS和javascript文件

wp-bootstrap-navwalker位于：

https://github.com/twittem/wp-bootstrap-navwalker

通过functions.php

包含CSS文件时没有任何问题

wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/resources/bootstrap/css/bootstrap.css', array( ), false, 'all' );

我做了类似的包含LESS文件，但它没有用。以下是代码

wp_enqueue_style('jquery', get_template_directory_uri() . '/resources/bootstrap/less/bootstrap.less', array( ), false, 'all' );
wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/resources/bootstrap/js/less-1.3.3.min.js', array( ), false, 'all' );

一般来说，如何在wordpress主题期间集成Bootstrap LESS文件？（我使用下划线入门主题）

Answer 1

我把它放在我的functions.php文件中：

/* * ***********LESS Support******************* */

add_action('init', 'theme_enqueue_styles');

function theme_enqueue_styles() {
    $template_uri = get_stylesheet_directory_uri();

    wp_enqueue_style('style', $template_uri . '/resources/bootstrap/less/bootstrap.less', array(), false, 'all');
}


//if using WP-LESS with a theme. This location is based on your code above.

在我的函数中，我为它设置了这样的脚本：

// enqueue javascript
if( !function_exists( "theme_js" ) ) 
{function theme_js(){


wp_register_script( 'bootstrap', 
  get_template_directory_uri() . '/library/js/bootstrap.min.js', 
  array('jquery'), 
  '1.2' );

wp_enqueue_script('bootstrap');
}}
add_action( 'wp_enqueue_scripts', 'theme_js' );

现在你使用的主题有点不同，它使用这种模式：

wp_enqueue_script( '_s-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );

似乎不是做

wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/resources/bootstrap/js/less-1.3.3.min.js', array( ), false, 'all' );

应该在下面：

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

正确的数组应该是版本号（不确定它们为什么放入日期）。 False是默认值或自动生成的。 jQuery我添加到数组中因为Bootstrap依赖于jQuery来工作。而不是＆＃34;所有＆＃34;这是一个不正确的参数，该选项为true或false。 True会在结束正文标记之前进入页脚。错误将其置于脑海中。

最后你应该连接WP-LESS（特别是这个版本：https://github.com/bassjobsen/wp-lesscss）。它通常就像激活它一样简单，因为它会查找函数中少量文件的入队。

我强烈建议您使用bootstrap缓解您的问题，使用像320press或Roots这样的引导框架。这样你就不会重新发明轮子了：）

如何在WordPress中将bootstrap3.0与LESS集成？

1 个答案: