Einbinden von CSS- und JS-Dateien in WordPress
-
Hallo zusammen,
leider komme ich bei meinem Thema nach zwei Tagen Arbeit immer noch nicht weiter. Ich hoffe ihr könnt mir helfen.
Ich habe eine Vorlage zum Anzeigen einer Tabelle.
Inhalt des Hauptordners:
–index.html
–Unterordner_CSS
–Unterordner_JS
–Unterordner_imgWenn ich die index.html lokal ausführe, zeigt es mir die Tabelle mit allen Filterfunktionen und eingebundenen Bildern einwandfrei an. Die Frage ist jetz, wie ich die CSS und JS Dateien nun in meine WordPress Website einbinden kann?
Was ich bisher versucht habe:
———————–
1.Inhalt hochgeladen
———————–
Den gesamten Inhalt des Hauptordners in folgendes Verzeichnis kopiert:
wp-content\themes\twentytwentytwo(nachdem ich es erst alle im /include-Ordner hatte und es nicht funktioniert hat, war ich nach meinen weiteren Recherchen der Ansicht, dass es im Theme-Ordner wahrscheinlich besser aufgehoben ist)
———————–
2.Die Dateien „registriert“
———————–
Hierzu habe ich in der functions.php im Ordner twentytwentytwo bzw. als zweiter Versuch in der functions.php im Ordner wp-includes folgendes eingetragen:function TabelleTest(){ wp_enqueue_script('cool_stuff', get_stylesheet_directory_uri() . '/js/jquery-2.1.4.js', array('jquery'), '1', false); wp_enqueue_script('cool_stuff', get_stylesheet_directory_uri() . '/js/main.js', array('jquery'), '1', false); wp_enqueue_script('cool_stuff', get_stylesheet_directory_uri() . '/js/mod2.js', array('jquery'), '1', false); wp_enqueue_style('cool_stuff_style', get_stylesheet_directory_uri() . '/css/style.css'); wp_enqueue_style('cool_stuff_style', get_stylesheet_directory_uri() . '/css/reset.css'); } add_action( 'wp_enqueue_scripts', 'TabelleTest');
———————–
3. Einen neuen Beitrag erstellt
———————–
Gesamten Inhalt von index.html eingetragen——————-
Ergebnis:
——————-
– Beim Aufruf des erstellten Beitrags wird zwar der Inhalt (Text) des eingetragenen html-Codes ausgegeben, jedoch nicht in der gewünschten Darstellung und ohne die erwartete Funktion. Bilder werden auch nicht angezeigt, nur der standardmäßige Platzhalter bei fehlenden Bildern.——————-
Frage:
——————-
– Wo müssen die Dateien (Punkt 1) kopiert werden? Sind sie im Theme-Verzeichnis richtig aufgehoben?
– Hat jemand eine Idee, was ich machen muss, damit es auch mit der Darstellung funktioniert?Ich würde mich über eine Rückmeldung freuen.
- Das Thema „Einbinden von CSS- und JS-Dateien in WordPress“ ist für neue Antworten geschlossen.