JS in OceanWP | ProjectDMC.org Deutsch

[ad_1]

Um jQuery einzubinden, reicht es, wenn du in der functions.php des Child-Themes folgenden Code einfügst:

add_action( 'wp_enqueue_scripts', 'my_jquery_enqueue' );
function my_jquery_enqueue() {
  wp_enqueue_script( 'jquery' );
}

Das ist dann (im Gegensatz zu deinem Code-Beispiel) auch datenschutzkonform, da jQuery nicht von einem anderen Server geladen werden muss.

Achte aber darauf, dass WordPress jQuery im No-Conflict-Mode nutzt. Das bedeutet, dass du die Abkürzung $ für jQuery nicht nutzen kannst. Um das trotzdem zu nutzen, musst du die Funktion einbetten:

jQuery( document ).ready( function( $ ) {
    // $() kann statt jQuery() genutzt werden
   …
} );

vgl. wp_enqueue-script()

Ich hab gerade nochmal reingeschaut: OceanWP nutzt selber bereits jQuery. Du brauchst also keinen zusätzlichen Code in der functions.php eintragen, musst nur darauf achten, dass der Code im No-Conflict-Mode ausgeführt wird.

Kleine Zusatzinfo:
Für einen Sticky Header braucht man nicht zwingend JavaScript, CSS alleine tut’s auch. Tante google hilft 😀

@bscu

🤫 Pssst! Nicht verraten, @melojezzed wollte es doch möglichst kompliziert mit jQuery. 😜

Nein, im Ernst, ich habe mich strikt an den Titel der Frage gehalten, aber mit CSS ist es sicher einfacher einen Sticky Header zu erzeugen.

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer