Empêcher les styles inline d'être supprimés par l'option Supprimer les CSS inutilisées
Par défaut, la fonction Supprimer les ressources CSS inutilisées supprime toutes les feuilles de style et les styles en ligne après l'application de l'optimisation. Dans certains cas, vous pouvez vouloir préserver les styles en ligne.
Vous pouvez exclure la suppression des styles en ligne en utilisant ce filtre : rocket_rucss_inline_content_exclusions
Plugin d'aide
L'aide suivante met en œuvre le filtre, vous permettant de préserver les déclarations en ligne dans le HTML après l'application de l'optimisation Supprimer les ressources CSS inutilisées.
📥 Télécharger (.zip): WP Rocket | Exclude Inline Styles from Remove Unused CSS
Développeurs : vous trouverez le code de ce plugin sur GitHub.
Attention ! Une modification manuelle du code est nécessaire avant utilisation !
Installation
Pour installer le plugin, veuillez suivre les étapes suivantes:
- Téléchargez le fichier ZIP du plugin d'aide.
- Personnaliser le code du plugin :
Choisissez un sélecteur CSS à l'intérieur de la déclaration <style> plus il est spécifique, mieux c'est. De cette façon, seul le style en ligne que vous souhaitez sera préservé dans le code HTML. - Modifiez la ligne 28, changez
'.yourSelector'par la classe CSS que vous souhaitez préserver :
Pour exclure plusieurs déclarations css en ligne, copiez la ligne entière dans une nouvelle ligne pour chaque déclaration de style que vous souhaitez exclure :$inline_exclusions[] = '.secondSelector';
$inline_exclusions[] = '.thirdSelector';
$inline_exclusions[] = '.anotherSelector'; - Modifiez la ligne 28, changez
'.yourSelector'par''pour exclure tout le CSS en ligne en une seule fois. La ligne devrait ressembler à ceci :$inline_exclusions[] = ''; - Installez le plugin d'aide sur votre site - Allez à Extensions → Ajouter → Téléviser l'extension et sélectionnez le fichier zip.
- Activez le plugin
- Videz le cache de WP Rocket