WordPress + ResponsiveBootstrapToolkit

Bonsoir, je suis entrain d'essayer quelque chose mais qui ne fonctionne pas, voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
(function($, document, window, viewport) {
 
	var slider;
 
	$(document).ready(function() {
 
		var settings = function() {
 
			var settings_xs = {
				slideWidth: jQuery('.posts-bar').width(),
				minSlides: 1,
				maxSlides: 1,
				pager: false,
				controls: false
			};
 
			var settings_sm = {
				slideWidth: jQuery('.posts-bar').width() / 2,
				minSlides: 2,
				maxSlides: 2,
				pager: false,
				controls: false
			};
 
			var settings_md = {
				slideWidth: jQuery('.posts-bar').width() / 4,
				minSlides: 4,
				maxSlides: 4,
				pager: false,
				controls: false
			};
 
			var settings_lg = {
				slideWidth: jQuery('.posts-bar').width() / 8,
				minSlides: 8,
				maxSlides: 8,
				pager: false,
				controls: false
			};
 
			if (viewport.is('xs')) { return settings_xs; }
 
			if ((viewport.is('>=sm')) && (viewport.is('<=md'))) { return settings_sm; }
 
			if ((viewport.is('>=md')) && (viewport.is('<=lg'))) { return settings_md; }
 
			slider = $('.slider').bxSlider(settings);
 
		};
 
	});
 
	$(window).resize(
		viewport.changed(function(){
			slider.reloadSlider(settings());
		})
	);
 
})(jQuery, document, window, ResponsiveBootstrapToolkit);

Pour inclure le toolkit j'ai utilisé cette fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
function opc_scripts() {
	wp_enqueue_style( 'opc-style', get_stylesheet_uri() );
 
	wp_enqueue_style( 'FreckleFace-font', 'https://fonts.googleapis.com/css?family=Freckle+Face' );
 
	wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/css/bootstrap.css' );
 
	wp_enqueue_style( 'masthead-style', get_template_directory_uri() . '/css/masthead.css' );
 
	wp_enqueue_style( 'bxslider-style', get_template_directory_uri() . '/css/jquery.bxslider.css' );
 
	wp_enqueue_script( 'jquery' );
 
	wp_enqueue_script( 'opc', get_template_directory_uri() . '/js/opc.js', array(jquery), '', true );
 
	wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array(jquery), '', true );
 
	wp_enqueue_script( 'bootstrap-toolkit', get_template_directory_uri() . '/js/bootstrap-toolkit.js', array(jquery), '', true );
 
	wp_enqueue_script( 'bxslider', get_template_directory_uri() . '/js/jquery.bxslider.js', array(jquery), '', true );
 
	wp_enqueue_script( 'opc-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20120206', true );
 
	wp_enqueue_script( 'opc-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );
 
	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}
}
add_action( 'wp_enqueue_scripts', 'opc_scripts' );

Si quelqu'un peut me dire ce qui ne va pas, je remercie d'avance.

function opc_scripts() { wp_enqueue_style( 'opc-style', get_stylesheet_uri() ); wp_enqueue_style( 'FreckleFace-font', 'https://fonts.googleapis.com/css?family=Freckle+Face' ); wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/css/bootstrap.css' ); wp_enqueue_style( 'masthead-style', get_template_directory_uri() . '/css/masthead.css' ); wp_enqueue_style( 'bxslider-style', get_template_directory_uri() . '/css/jquery.bxslider.css' ); wp_enqueue_script( 'opc', get_template_directory_uri() . '/js/opc.js', array('jquery', 'bootstrap-toolkit'), '', true ); wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array('jquery'), '', true ); wp_enqueue_script( 'bootstrap-toolkit', get_template_directory_uri() . '/js/bootstrap-toolkit.js', array('jquery'), '', true ); wp_enqueue_script( 'bxslider', get_template_directory_uri() . '/js/jquery.bxslider.js', array('jquery'), '', true ); wp_enqueue_script( 'opc-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20120206', true ); wp_enqueue_script( 'opc-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true ); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } } add_action( 'wp_enqueue_scripts', 'opc_scripts' );