Modifier le CSS généré par Supprimer les ressources CSS inutilisées

Par défaut, l'option Supprimer les ressources CSS inutilisées supprime tous les fichiers CSS et CSS en ligne de vos pages pour ne laisser que le bloc CSS optimisé Used CSS qui en résulte.

Dans cet article, vous trouverez les instructions pour :

Préserver des styles inline ou des fichiers CSS spécifiques
Modifier le bloc CSS utilisé résultant, ce qui est nécessaire dans des cas très spécifiques.

Note: Dans la plupart des cas, les problèmes d'affichage devraient être résolus à l'aide de la boîte Liste des exceptions CSS, comme indiqué ici.
Les approches présentées sur cette page ne devraient être utilisées que lorsque la boîte Liste des exceptions CSS ne fonctionne pas.

Extension d'aide

L'extension suivante vous aidera à modifier le CSS utilisé en excluant les CSS externes et en ligne, en ajoutant des styles personnalisés et en filtrant les styles inutiles du CSS utilisé.

📥 Télécharger (.zip) : WP Rocket | Modify the Used CSS

Développeurs : Vous pouvez trouver le fichier code de cette extension sur GitHub.

Attention ! L'extension d'aide ne fonctionne pas en l'état. Une édition manuelle du code est requise avant utilisation !

Pour personnaliser l'extension d'aide, veuillez :

Télécharger le fichier ZIP de l'extension d'aide et l'extraire.
Ouvrir le fichier wp-rocket-modify-the-used-css.php à l'aide d'un éditeur de texte/code.
Appliquez la ou les personnalisations requises ens uivant les instruction du fichier README.md.
Enregistrer les modifications.
Compresser les fichiers d'aide dans un fichier ZIP.
Sur votre site allez dans Extensions → Ajouter → Téléverser une extension, et sélectionnez le fichier ZIP.
Activez l'extension

Lors de l'activation, ce plugin d'aide effacera automatiquement le cache ou le CSS utilisé, selon ce qui est nécessaire pour mettre en œuvre les changements.

Et c'est tout !

Pour vérifier que la solution fonctionne, confirmez que le CSS utilisé est effectivement appliqué à la page, comme indiqué ici.

Si vous avez besoin de plus d'aide, veuillez contacter le support.