Si vous travaillez avec WordPress et vous devez ajouter quelques lignes de code JavaScript à toi la toile en este artículo de CourseWpress.com nous vous disons comment.
Qu'est-ce que JavaScript?
JavaScript c'est un langage de programmation muy potente.
Para todas aquellas gens que trabajamos en les pages Web, lis:
- Blogueurs
- Webmasters
- Concepteurs Web.
- Especialistas en SEO.
- Marketing en ligne.
- Et un long etc.
Le langage JavaScript est un excellent outil, car il nous permet, entre autres, d'améliorer le l'interactivité de nos sites Web.
Pourquoi ajouter du code JavaScript à WordPress?
À un moment donné, nous devons ajouter quelques lignes de code JavaScript à nos installations WordPress, car «Java» nous permet de donner vie à des éléments tels que:
- Curseurs, carrousels, et d'autres modèles, très typiques de la en-têtes de nos sites Web.
- Galeries de photos et portfolios.
- Boutons avec réponse interactive.
Dans le même temps, c'est par le biais du code JavaScript que nos sites Web basés sur WordPress interagissent avec le Apis de otros generadores de Contenu, como Google ou Facebook.
Pero al mismo tiempo es muy posible que ya sepas todo eso, y que todo lo que desees a estas alturas être pasar a la acción.
Si tel est votre cas, alors nous obtenons allons-y.
Ajout de JavaScript à WordPress
Il existe de nombreuses possibilités pour ajouter du code JavaScript à votre site Web WordPress.Org, même si vous devez être prudent, car, selon les cas, vous pourriez avoir des ennuis.
Et si vous pensez que:
"Il est difficile de mettre quelques lignes de code JavaScript dans une installation WordPress."
Tu te trompes.
C'est assez facile, il suffit de bien faire les choses pour ne pas être confus.
Et ne vous inquiétez pas, dans cet article, nous partageons avec vous quelques conseils qui vous aideront à mener à bien la tâche en douceur.
Comment ajouter du code JavaScript à WordPress sans plugins?
Nous vous disions qu'il existe de nombreuses options pour ajouter du code JavaScript à un site Web fonctionnant sous WordPress. pas besoin d'utiliser des plugins ni des outils externes, mais vous devez savoir que chacune des options fonctionnera mieux dans des cas spécifiques.
Ici, nous allons avec le premier cas.
Avertissement:
En guise de avertissement.
Dans les lignes suivantes, vous trouverez des instructions qui vous guideront pas à pas, dans le processus d'ajout de lignes de code JavaScript aux fichiers de votre site Web.
Pour ce que, avant que de Modifier quelconque déposer ou une archive de votre site Web, en particulier s'il s'agit d'un site en ligne et opérationnel, vous devez créer un dos.
Vous pouvez créer des sauvegardes en suivant ce tutoriel:
Cómo Crear un Sauvegarde dans WordPress
Dans le même temps, nous vous recommandons, avant d'apporter des modifications à votre site Web actif, d'essayer d'apporter des modifications à un clone de votre page.
Ici, nous vous disons tout sur les sites de test de clonage.
Comment utiliser XAMPP pour installer WordPress localement
Agregando JavaScript al Bas de page o al Entête de nuestra web
À de nombreuses occasions, nous devons ajouter un code au Fichiers .PHP de nôtre thème actif, et dans plusieurs cas c'est du code JS.
Ocurre cuando necesitamos personalizar las características de ciertas suites o herramientas que trabajan con su propia API.
Tout ce que nous avons à faire est, dans notre Tableau de bord WordPress, suivez l'itinéraire suivant:
Apparence> Editeur
Nous y trouverons de nombreux fichiers, mais dans ce cas, celui dont nous avons besoin est le fichier:
footer.php
Nous l'ouvrons.
Nous ajouterons notre code juste après cette balise:
<?php wp_footer(); ?>
Et avant ça:
</body>
Nous enregistrons les modifications et c'est tout.
Nous avons ajouté du code JS à WP.
Agregando JavaScript a una entrada en nuestro Blog
Maintenant, si nous voulons ajouter quelques lignes de code JavaScript à l'une de nos entrées. tout ce que nous avons à faire est:
- Ajoutez le code, ou le script Java, à un fichier JavaScript ou créez un fichier JS.
- Les gens de WordPress, dans la section wordpress.org/Using_Javascript nos explican que: todos los scripts deben definirse usando su nombre de función:
function updatepage () {var m = »Page mise à jour« + document.lastMo …….}
- Mode ouvert HTML de votre éditeur, pour faire fonctionner le JavaScript dans notre article de blog, nous devons combiner l'appel au script, avec l'appel au JavaScript:
<script type=»text/javascript» src=»/scripts/updatepage.js»></script>
<!–
updatepage ();
// ->
Comment ajouter du code JavaScript à WordPress avec des plugins?
Maintenant, en même temps, nous pouvons ajouter JavaScript à notre site à l'aide de plugins et l'un des meilleurs pour cela est:
Scripts n Styles
Scripts n Styles c'est un brancher des gens de Projets non focalisés cela nous permet d'ajouter code CSS y JavaScript sur notre site Web de manière simple.
Todo lo que tenemos que hacer es buscarlo en el repositorio de plugins o descargarlo a través del siguiente relier:
https://wordpress.org/plugins/scripts-n-styles/
Maintenant, nous pouvons ajouter du code CSS et des fonctionnalités de JavaScript n'importe où sur notre site, soit: Pages et articles.
Comment utiliser Scripts n Styles?
Le fonctionnement de ce plugin est on ne peut plus simple, il ne vous reste plus qu'à:
Ouvrez votre éditeur WordPress, soit dans un Article ou sur une page.
Vous verrez comment apparaît un onglet qui vous permet d'ajouter du code JavaScript.
Autres détails à prendre en compte lors de l'utilisation de JS dans WP
Protégez votre installation WordPress et vos codes personnalisés
Comme nous vous l'avons toujours dit, ne travaillez jamais directement sur les fichiers de votre installation WordPress.
Parce que?
Parce que d'une part, vous mettez en danger la santé de votre site.
Et d'un autre côté, vous risquez de perdre les personnalisations que vous ajoutez, qu'il s'agisse de lignes de code CSS ou de fonctions JavaScript.
A titre d'exemple, si vous ajoutez du code supplémentaire directement sur les fichiers de votre site web comme dans le entête ou dans le bas de page, les chances que vous perdiez les modules complémentaires avec une mise à jour de votre thème sont assez élevées.
C'est pourquoi une bonne option est de travailler sur un thème enfant ou thème enfant, qui vous permet d'ajouter du code et de modifier le thème comme bon vous semble, sans risquer de perdre votre emploi.
Avez-vous aimé l'article?
Et ce n'est que le début, il y a beaucoup plus à apprendre, si vous voulez en savoir plus, inscrivez-vous au meilleur cours WordPress en ligne en espagnol.