Enqueue JavaScript

le_moi · 29. November 2017

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

danielgoehr · 29. November 2017

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 · 30. November 2017

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

<?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' );
?>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

SirEctor · 30. November 2017

Schau mal hier: https://developer.wordpress.org/reference/functions/wp_enqueue_script/#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 · 1. Dezember 2017

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

<?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' );
?>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Dabei gibt er dann diese Fehlermeldung aus

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
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

danielgoehr · 2. Dezember 2017

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 · 2. Dezember 2017

Zitat von danielgoehr: ↑

Vermutlich musst du dafür in ein größeres/teureres Paket wechseln.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

C:\xampp\htdocs\

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

danielgoehr · 2. Dezember 2017

Zitat von r23: ↑

C:\xampp\htdocs\

oder einfach in der php.ini von xampp den Memory Limit eben selber erhöhen...
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

danielgoehr · 2. Dezember 2017

Kleine Ergänzung:

Das hier macht natürlich keinen Sinn:

wp_enqueue_scripts( 'main' , get_stylesheet_uri() );
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

wp_enqueue_script( 'jquery.min.js', get_template_directory_uri() . '.h/assets/js/jquery.min.js');
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
Dazu siehe auch: https://developer.wordpress.org/reference/functions/wp_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?

WPDE.org

Enqueue JavaScript

le_moi New Member

danielgoehr Well-Known Member

le_moi New Member

SirEctor Well-Known Member
Ehrenmitglied

le_moi New Member

danielgoehr Well-Known Member

r23 Well-Known Member

danielgoehr Well-Known Member

danielgoehr Well-Known Member

Nützliche Suchen

Enqueue JavaScript

le_moi New Member

danielgoehr Well-Known Member

le_moi New Member

SirEctor Well-Known Member Ehrenmitglied

le_moi New Member

danielgoehr Well-Known Member

r23 Well-Known Member

danielgoehr Well-Known Member

danielgoehr Well-Known Member

SirEctor Well-Known Member
Ehrenmitglied