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!