Comment ajouter correctement JavaScript et styles dans WordPress

La société.
Par exemple, chargez jquery manuellement dans le plug – in, et un autre développeur charge également le même jquery manuellement ou via les normes appropriées. Si quelqu’un active vos deux plug – ins, jquery sera chargé deux fois en mémoire, ce qui est un gaspillage. De plus, si vous chargez une version différente de jquery, de nombreux problèmes peuvent survenir dans le plug – in en raison de conflits. Avant d’écrire n’importe quel Code, vous devez savoir comment ajouter correctement JavaScript et styles dans WordPress. Comment éviter de telles erreurs: le concept de fonction de file d’attente? Comme vous le savez peut – être, la communauté des développeurs WordPress est grande et puissante. Chaque jour, des milliers de développeurs développent de nouveaux thèmes et plug – ins.
Mais ce qu’ils font, c’est s’assurer qu’il n’y a jamais de conflit entre leurs méthodes d’encodage en utilisant la fonction de script de file d’attente. Cette fonction est responsable de l’ajout correct de JavaScript et de styles dans wordpress pour éviter les conflits inutiles et les blocs de mémoire. Il assure une approche systématique du chargement du JavaScript et des styles. La fonction QP _ enquque indique à wordless quand charger ces javascripts et styles, où et surtout dans quelles conditions. Avec cette aide, vous n’avez pas besoin de charger manuellement quelque chose comme jquery, donc il n’y a pas de verrouillage de mémoire parce que le même fichier est chargé à plusieurs reprises.
La raison en est que l’ajout de fonctionnalités vous permet d’utiliser les bibliothèques intégrées fournies par WordPress lui – même. Comme JavaScript n’est pas chargé manuellement, il réduira également le temps de chargement lent de la page. Pour ajouter avec succès JavaScript et styles dans wordpress – Ajouter un script à WordPress la ligne de code suivante charge le paquet JavaScript intégré livré avec wordpress. Vous devez insérer ces lignes dans le fichier d
Vous pouvez utiliser un plug – in lorsque vous le créez ou que vous devez l’insérer dans une fonction. Si vous créez un thème, utilisez PHP. Wpb _ add scripts () Fonction
WP _ Register script (‘My Amazing script’, plugins URL (‘Amazing script.js’, file u), array (‘ jquery ‘),’ 1.1 ‘, True);
WP _ enqueue script (\
}
Ajouter _ action (‘WP enqueue scripts’,’ wpb add scripts’);
Description du Code
Le script est enregistré par la fonction WP _ Register script () qui a cinq paramètres différents. 1. $handle – C’est le nom unique du script. C’est \
4. $ver – définit le numéro de version du script. Ce n’est pas obligatoire. 5. $in _ footer – utilisé pour charger le script dans le pied de page. Si vous chargez le script dans l’en – tête, laissez – le faux. Une fois tout défini, il suffit d’appeler le script en utilisant WP _ enqueue script (). Ajouter des styles à WordPress est comme Javascript, vous devez faire la queue aux feuilles de style. Utilisez le code suivant dans un fichier plug – in ou un fichier de fonction. PHP est utilisé pour créer des sujets. Wpb _ add styles () Fonction
WP _ Register script (‘My Stylesheet’, plugins URL (‘my-stylesheet.css’, file u));
WP _ enqueue script (\
}
Ajouter _ action (‘WP enqueue scripts’,’ wpb add style ‘);
Le code ci – dessus s’applique lors de la création du plug – in. Lors de la création d’un thème, vous devez changer plugins _ URL () pour obtenir Template Directory Uri (). Le reste restera exactement le même.
Finz.
Ione wpb _ add script () {
WP _ Register script (‘My azing script’, get Template Directory Uri (). ‘ Script js \ azing _ U. JS’, array (‘jquery’), ‘1.1’, True);
WP _ enqueue script (\
}
Ajouter _ action (‘WP enqueue scripts’,’ wpb add scripts’);
Si vous créez un sous – thème, vous devez utiliser get _ Stylesheet Directory Uri () au lieu de get Template Directory Uri (). C’est la méthode standard pour ajouter correctement JavaScript et styles dans WordPress. Si votre plug – in ou sujet est confronté à un problème, vous devriez modifier son Code avec la ligne de code mentionnée ci – dessus, peut – être que le problème sera résolu.
Suivez toujours les normes de codage suivies partout dans le monde pour vous aligner sur les autres développeurs qui réussissent.