Wordpress - Charger vos fichiers Css et Js grâce aux marqueurs conditionnels

Dans cette article, je vais vous apprendre à charger vos feuilles de style en fonction de la page affichée afin d’optimiser la navigation de vos utilisateurs sur vos sites WordPress.

Dans la plupart des cas il ne vous sera pas nécessaire de charger la totalité de vos feuilles de style. En utilisant cette méthode le temps de chargement de vos pages sera réduit, ce qui impactera grandement l’expérience utilisateur.

WordPress a énormément de fonctionnalités pour vous faciliter la vie.

Comme vous pouvez le voir sur la photo, j’utilise les conditions afin de charger mes fichiers selon les pages.

Les Marqueurs conditionnels pour vous faciliter la vie

Les Marqueurs Conditionnels peuvent être utilisés dans vos thèmes pour décider du contenu à afficher sur une page spécifique ou comment ce contenu doit être affiché en fonction des conditions que remplie cette page.

Par exemple, si vous voulez insérer un texte particulier au-dessus d’une série d’articles, mais seulement sur la page principale de votre blog, avec le Marqueur Conditionnel is_home(), cela devient facile.

En voici quelques exemples : https://codex.wordpress.org/fr:Marqueurs_conditionnels

La page principale

is_home()

Retourne true quand la page principale est affichée. C’est la page qui affiche le contenu de type blog de votre site, donc si vous avez choisi « Page statique » pour l’option « La page d’accueil affiche : », alors cette fonction renverra true seulement sur la page où vous avez sélectionné « Page des articles : » dans Administration > Réglages > Lecture.

La page d'accueil

is_font_page()

Retourne true quand la page d’accueil de votre site est affichée, que ce soit pour des articles ou une page. Retourne true quand la page principale du blog est affichée et le paramètre ‘Réglages > Lecture -> La page d’accueil affiche’ réglé sur « Les derniers articles », ou quand ‘Réglages > Lecture -> La page d’accueil affiche’ réglé sur « Une page statique » et « Page d’accueil » est la Page actuellement affichée.

is_single()

Retourne true quand un article (ou attachement ou type de contenu personnalisé (custom post type)) est affiché. (Faux pour une Page).

is_single ( '17' )

Retourne true quand l’article avec l’ID 17 est affiché.

is_single ('Pain et Fromage')

Retourne true quand l’article dont le titre est « Pain et Fromage » est affiché.

Et la liste est longue, comme vous pouvez l’imaginez.

Grâce à tous ces marqueurs vous gagnerez quelques précieuses secondes à vos chargements de pages. Ce qui n’est pas négligeable pour les utilisateurs les plus impatients.