Apprenez comment ajouter du JavaScript personnalisé à WordPress de la bonne façon

Notez comment écrire le Code, mais aussi comment et où l’ajouter à WordPress. Comment ajouter du JavaScript personnalisé à WordPress une fois que vous avez maîtrisé HTML et CSS et que vous voulez vraiment faire une grande différence sur le site WordPress, il est temps d’ajouter du JavaScript personnalisé à WordPress. Mais comment avez – vous fait et où l’avez – vous mis? Plus important encore, est – ce important? D’après l’expérience, javascript appartient à l’un des deux endroits suivants: l’en – tête du sujet d’application de script au niveau du site. À l’intérieur du corps de la page, pour les applications spécifiques à la page. Et vous n’avez pas toujours à placer des étiquettes complètes dans ces endroits. Si vous voulez rendre les pages plus rapides et le code plus facile à lire, créez des fichiers JavaScript séparés (.Js) et appelez – les avec les références suivantes:
http:\/\/nomefile.js Ça a l’air simple, non? En un sens, c’est le cas, mais vous devez vous rappeler que JavaScript est un langage de programmation. Ce n’est pas aussi facile à insérer dans une page Web que le HTML ou le CSS. Par conséquent, lors de l’ajout de JavaScript personnalisé à un site WordPress, vous devez suivre la règle suivante: règle # 1: n’utilisez pas l’éditeur WordPress L’éditeur de texte pour les pages et les messages WordPress n’est pas l’endroit pour écrire JavaScript à moins que vous n’ajoutiez de très petits scripts à une seule page ou que vous n’appeliez un fichier à partir de celle – ci. Cela ralentit le chargement des pages Web et peut entraîner une confusion de code.
Règle # 2: ne modifiez pas directement le fichier Cette règle s’applique à votre sujet et à vos fichiers plug – in. Bien que JavaScript puisse vous aider à ajouter ou modifier des fonctionnalités à l’intégration WordPress, il n’est pas bon d’ajouter un JavaScript personnalisé à ces fichiers d’en – tête. Pour les débutants, Vos scripts bloquent les développeurs qui écrivent un bon Code. Une des méthodes de maintenance
Votre site est en bon état et dépend de pratiques de codage propres. Le mauvais JavaScript peut l’arrêter. Deuxièmement, une fois que vous mettez à jour un sujet ou un fichier plug – in, vous perdez les directives JavaScript personnalisées. Bien que JavaScript appartienne au titre du sujet, il a un fichier de titre. Php modifiable, ne modifiez pas ici.
Enfin, si vous voulez contourner ce problème en créant un sous – thème et en y appliquant un JavaScript personnalisé, ne le faites pas. Lors de la mise à jour du fichier d’en – tête. Php ou pied de page. Si vous utilisez PHP et Javascript, vous pouvez accidentellement entrer en conflit avec un plug – in qui fonctionne sur votre site. Cela peut ralentir considérablement ou paralyser complètement votre serveur hors ligne parce que votre site ne sait pas comment traiter ces demandes simultanées. Note: Cette règle ne s’applique en fait qu’aux développeurs WordPress qui utilisent des thèmes ou des plugins tiers. Si vous écrivez votre propre sujet et plug – in, vous pouvez ajouter JavaScript directement au fichier d’en – tête; Cependant, nous vous recommandons d’utiliser le système de files d’attente décrit ici.
Règle # 3: créer un fichier séparé pour JavaScript si je vous dis de ne pas ajouter le code JavaScript directement à un fichier ou une page dans WordPress, comment le mettre là? Il y a deux façons de le faire. L’un est de créer un fichier javascript séparé, l’autre est d’ajouter un JavaScript personnalisé en utilisant le plugin wordpress que je décrirai en détail dans la règle # 4. Comme je l’ai déjà dit, l’ajout direct de JavaScript personnalisé à WordPress crée une véritable confusion et peut causer de graves problèmes, tels que des écrans blancs morts. Cependant, si vous voulez appliquer un script à une seule page, vous avez besoin d’un moyen d’injecter le code auquel il appartient au lieu de l’ajouter et de bloquer le reste du site avec des requêtes https inutiles.
Alors, où est – il?
Nell est de loin le groupe le plus populaire et le plus fiable.
Plus d’informations Pour ceux qui veulent ajouter un JavaScript personnalisé à une page personnelle ou à un billet, j’a i mentionné quelques méthodes ci – dessus. Si c’est un petit script, vous pouvez l’ajouter directement au HTML. Vous pouvez également appeler un fichier javascript qui contient tout le Code. Cependant, ces deux approches ajoutent encore beaucoup de code à votre site et rendent le contenu plus confus et difficile à lire. Si vous voulez le nettoyer, vous pouvez utiliser le plug – in shortcoder. Un autre avantage de l’utilisation de shortcoder est d’économiser du temps. Supposons que vous ayez une fonctionnalité JavaScript spécifique que vous souhaitez appliquer à une douzaine de pages. Par conséquent, il n’est pas nécessaire de copier les scripts sur chaque script. Au lieu de cela, vous pouvez créer un code court pour représenter la fonction et l’entrer si nécessaire. Apprendre comment utiliser Javascript pour augmenter la puissance des thèmes, plugins et contenus WordPress est un outil très puissant dans la Bibliothèque de développement WordPress. Cependant, vous devez prendre soin de l’utiliser afin d’éviter de compromettre le rendement du site ou de causer des problèmes avec d’autres intégrations que vous essayez d’effectuer sur le site. Suivez les règles ci – dessus. Pour vous: Depuis combien de temps utilisez – vous JavaScript et pensez – vous qu’il est nécessaire pour chaque site Web que vous créez? Étiquettes: Tutoriels JavaScript WordPress