Un JavaScript WordPress est un moyen d’ajouter des fonctions suppl\u00e9mentaires \u00e0 un site Web sans le ralentir. JavaScript repr\u00e9sente un langage de programmation qui s’ex\u00e9cute sur le navigateur de l’utilisateur. Ce type de programmation offre aux d\u00e9veloppeurs la possibilit\u00e9 d’ajouter toutes sortes de fonctionnalit\u00e9s \u00e0 leurs sites, comme des lecteurs vid\u00e9o int\u00e9gr\u00e9s, des calculatrices ou d’autres services. Le morceau de code JavaScript doit simplement \u00eatre copi\u00e9 et coll\u00e9 dans le code du site Web.<\/p>\n
Pourquoi devriez-vous ajouter du JavaScript personnalis\u00e9 dans WordPress ?<\/h2>\n
Il existe plusieurs raisons pour lesquelles vous devriez ajouter JavaScript \u00e0 WordPress, mais pour ce faire, vous devez savoir comment le site Web est cod\u00e9. Lors du codage d’un site Web WordPress, trois \u00e9l\u00e9ments peuvent vous aider :<\/p>\n Pour cr\u00e9er une base tr\u00e8s solide pour le site WordPress, vous pouvez utiliser HTML et CSS. M\u00eame s’ils sont parfaits pour jeter les bases du site Web, ils sont limit\u00e9s en termes de modification du comportement du site. Lorsque vous souhaitez que votre site agisse d’une mani\u00e8re sp\u00e9cifique, vous pouvez utiliser JavaScript pour effectuer l’une des actions suivantes\u00a0:<\/p>\n Tout cela – et plus encore – peut \u00eatre fait en utilisant JavaScript.<\/p>\n Lors de l’ajout de JavaScript \u00e0 WordPress, vous devez simplement copier et coller le bloc de code JavaScript sur le site Web. Cette action simple ajoute un outil tiers au site Web, qu’il s’agisse d’un lecteur vid\u00e9o ou d’un autre \u00e9l\u00e9ment. Ces extraits de code ont \u00e9t\u00e9 ajout\u00e9s soit juste sous la section d’en-t\u00eate, soit juste avant la balise dans le code principal du site Web. Cela influence l’endroit o\u00f9 l’\u00e9l\u00e9ment sera plac\u00e9. Pour activer ce plugin qui s’appelle Insert Headers and Footers, vous devez d’abord l’installer.<\/p>\n Pour l’activer apr\u00e8s l’installation, il vous suffit d’atteindre Param\u00e8tres puis la page Ins\u00e9rer des en-t\u00eates et des pieds de page. Vous pouvez cocher deux cases diff\u00e9rentes: une pour l’en-t\u00eate, une pour le pied de page. Une fois que vous avez activ\u00e9 ce plugin, vous pouvez simplement coller l’extrait de code JavaScript et cliquer sur enregistrer. Comme le plugin est activ\u00e9, l’extrait de code que vous avez coll\u00e9 se chargera automatiquement pour toutes les pages de votre site Web. Il s’agit des connaissances les plus \u00e9l\u00e9mentaires dont vous avez besoin pour ajouter JavaScript \u00e0 WordPress.<\/p>\n Lorsque vous utilisez JavaScript dans WordPress, vous devez \u00e9galement d\u00e9sactiver le blocage des balises de script de JavaScript. Ce param\u00e8tre se trouve dans wp-config.php, qui se trouve dans le r\u00e9pertoire Web racine. Pour activer les balises personnalis\u00e9es, ajoutez cette ligne de code ici\u00a0:<\/p>\n Une fois que vous \u00eates pass\u00e9 \u00e0 la page functions.php, copiez et collez cet extrait de code dans votre code de base\u00a0:<\/p>\n Conseil suppl\u00e9mentaire\u00a0: l’utilisation de cette m\u00e9thode signifie que vous d\u00e9sactivez la fonction de s\u00e9curit\u00e9 sur votre site Web, quel que soit le niveau d’autorisation de l’utilisateur. N’utilisez cette m\u00e9thode que si vous faites profond\u00e9ment confiance \u00e0 vos auteurs. Activer la balise de script est parfois risqu\u00e9 de cette fa\u00e7on.<\/p>\n Vous pouvez ajouter JavaScript \u00e0 WordPress en utilisant un plugin. Normalement, vous devez charger JavaScript dans les balises et. Afin de charger JavaScript globalement, un plugin peut \u00eatre utilis\u00e9. Un r\u00e9actif est Script n Styles. Vous pouvez soit inclure des scripts sur l’ensemble du site Web, soit les inclure au niveau de la page ou m\u00eame de la publication. Vous pouvez \u00e9galement modifier les autorisations des utilisateurs. Les auteurs peuvent publier des articles et rendre le JavaScript actif et les contributeurs peuvent enregistrer les articles sans les publier.<\/p>\n Si vous vous demandez comment ajouter JavaScript \u00e0 WordPress le plus facilement, ce plugin pourrait \u00eatre la solution. Une fois que vous avez install\u00e9 et activ\u00e9 le plugin, vous pouvez acc\u00e9der \u00e0 l’option Champs personnalis\u00e9s dans le menu administratif. Ensuite, vous pouvez cliquer sur Ajouter nouveau. Le but est d’ajouter un champ auquel les administrateurs peuvent acc\u00e9der et qui peut int\u00e9grer un fichier source JavaScript ou un code JavaScript dans les balises.<\/p>\n Cela devrait \u00eatre ajout\u00e9 avant.<\/p>\n Cela devrait \u00eatre ajout\u00e9 avant.<\/p>\n La page sera publi\u00e9e avec le JavaScript ajout\u00e9 dessus. Les champs personnalis\u00e9s avanc\u00e9s sont une option appropri\u00e9e si vous souhaitez davantage de fonctionnalit\u00e9s pour les utilisateurs, des pages d\u00e9j\u00e0 publi\u00e9es, etc.<\/p>\n wpDataTables<\/a> peut le faire de cette fa\u00e7on. Il y a une bonne raison pour laquelle c’est le plugin WordPress #1 pour cr\u00e9er des tableaux et des graphiques r\u00e9actifs.<\/p>\n Un exemple r\u00e9el de wpDataTables dans la nature<\/p>\n Et c’est vraiment facile de faire quelque chose comme \u00e7a :<\/p>\n Et ce n’est pas seulement joli, mais aussi pratique. Vous pouvez cr\u00e9er de grandes tables avec jusqu’\u00e0 des millions de lignes<\/a>, ou vous pouvez utiliser des filtres et une recherche avanc\u00e9s<\/a>, ou vous pouvez vous d\u00e9cha\u00eener et les rendre modifiables<\/a>.<\/p>\n "Ouais, mais j’aime trop Excel et il n’y a rien de tel sur les sites Web". Oui, il y en a. Vous pouvez utiliser une mise en forme conditionnelle<\/a> comme dans Excel ou Google Sheets.<\/p>\n Vous ai-je dit que vous pouviez \u00e9galement cr\u00e9er des graphiques<\/a> avec vos donn\u00e9es\u00a0? Et ce n’est qu’une petite partie. Il y a beaucoup d’autres fonctionnalit\u00e9s<\/a> pour vous.<\/p>\n Ces conseils devraient suffire \u00e0 vous apprendre \u00e0 ajouter du JavaScript \u00e0 WordPress de mani\u00e8re simple, sans rencontrer de probl\u00e8mes. Apr\u00e8s l’avoir fait une fois, la deuxi\u00e8me fois sera beaucoup plus facile et prendra moins de temps.<\/p>\n Si vous avez aim\u00e9 lire cet article sur la fa\u00e7on d’ajouter du JavaScript \u00e0 WordPress, vous devriez consulter celui-ci sur la fa\u00e7on de r\u00e9initialiser WordPress<\/a>.<\/p>\n Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes comme comment changer l’URL de WordPress<\/a>, comment int\u00e9grer une vid\u00e9o dans WordPress<\/a>, comment \u00e9diter le HTML dans WordPress<\/a>, comment dupliquer une page dans WordPress<\/a>, comment modifier les r\u00f4les d’utilisateur WordPress<\/a> et comment ajouter une image en vedette WordPress.<\/a>.<\/p>\n![\"Ajouter](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec0aa4ee.jpg\")
<\/a><\/p>\n\n
\n
Utiliser Ins\u00e9rer des en-t\u00eates et des pieds de page<\/a> pour ajouter du JavaScript<\/strong><\/h2>\n
<\/a><\/p>\nD\u00e9sactivation du filtrage WordPress<\/strong><\/h2>\n
define( 'CUSTOM_TAGS', true );<\/code><\/p>\nfunction add_scriptfilter( $string) {global $allowedtags;$allowedtags['script'] = array( 'src' => array() );return<\/code> $string;}add_filter( 'pre_kses', 'add_scriptfilter' );<\/code><\/p>\nApprenez \u00e0<\/strong> utiliser le plugin Script n Styles<\/a><\/h2>\n
<\/a><\/p>\nUtiliser des champs personnalis\u00e9s avanc\u00e9s<\/a><\/h2>\n
<\/a><\/p>\n\n
<?php the_field('header_script'); ?><\/code><\/p>\n<?php the_field('footer_script'); ?><\/code><\/p>\n\n
H\u00e9, saviez-vous que les donn\u00e9es peuvent aussi \u00eatre belles\u00a0?<\/h3>\n
<\/a><\/p>\n\n
R\u00e9flexions finales sur la fa\u00e7on d’ajouter JavaScript \u00e0 WordPress\u00a0<\/strong><\/h2>\n