Empêcher des fichier CSS d'être supprimés par l'option Supprimer les CSS inutilisées
Par défaut, la fonction Supprimer les ressources CSS inutilisées supprime tous les fichiers CSS du HTML après l'application de l'optimisation. Dans certains cas, vous pouvez vouloir préserver certains fichiers.
Vous pouvez exclure la suppression des fichiers CSS en utilisant ce filtre : rocket_rucss_external_exclusions
Remarque : Le style de ces fichiers sera toujours inclus dans le CSS utilisé. Si vous souhaitez supprimer une feuille de style CSS de la feuille de style CSS utilisée, suivez cette méthode.
Plugin d'aide
Le plugin d'aide suivant met en œuvre le filtre, vous permettant de préserver le chargement des fichiers CSS dans le HTML après l'application de l'optimisation Supprimer les ressources CSS inutilisées.
📥 Télécharger (.zip): WP Rocket | Exclude CSS files 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 :
Copiez le chemin du fichier CSS que vous souhaitez conserver, par exemple :/wp-content/plugins/plugin-name/css/my-specific-file.css
Si vous excluez des fichiers provenant d'un domaine tiers, utilisez l'URL complète :https://cloud.typography.com/6146554/6593832/css/fonts.css
- Modifiez la ligne 29, changez
/wp-content/plugins/plugin-name/css/file.css
par le fichier CSS que vous souhaitez préserver :
$external_exclusions[] = '/wp-content/plugins/plugin-name/css/my-specific-file.css';
Pour exclure plusieurs fichiers CSS, copiez la ligne entière dans une nouvelle ligne pour chaque fichier de style que vous souhaitez exclure :$external_exclusions[] = '/wp-content/plugins/plugin-name/css/my-first-file.css'; $external_exclusions[] = '/wp-content/plugins/plugin-name/css/my-second-file.css'; $external_exclusions[] = '/wp-content/plugins/plugin-name/css/my-third-file.css';<br>
- Pour exclure un fichier généré dynamiquement, par exemple :
/wp-content/uploads/uag-plugin/assets/0/uag-css-85-1696456733.css
, n'utilisez pas le nom de fichier et le chemin d'accès complets, ni les caractères génériques, car ils ne fonctionnent pas dans ce cas. Utilisez une chaîne de correspondance partielle.
Exemple :/wp-content/uploads/uag-plugin/assets/0/
. - 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