IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

WordPress PHP Discussion :

WordPress + ResponsiveBootstrapToolkit


Sujet :

WordPress PHP

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    sans emploi
    Inscrit en
    Juillet 2010
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Juillet 2010
    Messages : 30
    Points : 29
    Points
    29
    Par défaut WordPress + ResponsiveBootstrapToolkit
    Bonsoir, je suis entrain d'essayer quelque chose mais qui ne fonctionne pas, voici le code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  2. #2
    Nouveau membre du Club
    Homme Profil pro
    sans emploi
    Inscrit en
    Juillet 2010
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Juillet 2010
    Messages : 30
    Points : 29
    Points
    29
    Par défaut
    Résolu, voici le code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
     
    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' );
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
     
    (function($, document, window, viewport) {
     
    	var slider;
     
    	var settings = function() {
    		var settings_xs = {
    			slideWidth: $('.posts-bar').width(),
    			minSlides: 1,
    			maxSlides: 1,
    			pager: false,
    			controls: false
    		};		
    		var settings_sm = {
    			slideWidth: $('.posts-bar').width() / 2,
    			minSlides: 2,
    			maxSlides: 2,
    			pager: false,
    			controls: false
    		};
    		var settings_md = {
    			slideWidth: $('.posts-bar').width() / 4,
    			minSlides: 4,
    			maxSlides: 4,
    			pager: false,
    			controls: false
    		};
    		var settings_lg = {
    			slideWidth: $('.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; }
    		if (viewport.is('>=lg')) { return settings_lg; }
    	};
     
    	$(document).ready(function() {
    		slider = $('.slider').bxSlider(settings());
    	});
     
    	$(window).resize(
    		viewport.changed(function(){
    			slider.reloadSlider(settings());
    		})
    	);
     
    })(jQuery, document, window, ResponsiveBootstrapToolkit);

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WordPress] Commentaires récents en PHP
    Par lawren00 dans le forum WordPress
    Réponses: 2
    Dernier message: 10/09/2011, 23h47
  2. [Site Web] Site web sous wordpress
    Par ghostworkx dans le forum Autres
    Réponses: 0
    Dernier message: 13/09/2007, 05h55
  3. [Wordpress]Gérer les thèmes
    Par misa dans le forum WordPress
    Réponses: 2
    Dernier message: 03/07/2007, 16h22
  4. Wordpress et Adsense
    Par misa dans le forum WordPress
    Réponses: 2
    Dernier message: 30/06/2007, 22h25
  5. [Wamp] Installation de wordpress
    Par histoblog dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 1
    Dernier message: 17/11/2006, 11h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo