Zoals beweerd door de toonaangevende CMS-gemeenschap, maakt 25% van het internet gebruik van WordPress. Gezien de trends, hebben we geen andere keuze dan ze te geloven, bijna elke 2 e blog en elke 4 e site lijkt blijkbaar het meest krachtige en gebruiksvriendelijke CMS te gebruiken. In de toekomst zijn mensen en ontwikkelaars begonnen met het verplaatsen van hun sites naar WordPress Platform.
Bij deze poging om uw lieve en eenvoudige website te transformeren naar een complexe, goed presterende CMS-site, komen mensen vast te zitten op een zeer eenvoudige stap en stellen ze de vraag: In godsnaam, hoe krijg ik dit externe JavaScript (.js) -bestand werken in dit WordPress-thema? Ben jij ook degene die dezelfde vraag stelt? Nou amigo's, je bent eindelijk aan het juiste adres: ik ben hier om je stap voor stap door de eenvoudigste manier te begeleiden om deze taak te bereiken!
Nu we ervan uitgaan dat WordPress volledig is geïnstalleerd en geactiveerd met externe JS gereed, laten we de taak opnemen om het bestand op te nemen!
Opmerking: ik gebruik het volgende bestand (testrun.js) voor deze zelfstudie en het thema waaraan ik werk is Twenty Sixteen van WordPress .
alert ( 'Hallo');
Laten we beginnen!
Alle scripts en stylesheets worden geladen vanuit de functies.php . Dit is de juiste manier om ze in WordPress te laden om conflicten met andere scripts te voorkomen die worden geladen door WordPress zelf of door uw plug-ins die worden gebruikt. Als u WordPress alle opgenomen bestanden laat beheren, moet u laten weten dat u dit bestand wilt opnemen in het kop- (start-) of voettekst-gedeelte van het bestand. Elke sjabloon / thema heeft zijn eigen functies.php, dus de exacte naam van de functies die alle op te nemen bestanden bevat, is moeilijk te generaliseren. Aangezien ik er twintig zestien als thema neem, is hieronder de momentopname van hoe mijn functies.php (gebruikt voor het opnemen van bestanden). De jouwe moeten tot op zekere hoogte hierop lijken:
De functie wp_enqueue_script koppelt een scriptbestand op het juiste moment aan de gegenereerde pagina volgens de scriptafhankelijkheden, als het script nog niet is opgenomen en als alle afhankelijkheden zijn geregistreerd. U kunt een script koppelen aan een greep die eerder is geregistreerd met de functie wp_register_script (), of deze functie voorzien van alle parameters die nodig zijn om een script te koppelen.
Het wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer) neemt de volgende params over:
$ handle
(string) (Verplicht) Naam van het script.
$ src
(string | bool) (Optioneel) Pad naar het script vanuit de hoofdmap van WordPress. Voorbeeld: '/js/myscript.js'.
Standaardwaarde: false
$ deps
(array) (optioneel) Een array met geregistreerde grepen waarvan dit script afhankelijk is.
Standaardwaarde: array ()
$ ver
(string | bool) (Optioneel) String die het versienummer van het script opgeeft, als dit er een is. Deze parameter wordt gebruikt om ervoor te zorgen dat de juiste versie naar de client wordt verzonden, ongeacht de cache, en moet dus worden opgenomen als er een versienummer beschikbaar is dat logisch is voor het script.
Standaardwaarde: false
$ in_footer
(bool) (Optioneel) Bepaalt of het script eerder moet worden gebruikt of eerder
