functions.php lädt meine Styles nicht (Custom Template // bootstrap)

Hi zusammen,
ich hänge seit Wochen an einem Problem. Ich habe eine Website entworfen, die ich nun in Wordpress als Custom-Template portiert habe. Wenn ich meine Stylessheets und Skripte über Footer und Header lade, wird die Seite wie gewünscht dargestellt. Leider kommen einige Plugins damit nicht zurecht, weshalb ich die Styles und Skripte über die functions.php laden möchte. Leider funktioniert das überhaupt nicht, obwohl ich die functions.php genau so eingerichtet habe, wie man es machen sollte.

Kurz zur Erläuterung: Die Seite ist auf Bootstrap aufgebaut, die Firma heißt BoKe, weshalb ich die functions und Templates boke genannt habe, es gibt ein Landing Page-, Newsarchive-, Impressum- und Datenschutz-Template.

Übersehe ich etwas, muss ich das Custom-Template genauer ansteuern, vielleicht über If-Abfragen? Wenn ich die Wordpress-Systematik richtig verstanden habe, ist mein Custom-Template ein Parent-Template. Hat es vielleicht damit etwas zu tun?

Meine functions und eine Template-Datei findet Ihr anbei. Schon mal vielen Dank.

Hi, vielen Dank für die schnelle Rückmeldung. Da nicht mal die css Dateien geladen werden, hab ich die Skripte erst mal hinten angestellt. Aber danke für die Tipps, dann werde ich mich doch nochmal tiefer durchwühlen müssen.

Was das setup angeht, gibt es etwas das essenziell für eun Template ist?

Okay, ich hab da scheinbar schon etwas grundlegendes falsch gemacht. Die index.php darf, bis auf die WP "get.." Elemente, keinen Code enthalten. Ich schau mir mal die Dokus an und werde alles umstellen und euch wissen lassen, ob es geklappt hat.

Danke Schon mal.

Hallo Zusammen,
nach ein paar Wochen Pause habe ich mich endlich mal wieder tiefer mit meinem Problem befassen können und ich habe (aus Unwissenheit) einige essenzielle Fehler eingebaut. Zur Unterstützung möglicher Leidensgenossen führe ich nachfolgend auf, worauf man beim erstellen von Custom-Themes für Wordpress achten sollte bzw. was explizit meine Fehler waren.

Der Unteschied zwischen Themes und Templates:
Mir war von vornherein nicht bewusst, dass es einen Unterschied zwischen Themes und Templates. Ich war der Meinung, dass Theme nur ein anderer Name für Template ist und umgekehrt. Das ist natürlich vollkommen falsch was mir die gedankliche Zuordnung dann etwas erschwert hat. Grundsätzlich ist ein Theme die übergeordnete Layout einer Seite und Templates sind mögliche Vorlagen für Unterseiten oder Seitenbestandteile. Die genaue Analyse der WP Template Hierarchie hat mir wesentlich weitergeholfen.

WP Head und WP Footer:
Ein weiterer essenzieller Fehler war, dass ich die Tags <?php wp_head(); ?> und <?php wp_footer(); ?> nicht mit in mein Theme eingebaut habe, weil ich dachte diese nicht zu benötigen. Ohne die Tags ist es Wordpress jedoch unmöglich von WP oder Plugins benötigte Styles und Scripts auf meiner Seite zu laden. Der wp_head gehört bestenfalls direkt vor dem </head>-Tag und der wp_footer vor dem </body>-Tag eingebaut.

Die functions.php:
Ach, meine geliebte functions.php! Hier habe ich einige Varianten, die einem das Internet ausspuckt, ausprobiert. Erst wp_register_style und dann wp_enqueue_style, mit genauer Benennung der Styles, mit array und ohne, dies und das und hin und her. Am Ende war es dann diese Variante, die funktioniert hat:

function boke_scripts_and_styles() {
// enqueue the main style.css stylesheet
wp_enqueue_style( 'boke-styles', get_stylesheet_uri() );
wp_enqueue_style( 'bootstrap_min_css', get_template_directory_uri() . '/assets/css/bootstrap.min.css');

// enqueue a typography stylesheet
wp_enqueue_style( 'boke-typography', get_template_directory_uri() . '/assets/css/typography.css' );

// enqueue main JavaScript file
wp_enqueue_script( 'boke-main-scripts', get_template_directory_uri() . '/assets/js/script.min.js' );
wp_enqueue_script( 'bootstrap-scripts', get_template_directory_uri() . '/assets/js/bootstrap.bundle.min.js' );
wp_enqueue_script( 'smart_forms_min_js', get_template_directory_uri() . '/assets/js/smart-forms.min.js' );

}
add_action( 'wp_enqueue_scripts', 'boke_scripts_and_styles' );

Was mich dabei wirklich ins Schleudern gebracht hat, war die Verwendung von Handles und Arrays usw. Immer wenn ich diese mit meinem stümperhaften Wissen versucht habe zu verwenden, hat am Ende gar nichts mehr funktioniert. Was das betrifft muss ich mich auf jeden Fall nochmal schlau machen.

Alles was ich zuvor über wp_remote_get() versucht habe extern zu laden, habe ich übrigens dann per @import -Befehl über die typography.css geladen, das funktioniert ohne Probleme!

Das ursprüngliche Problem:
Mein ursprüngliches Problem mit dem Kontakt-Formular-Plugin hatte am Ende wahrscheinlich kaum etwas mit den direkt im Head und Footer eingebauten Styles und Scripts zu tun, denn nachdem ich alles umgebaut und funktionsfähig hatte, hat das Plugin immer noch nicht funktioniert. Des Rätsels Lösung war dann einfach, dass ich das Kontaktformular in einem <form>-Tag verbaut hatte, womit das Plugin nicht zurecht kam. Jetzt wo ich dies in eine <div id="form"> umgebaut und die entsprechende Zuweisung in meiner Css-Datei geändert habe, funktioniert alles wie gewünscht.

FML, I guess. :D

Aber zumindest habe ich durch diesen Fehler einiges im Umgang mit WP dazu gelernt und ich bin euch sehr für die Unterstützung dankbar!

Liebe Grüße und bleibt Gesund!