WordPress maakt het mogelijk om JavaScript te gebruiken in je thema’s en plugins. Maar omdat WordPress standaard geen ondersteuning biedt voor inline JavaScript, moet je de JavaScript-code toevoegen aan een apart bestand en dit dan koppelen aan je WordPress-thema of -plugin. Hier is een stappenplan over hoe je JavaScript kunt toevoegen aan je WordPress-site:
1. Maak een JavaScript-bestand: Open een teksteditor en maak je JavaScript-code. Sla dit bestand op met een .js extensie.
1. Upload het JavaScript-bestand naar je thema of plugin directory: Meld je aan bij de FTP-server van je website en navigeer naar de directory van je huidige thema (bijvoorbeeld /wp-content/themes/your-theme/). Upload vervolgens het .js-bestand dat je hebt gemaakt naar deze directory.
1. Voeg je script toe aan je thema of plugin: Nu moet je WordPress laten weten dat het je script moet laden. Dit doe je door de wp_enqueue_script functie te gebruiken in het functions.php-bestand van je thema of in het hoofdbestand van je plugin.
Bijvoorbeeld:
```
function add_my_script() {
wp_enqueue_script(
‘my-script’, // naam van je script
get_template_directory_uri() . ‘/my-script.js’, // pad naar je script
array(‘jquery’), // afhankelijkheden (als er zijn)
‘1.0’, // versienummer
true // laden in footer (true) of header (false)
);
}
add_action(‘wp_enqueue_scripts’, ‘add_my_script’);
```
1. Je JavaScript-code is nu opgenomen en kan worden gebruikt op je WordPress-site.
Let op: Het is niet aanbevolen om direct wijzigingen aan te brengen in het functions.php-bestand van je thema. Want als je van thema wisselt, gaan al je aanpassingen verloeren. Daarom is een betere optie om een child theme te maken of een plugin waarin je al deze code kunt toevoegen.
Ook is het beter om JavaScript niet toe te voegen aan de header van je site, aangezien dit de laadtijd van je site kan beïnvloeden. In plaats daarvan voeg je de code toe aan de footer van je site.
