Er zijn vaak veel verschillende redenen waarom je JavaScript aan WordPress zou willen toevoegen, zoals een kleine aanpassing aan een bestaande functie of misschien proberen een script van een derde partij toe te voegen. U moet ervoor zorgen dat u dit niet verkeerd doet, want als u dit wel doet, kan het zijn dat uw website wordt vernietigd. Dit geldt ongeacht de reden waarom u het wilt doen.
Er is een betrouwbare aanpak om JavaScript in WordPress te integreren. Dan zijn er nog de schadelijke methoden die ervoor kunnen zorgen dat uw website onbruikbaar wordt of de algehele prestaties negatief beïnvloeden.
In dit bericht geven we verschillende suggesties voor het toevoegen van JavaScript-code aan websites, evenals aanbevelingen voor welke opties geschikt zijn voor specifieke scenario's die zich in de toekomst kunnen voordoen.
JavaScript in WordPress
thema opnieuw hoeft op te bouwen of te wijzigen . Dit wordt mogelijk gemaakt doordat WordPress eenvoudig kan worden aangepast. In plaats van helemaal opnieuw te beginnen en een nieuw WordPress-thema te maken, kunt u functionaliteit aan uw site toevoegen door simpelweg plug-ins te installeren.
U kunt ook JavaScript aan WordPress toevoegen zonder een plug-in te maken als de functionaliteit die u wilt toevoegen geen plug-in en u er geen wilt maken of installeren. Omdat Javascript geen plug-in is, kan het niet op WordPress worden geïnstalleerd.
Er is een probleem bij het gebruik van deze strategie, ook al is het eenvoudig om JavaSript-code rechtstreeks in uw header.php-bestand in te voegen. Het kan conflicteren met andere plug-ins wanneer ze hun eigen JS-scripts laden.
De stapsgewijze handleiding voor het installeren van JavaScript op WordPress
Aan uw WordPress-site kan aangepaste JavaScript-code zijn toegevoegd op verschillende manieren, die allemaal hun doel hebben:
Neem een script op in bepaalde pagina's door plug-ins zoals kop- en voetteksten te gebruiken.
U kunt het script toevoegen aan een enkele pagina naar keuze, een specifieke pagina of meerdere pagina's door het function.php- bestand te gebruiken.
Voeg een JavaScript-bestand toe aan de header van uw thema.
Voeg JavaScript toe aan de header van uw thema
In sommige gevallen zou u willen dat het JavaScript-bestand op de hele site zou verschijnen zonder een plug-in te gebruiken.
Het toevoegen van een script van een derde partij aan al uw pagina's kan worden gedaan door het script in te voegen of door het script waarnaar wordt verwezen zelf toe te voegen aan de kop van uw header.php-sjabloonbestand. Het instantpage.js-script optimaliseert bijvoorbeeld het laden van uw website. U kunt bijvoorbeeld instantpage.js toevoegen.
U kunt deze wijzigingen kwijtraken als u uw thema upgradet. Het wordt ten zeerste aangeraden om een child-thema in te stellen als je dit nog steeds wilt bereiken, ook al wordt dit ten zeerste aangemoedigd.
In dit specifieke geval, waarin u wilt dat dit script overal wordt opgenomen, kunt u het bestand rechtstreeks aan de sjabloon toevoegen door de onderstaande methoden te volgen:
var script = document.createElement('script'); script.src = “http://uwdomein.com/bestandspad/mijnbestand.js”; document.head.appendChild(script);
Het is noodzakelijk om deze aanroep naar het bestand (of script) in te voegen in de ruimte tussen de metatags en de link naar het stylesheet. Om JavaScript aan een HTML-pagina toe te voegen, volgt u dezelfde stappen als voor andere HTML-pagina's.
Laatste opmerkingen
Een fundamenteel punt om te onthouden is dat de wp-head hook alleen nuttig is aan de voorkant van uw website. Hierdoor zal elk aangepast JavaScript dat met deze methode wordt geïntroduceerd, niet zichtbaar zijn in de administratieve of inloggedeelten van de site. Mogelijk kunt u hetzelfde resultaat bereiken met behulp van de admin head action hook of de login head action hook. Beide haken bevinden zich in het kopgedeelte van de pagina.
Raadpleeg Seahawk Media voor meer van dergelijke artikelen.
