JavaScript und eigene Styles in WordPress korrekt einbinden oder entfernen (enqueue + dequeue)

JavaScript in WordPress einzubinden ist nicht allzu kompliziert, jedoch sollte man zumindest grob verstehen, wie Hooks und Actions in WordPress funktionieren. Ein Hook erlaubt es euch, an einer bestimmten Stelle während der Code-Ausführung von WordPress, euren eigenen Code einzuschleusten.
Hierzu verwendet ihr eine Action, die sich quasi in den Hook... rein-hookt. Klingt komisch, ist aber so.
Der Prozess in zwei Schritten:

1.) JavaScript in eurem Child Theme Ordner hochladen
2.) JavaScript über die functions.php eures Child Themes in der Seite enqueuen.

Wenn man diese grobe Vorgehensweise erstmal richtig verstanden hat, ist es auch mit wenig Aufwand möglich, in der Seite geladene Scripten oder CSS Stylesheets wieder zu ENTFERNEN. Beispielsweise, wenn ein WordPress Plugin ein Stylesheet einbindet, mit dem ihr überhaupt nichts anfangen könnt. Dies funktioniert dann über die Methode: wp_dequeue_style bzw. wp_dequeue_script.
All das wird ausführlich im heutigen Video erläutert, damit ihr zukünftig auch schnell und einfach eigenen Code in WordPress rein oder eben raus bekommt.

Besuche uns ebenfalls auf https://divi-tutorials.com, wo du all unsere Tutorials rund um WordPress und dem Divi Theme finden kannst.
Unseren Stream findest du auf https://twitch.tv/nextab_de, indem wir dir 4 Tage die Woche mehr rund um die Themen Webdesign und Webentwicklung beibringen.
Eine sich gegenseitig helfende Community findest du auf https://divi-tutorials.com/discord und Facebook https://www.facebook.com/groups/divitutorials.

----------

Timestamps:
0:00 - JavaScript-Datei im Child Theme Ordner hochladen
1:34 - Einbinden des JavaScripts über einen Aufruf in der functions.php
6:58 - Bonus: Skripte oder CSS Styles per functions.php aus WordPress entfernen

----------

Code für die functions.php eures Child Themes:
https://gist.github.com/nextab/accc72fc740a22e849a1770fd2f76c0c

BESTE JavaScript LÖSUNG für globale Event-Listener!
https://www.youtube.com/watch?v=b3Sh4oydzoU

Wie erstelle ich ein WordPress Child-Theme?
https://divi-tutorials.com/programmierung/wie-erstelle-ich-ein-wordpress-child-theme/

Beispiel-JavaScript:
https://gist.github.com/nextab/c925d8ba4f56f17f1ad068e3a9c7ab2e

----------

function add_nxt_scripts(){
wp_register_script('my-script-handle', get_stylesheet_directory_uri() . '/js/script-filename.js', false, '', true);
wp_enqueue_script('my-script-handle');
}
add_action('wp_enqueue_scripts', 'add_nxt_scripts', 10);

----------

Das Divi Theme*: https://divi-tutorials.com/divi_y
Die Divi Cloud*: https://divi-tutorials.com/divi_cloud
Unser Webhost*: https://divi-tutorials.com/all-inkl_y
Konto für Selbständige*: https://divi-tutorials.com/kontist_y
Unser Tipp für E-Mail-Marketing*: https://divi-tutorials.com/activecampaign_y

----------------
Die Musik im Clip stammt von Andrew Applepie, einem Berliner Künstler, den ihr hier unterstützen könnt: https://www.patreon.com/andrewapplepie/

Alle Links, die mit einem * vermerkt sind, sind Partner oder Affiliate-Links. Durch das Klicken dieser Links unterstützt du uns und ggfs. bekommen wir einen geringen Anteil, wenn du ein Produkt oder Dienstleistung kaufst. Bei dir fallen keine Extrakosten an.

Видео JavaScript und eigene Styles in WordPress korrekt einbinden oder entfernen (enqueue + dequeue) канала nexTab.de