le MEMO du WEB développeur
••• Wordpress •••  Liste des Mémos, astuces et bonnes pratiques

Déclaration conditionnelle de feuille de style CSS dans Wordpress

Il est malheureusement souvent nécessaire de mettre en place une feuille de style spéciale pour certains navigateurs qui ne supportent pas les propriétés CSS modernes.

Prenons un exemple complètement au hasard, disons que IE répond mal à certaines propriétés CSS et que vous voulez affecter à vos éléments un style particulier lorsque votre site est visualisé sous ce navigateur.

Si dans votre thème Wordpress, vos fichiers CSS sont déclarés en dur directement dans la balise <head> alors vous pouvez vous référer directement à ce mémo sur les déclaration conditionnelles de CSS

Si votre thème Wordpress déclaire les fichiers CSS depuis le fichier functions.php à l'aide de la fonction : wp_enqueue_style, alors je vous propose la méthode suivante pour déclarer votre fichier : style-ie.css qui contient vos styles spécialement dédiés pour Internet Explorer :

wp_register_style( 'theme-style-ie', get_bloginfo( 'stylesheet_directory' ) . '/css/style-ie.css', false, $theme['Version'] );
$GLOBALS['wp_styles']->add_data( 'theme-style-ie', 'conditional', 'lte IE 9' );
    wp_enqueue_style( 'theme-style-ie' );

Le code ci dessus doit donc être inséré dans le fichier functions.php de votre thème, sachant que vous avez pris soin de préalablement déposer votre fichier style-ie.css dans le répertoire /css de votre thème.

Bien entendu, la condition lte IE 9 doit être changée selon vos besoins.

publié le 08/01/2014 par Memo Web
Commenter le Mémo :

Retrouver la valeur des variables d'URL après un rewriteRule sous Wordpress
WordPress en multisite, passer du fonctionnement sous domaine au sous répertoire
TaraLi : Thème Wordpress 2014. Gratuit, Sobre et Simple.
Récupérer l'URL de l'image à la une (featured image) d'un article ou d'une page WordPress
Parcourir les catégories des articles de WordPress
Créer un Shortcode avec Wordpress
Rajouter des commentaires d'aide à la saisie dans l'administration de Wordpress
Limiter le nombre de brouillons enregistrés à la modification d'un post
Boucle sur les Custom Post Types
Wordpress : Déclarer un script uniquement pour un template précis
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos