Maison  >  Article  >  Tutoriel CMS  >  Plugin WordPress pour combiner CSS et JS

Plugin WordPress pour combiner CSS et JS

藏色散人
藏色散人avant
2020-05-07 17:30:003040parcourir

La rubrique suivante des Conseils WordPress vous présentera le plug-in WordPress qui combine CSS et JS. J'espère qu'il sera utile aux amis qui en ont besoin !

Plugin WordPress pour combiner CSS et JS

Nous envisageons généralement de fusionner plusieurs CSS ou JS en un seul fichier pour la sortie Afin de résoudre ce problème, j'ai écrit ce plug-in WordPress pour l'implémenter dans WordPress dans un seul but. .

Principe de mise en œuvre

Si vous avez lu mon précédent "Écriture CSS modulaire de sortie CSS compressée combinée PHP", vous pouvez d'abord comprendre certaines de mes méthodes de traitement pour les fichiers de cache. quelques idées pour fusionner des fichiers et compresser du code. Le principe de mise en œuvre de ce plug-in est fondamentalement le même que celui présenté dans l’article ci-dessus.

Installation

Tout d'abord, téléchargez le plugin, je l'héberge sur mon GitHub, vous pouvez le télécharger sur cette page. Après le téléchargement, décompressez-le. Après la décompression, téléchargez directement l'intégralité du dossier décompressé dans le répertoire des plug-ins de votre site WordPress. Allez ensuite en arrière-plan pour l'activer.

Utilisez

pour accéder à l'arrière-plan. Il y a un sous-menu "Réduire" sous le menu "Paramètres". Après avoir entré, vous pouvez définir ses différentes options, et là. sont des commentaires pour comprendre la fonctionnalité.

Vous devez modifier le thème pour utiliser wp-minify, car la façon dont vous produisez les CSS et les JS est différente. Dans votre thème, supprimez la sortie CSS et JS d'origine et utilisez la méthode suivante pour afficher JS :

<?php wp_minfiy_js([&#39;/wp-content/themes/yourtheme/js/base.js&#39;,&#39;/wp-content/themes/yourtheme/js/module.js&#39;,&#39;/wp-content/themes/yourtheme/js/others.js&#39;]); ?>

La méthode de sortie CSS est la même, mais utilisez une autre fonction wp_minify_css(). Le paramètre de la fonction est un tableau et l'élément à l'intérieur du tableau est le chemin d'accès au fichier de script. En prenant le répertoire d'installation de WordPress comme répertoire racine, écrivez le chemin relatif complet.

Pourquoi devrions-nous écrire des scripts relatifs au répertoire racine de WordPress ? Plutôt que par rapport à votre répertoire de thèmes actuel ? En fait, la raison est très simple, car le css ou le js auquel vous faites référence ne se trouve pas nécessairement dans le répertoire du thème. Parfois, vous référencerez des styles ou des scripts dans d’autres répertoires. Bien sûr, il s'agit d'un chemin relatif. Vous pouvez même référencer le script dans le répertoire de niveau supérieur de WordPress, comme "/../test.js", mais notez que le début du script doit commencer par /, sinon cela peut provoquer des erreurs de chemin relatif.

Bien sûr, les méthodes d'utilisation spécifiques peuvent être facilement modifiées ou utilisées une fois que vous avez compris les principes.

Pour plus d'articles techniques WordPress, veuillez visiter la colonne Tutoriel de création de sites Web WordPress !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer