Enqueue JavaScript

le_moi

Hey,

ich möchte folgendes HTML5 Template in ein Wordpress Theme umwandeln.
https://html5up.net/big-picture
Allerdings krieg ich es nicht auf die Reihe die JavaScript Dateien in die functions.php einzufügen.
Mit den Stylesheets hat es einwandfrei funktioniert.

Grüße

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

danielgoehr

Was bedeutet, du "bekommst es nicht auf die Reihe"?

Was wurde versucht?

Was ist das Ergebnis?

Gibt es eine Fehlermeldung?

Wie sieht dein Code aus?

le_moi

Ich habe versucht die JavaScript Dateien Über die functions.php Datei zum laufen zu kriegen.
So wie die Stylesheets auch.
Bei den Stylesheets hats geklappt, die findet er jetzt. Die JS Dateien findet er hingegen nicht.
Fehlermeldung gibt es keine

Zitat

<?php
function jpen_enqueue_assets() {

wp_enqueue_style( 'main' , get_stylesheet_uri() );

wp_enqueue_style( 'main-css' , get_stylesheet_directory_uri() . '.assets/css/main.css' );
wp_enqueue_style( 'main-css' , get_stylesheet_directory_uri() . '.h/assets/css/main.css' );

wp_register_script( 'main', 'assets/js/main.js', array( 'jquery' ) );
wp_enqueue_script( 'main' );
wp_register_script( 'jquery-min', 'assets/js/jquery.min.js', array( 'jquery' ) );
wp_enqueue_script( 'jquery-min' );
wp_register_script( 'skel-min', 'assets/js/skel.min.js', array( 'jquery' ) );
wp_enqueue_script( 'skel-min' );
wp_register_script( 'util', 'assets/js/util.js', array( 'jquery' ) );
wp_enqueue_script( 'util' );
wp_register_script( 'jquery-poptrox-min','h/assets/js/jquery.poptrox.min.js', array( 'jquery' ) );
wp_enqueue_script( 'jquery-poptrox-min' );
wp_register_script( 'jquery-scrollex-min','h/assets/js/jquery.scrollex.min.js', array( 'jquery' ) );
wp_enqueue_script( 'jquery-scrollex-min' );
wp_register_script( 'jquery-scrolly-min', 'h/assets/js/jquery.scrolly.min.js', array( 'jquery' ) );
wp_enqueue_script( 'jquery-scrolly-min' );

}

add_action( 'wp_enqueue_scripts' , 'jpen_enqueue_assets' );
?>

Alles anzeigen

SirEctor

Schau mal hier: https://developer.wordpress.org/reference/func…t/#comment-2236
Ich würde es auch nur mit wp_enqueue_script umsetzen.

Stimmen denn die Pfade? Ich würde sagen du hast mind. get_stylesheet_directory_uri() vergessen.

le_moi

Inzwischen hab ich es zumindest geschafft eine Fehlermeldung zu generieren :D
Mein Code sieht jetzt folgendermaßen aus

Zitat

<?php
function jpen_enqueue_assets() {

wp_enqueue_style( 'main' , get_stylesheet_uri() );
wp_enqueue_style( 'main-css' , get_stylesheet_directory_uri() . '.assets/css/main.css' );
wp_enqueue_style( 'main-css' , get_stylesheet_directory_uri() . '.h/assets/css/main.css' );

wp_enqueue_scripts( 'main' , get_stylesheet_uri() );
wp_enqueue_script( 'main.js', get_template_directory_uri() . '.h/assets/js/main.js');
wp_enqueue_script( 'jquery.min.js', get_template_directory_uri() . '.h/assets/js/jquery.min.js');
wp_enqueue_script( 'jquery.poptrox.js', get_template_directory_uri() . '.h/assets/js/jquery.poptrox.js');
wp_enqueue_script( 'jquery.scrollex.js', get_template_directory_uri() . '.h/assets/js/jquery.scrollex.js');
wp_enqueue_script( 'jquery.scrolly.js', get_template_directory_uri() . '.h/assets/js/jquery.scrolly.js');
wp_enqueue_script( 'skel.min.js', get_template_directory_uri() . '.h/assets/js/skel.min.js');
wp_enqueue_script( 'util.js', get_template_directory_uri() . '.h/assets/js/util.js');

}

add_action( 'wp_enqueue_scripts' , 'jpen_enqueue_assets' );
?>

Alles anzeigen

Dabei gibt er dann diese Fehlermeldung aus

Zitat

Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 262144 bytes) in C:\xampp\htdocs\wp\wp-includes\option.php on line 58
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 262144 bytes) in C:\xampp\htdocs\wp\wp-includes\load.php on line 679

Erhöhen des zugewiesenen Speichers in jeglicher Variation hat nichts gebracht.

danielgoehr

Kontaktier deinen Hoster, ob es möglich ist, das Memory Limit zu erhöhen. Vermutlich musst du dafür in ein größeres/teureres Paket wechseln.

r23

Zitat von danielgoehr

Vermutlich musst du dafür in ein größeres/teureres Paket wechseln.

C:\xampp\htdocs\

oder einfach in der php.ini von xampp den Memory Limit eben selber erhöhen...

danielgoehr

Zitat von r23

C:\xampp\htdocs\
oder einfach in der php.ini von xampp den Memory Limit eben selber erhöhen...

Huch, übersehen ... In dem Fall stimmt meine Antwort so natürlich nicht.

danielgoehr

Kleine Ergänzung:

Das hier macht natürlich keinen Sinn:

Zitat

wp_enqueue_scripts( 'main' , get_stylesheet_uri() );

Und jQuery ist bei Wordpress bereits enthalten. Insofern solltest du das hier auch nicht tun:

Zitat

wp_enqueue_script( 'jquery.min.js', get_template_directory_uri() . '.h/assets/js/jquery.min.js');

Falls es nicht ohnehin schon geladen wird, solltest du es idealerweise so laden:

Code

wp_enqueue_script( 'jquery');

Dazu siehe auch: https://developer.wordpress.org/reference/func…enqueue_script/

Außerdem lädst du die Styles per get_stylesheet_directory_uri() und die Scripte über get_template_directory_uri(). Machst du das bewusst so? Liegen die Scripte denn im Verzeichnis des Parent-Themes?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Enqueue JavaScript

Jetzt mitmachen!

Benutzer online in diesem Thema