Désactiver le LazyLoad sur des articles spécifiques
Si vous voulez désactiver le LazyLoad sur certains articles en particulier, c’est très simple. Dans l'éditeur, vous verrez le bloc d'options Options de Cache.
Décochez l’option Images LazyLoad et publiez/mettez à jour l'article. Notez que cette option ne sera pas visible si le Lazyload n’est pas activé dans Réglages --> WP Rocket.
Cette option est disponible depuis la version 2.5, donc si vous utilisez une version antérieure de WP Rocket, vous ne la verrez pas. Nous vous recommandons de mettre à jour à la dernière version.
Dans des versions plus anciennes de WP Rocket, vous pouvez désactiver le LazyLoad sur des articles spécifiques à l’aide d’un simple filtre
Par exemple, si vous voulez le désactiver sur toutes vos pages, collez l’extrait de code dans le functions.php de votre thème:
add_filter( 'wp', '__deactivate_rocket_lazyload_if_page' ); function __deactivate_rocket_lazyload_if_page() { if( is_page() ) { add_filter( 'do_rocket_lazyload', '__return_false' ); } }
Désactiver le LazyLoad sur des types de pages/posts spécifiques
Si vous voulez exclure des modèles spécifiques de pages ou des types de contenus, vous devrez également utiliser un filtre. Vous devez éditer le marqueur conditionnel utilisé dans le code ci-dessus :
... is_page() ...
Voici quelques exemples.
Désactiver le LazyLoad sur la page d’accueil
Pour désactiver le LazyLoad sur la page d’accueil de votre site, utilisez ce code :
add_filter( 'wp', '__deactivate_rocket_lazyload_if_page' ); function __deactivate_rocket_lazyload_if_page() { if( is_front_page() || is_home() ) { add_filter( 'do_rocket_lazyload', '__return_false' ); } }
Désactiver LazyLoad sur tous les contenus
Pour désactiver LazyLoad sur tous les articles de votre site, utilisez ce code :
add_filter( 'wp', '__deactivate_rocket_lazyload_if_page' ); function __deactivate_rocket_lazyload_if_page() { if( is_single() ) { add_filter( 'do_rocket_lazyload', '__return_false' ); } }
Désactiver le LazyLoad sur les pages WooCommerce
Pour désactiver le LazyLoad sur les pages produits WooCommerce, utilisez ce code :
add_filter( 'wp', '__deactivate_rocket_lazyload_if_page' ); function __deactivate_rocket_lazyload_if_page() { if( is_singular( 'product' ) ) { add_filter( 'do_rocket_lazyload', '__return_false' ); } }
Comme vous pouvez le voir, une seule ligne de code est modifiée dans les exemples ci-dessus. Elles sont appelées des marqueurs conditionnels. Pour en savoir plus sur les marqueurs conditionnels, allez voir la page dédiée sur le codex WP - https://codex.wordpress.org/Conditional_Tags