WordPress : styles de mise en file d’attente pour mobile wp uniquement

Publié par Jean-Michel le

J’ai essayé de mettre en file d’attente certains styles sur mobile uniquement en utilisant wp_is_mobile()la fonction, mais cela me donne toujours vrai, voici le code (à partir du functions.phpfichier) :

    add_action('wp_enqueue_scripts','load_All_Styles'); // Set up styles

    function load_All_Styles() {
    wp_register_style('font-awesome',get_template_directory_uri().'/css/font-awesome.min.css',array(),false);
    wp_register_style('preloader',get_template_directory_uri().'/css/preloader.css',array(),false);
    wp_register_style('bootstrap',get_template_directory_uri().'/css/bootstrap.min.css',array(),false);

    if(wp_is_mobile()){
        wp_enqueue_style( 'font-awesome' );

    }
    if(is_front_page()) {
        wp_enqueue_style( 'preloader' );
    }
}

quelle méthode utiliser à la place ? Des solutions ?

Solution n°1 trouvée

Si vous regardez le code de wp_is_mobilevous verrez que cela renvoie true en fonction de l’agent utilisateur envoyé par le navigateur. Il recherche le mot « mobile » dans le nom de l’agent utilisateur ou d’autres chaînes qui pointent vers des appareils mobiles, comme « android » et « kindle ». Donc, cela devrait fonctionner.

Cependant, si vous utilisez un plugin de mise en cache, ce plugin servira la page quel que soit l’agent utilisateur. Après tout, la mise en cache n’aurait aucun sens si vous reconstruisiez la page à chaque fois qu’un agent utilisateur différent arrivait.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *