Liebe Wordpress-Gemeinde,
meine zweite selbstgehostete Wordpressseite möchte ich nun ein bisschen "professioneller" gestalten und habe mich daher für die Gestaltung eines Child-Themes entschieden. Aber ich verzweifle langsam an der Einbindung der style.css des Parent-Themes. Das Chrome dev-tool zeigt an, dass die Child und Parent stylesheet in der richtigen Reihenfolge geladen werden. Dennoch erscheint die Seite ganz anders, als ich das Parent-Theme Barletta erwartet habe (und ich glaube auch anders, als wenn gar kein Theme geladen wäre).
Eingebunden habe ich das Childtheme in der functions.php folgendermaßen:
<?php
/* Einbinden der CSS*/
function barletta_child_styles() {
wp_deregister_style('barletta-style');
wp_register_style('barletta-style', get_template_directory_uri(). '/style.css');
wp_enqueue_style('barletta-style', get_template_directory_uri(). '/style.css');
wp_enqueue_style('barlettachild-style', get_stylesheet_directory_uri().'/style.css', array('barletta-style') );
}
add_action( 'wp_enqueue_scripts','barletta_child_styles' );
/* Google Fonts aus dem Parent-Theme ausreihen */
function barletta_dequeue_styles() {
wp_dequeue_style( 'google-fonts' );}
add_action('wp_print_styles', 'barletta_dequeue_styles', 100);
?>Und dann habe ich noch ein "Phänomen": Die Schriftart Tangerine, die ich über Google Webfonts Helper selbst hoste, wird nicht dargestellt. Das Gleiche habe ich mit der Schriftart Kurale gemacht - funktioniert. Seltsam ist aber auch, dass ich testweise die H1 mit einem Schatten versehen habe, dies aber auch auf die Absätze (p) druchschlägt. Und die Klasse "flyin" wird ganz ignoriert. Ist es sinnvoll die style.css aus dem Parent-Theme zu kopieren und vollständig anzupassen (also alles was gleich bleiben soll löschen und alles andere anpassen)?
Hier ist auch noch meine Child style.css:
/*
Theme Name: Barletta-Childtheme für SimoneRoedder.de
Description: Ein schönes Childtheme
Author: Marcel Rödder
Author URI: #
Template: barletta
Version: 1.0
Tags:
*/
/****************************************
*** Fonts ******************************/
/* kurale-regular - latin-ext_latin */
@font-face { font-family: 'Kurale'; font-style: normal; font-weight: 400; src: url('../fonts/kurale-v3-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Kurale Regular'), local('Kurale-Regular'), url('../fonts/kurale-v3-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/kurale-v3-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/kurale-v3-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/kurale-v3-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/kurale-v3-latin-ext_latin-regular.svg#Kurale') format('svg'); /* Legacy iOS */ }
/* kurale-regular - latin-ext_latin */
@font-face {font-family: 'Kurale'; font-style: normal; font-weight: 400; src: url('../fonts/kurale-v3-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Kurale Regular'), local('Kurale-Regular'), url('../fonts/kurale-v3-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/kurale-v3-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/kurale-v3-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/kurale-v3-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/kurale-v3-latin-ext_latin-regular.svg#Kurale') format('svg'); /* Legacy iOS */
}
/* tangerine-regular - latin */
@font-face {font-family: 'Tangerine'; font-style: normal; font-weight: 400; src: url('../fonts/tangerine-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Tangerine Regular'), local('Tangerine-Regular'), url('../fonts/tangerine-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/tangerine-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/tangerine-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/tangerine-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/tangerine-v9-latin-regular.svg#Tangerine') format('svg'); /* Legacy iOS */
}
/* tangerine-700 - latin */
@font-face {
font-family: 'Tangerine';
font-style: normal;
font-weight: 700;
src: url('../fonts/tangerine-v9-latin-700.eot');
src: local('Tangerine Bold'), local('Tangerine-Bold'), url('../fonts/tangerine-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/tangerine-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/tangerine-v9-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/tangerine-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/tangerine-v9-latin-700.svg#Tangerine') format('svg'); /* Legacy iOS */
}
/*** Global **********************************
**********************************************/
body{ font-family: Kurale;
color: #87684a;}
p{ font-family: Kurale;
color: #87684a;}
h1{font-family: Tangerine;
font-weight: 700;
color: #876a4a;
text-shadow: 2px 2px 5px black;}
/* Test*/
div.flyin{ text-shadow: 2px 2px 5px black;
color:blue;
}
/*** Footer ***/
div.footer-bottom { color: #ededc4 }Ich würde mich über ein paar Hinweise freuen, die mich auf meiner Wordpress-Reise weiter bringen.
Lieben Dank!
