Beiträge von Skribinto

Skribinto

n der functions.php des Eltern-Themes wurden CCS auf kuriose Weise später geladen als die CSS des Kinder-Themes. Folgende Anpassung der functions.php des Kinder-Themes brachte die Lösung:

PHP

<?php


/* Einbinden der CSS*/
function barletta_child_styles() {
wp_deregister_style('barletta-style');
wp_deregister_style('bootstrap');
wp_deregister_style('font-awesome');


wp_register_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css');
wp_register_style('font-awesome', get_template_directory_uri().'/css/font-awesome.min.css');
wp_register_style('barletta-style', get_template_directory_uri(). '/style.css');


wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css' );
wp_enqueue_style( 'font-awesome', get_template_directory_uri().'/css/font-awesome.min.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); 


?>

Alles anzeigen

[size=14]Tausend Dank für die Hilfe!:D[/SIZE]

Skribinto

Ich bin meinem Problem nun schon ein wenig mehr auf die Schliche gekommen. Das Theme, das ich als Parent auserkoren habe, hat neben der style.css eine bootstrap.min.css, die sich läd, nachdem die Child-Theme style.css geladen ist. Das zerschoss dann immer alles. Wenn ich im Parent diese Datei lösche/deaktiviere, dann sieht mein Theme so aus, wie ich es erwarte.

Nun noch eine Frage, wie kann ich einstellen, in welcher Reihenfolge die css-Dateien geladen werden?
In der functions.php hatte ich es so versucht, funktionierte aber nicht:

PHP

<?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_register_style('barletta-style', get_template_directory_uri(). '/css/bootstrap.min.css'); /* <-- */
/* --> */    wp_enqueue_style('barletta-style', get_template_directory_uri(). '/css/bootstrap.min.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); 


?>

Alles anzeigen

Skribinto

Vielen Dank! Wenn ich das Plugin wieder löschen kann, ist es wirklich interessant. Ich wollte möglichst Ballast auf der Seite verhindern. Ich probiere es mal aus und berichte.

Zitat von SEpp55

[size=10]Den Schatten könntest du voererst auch wieder auskommentieren....[/SIZE] ;)

Ja, der ist noch gar nicht schön :p

Skribinto

Ein verzweifeltes Hallo!:confused:
Die Plugineinbindung hat geklappt. Alle Dateien werden gefunden... aber die Seite sieht immer noch so aus, wie vorher.

Zitat von SEpp55

Ich habe auf mein Test-WP dein Theme geladen und das Plugin mit den von dir angegebenen Schriften erweitert. Alle versuchten Änderungen deiner Schriften sind sofort gelungen.

Hast du direkt im Parent-Theme die Änderungen vorgenommen?

Vielleicht steckt der Fehler nicht in der Font-Einbindung sondern irgendwo davor? Habe ich etwas in der Child-Einbindung falsch gemacht? Steckt der Fehler in der functions.php? Ich würde so gerne die Wordpressseite von der Pike auf aufbauen und auf Plugins weitestgehend verzichten...

Kann mir mal jemand einen Tipp geben, wie ich heraus finde, wann welche CCS-Properties überschrieben oder ignoriert werden und warum?

Skribinto

Danke für den Tipp: ich werde die Plugin-Lösung für die Schriftarten mal versuchen.

Wie finde ich jetzt noch heraus, woran die Child-Einbindung scheitet?

Skribinto

Mal zusammenfassen, was ich bereits gelent habe:

Nicht zu müde arbeiten...
Schau genau!
Kein Husch-Husch

Also die 404er Fehler kamen daher, dass ich die Fonts aus dem Parent-Theme in den Unterordner kopiert hatte - nicht die des Child-Themes. Die Verweise auf die Fonts im Child-Theme führen aber auf den Unterordner. Dort sind nun auch endlich die Fonts des Child-Themes. Aber: Immer noch nichts zu sehen...

Das Dev-Tool zeigt nun folgendes:

Die style.css des Childs und des Parents werden offensichtlich geladen.
Das Dev-Tool zeigt im Bereich Network keine Fehler an.
Unter Elements/Styles gibt es zwei Body{} Anweisungen:
- body {
  [LIST=1]
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
- font-size: 14px;
- line-height: 1.42857143;
- color: #333;
- background-color: #fff;
  [/LIST]
  }
  bootstrap.min.css?ver=4.9.7:5
  body {
  [LIST=1]
- margin: 0;
  [/LIST]
  }
  style.css?ver=4.9.7:36
  body {
  [LIST=1]
- font-family: Kurale; //Durchgestrichen
- color: #87684a; //Duchgestrichen
- background-color: #ededc4; //Durchgestrichen
- background-image: url(http://www.web108.s83.goserver.host/wp-content/uploads/2018/07/Hintergrund_weiss.png);
- background-repeat: no-repeat;
  [/LIST]
  }
  style.css?ver=4.9.7:22
  body {
  [LIST=1]
- font-family: "Raleway", Sans-serif; //Durchgestrichen
- -webkit-font-smoothing: antialiased;
- Code
```
background-color: #f6f6f6; //Durchgestrichen
[/LIST]
}
```

Ich habe immer noch keine Ahnung was ich falsch mache...

Skribinto

So, nun habe ich noch einmal die Konsole überprüft. Alles was geladen wurde hat den Status 200 OK. Aber die Schriftarten Kurale und Tangerine werden gar nicht geladen. Aber, ich habe mir den Thread noch einmal duchgelesen undmit Filezilla überprüft, ob das Verzeichnis mit den Schriftarten an der richtigen Stelle ist - war es nicht :( Ich hatte mich auch täuschen lassen, dass Kurale richtig angezeigt wurde - die Schriftart auch auf dem Rechner, auf dem ich arbeite, installiert (Tangerine übrigens auch). Naja, kurze Rede: Die Fonts müssten nun richtig liegen, die Schriftart Tangerine wird immer noch nicht angezeigt. Offensichtlich stimmt etwas mit dem Einbinden nicht...

Edit: Wartet mal, ich habe die Schriftarten blind kopiert. Die wurden offensichtlich umbenannt... ich melde mich, wenn ich das geprüft habe.

Skribinto

Danke, den Thread hatte ich auch gesehen. Aber ich habe im De--Tool nur den Code 200 (OK) gefunden. Siehst du da etwas anderes?

Skribinto

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

<?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); 


?>

Alles anzeigen

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:

Code

/*
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 }

Alles anzeigen

Ich würde mich über ein paar Hinweise freuen, die mich auf meiner Wordpress-Reise weiter bringen.

Lieben Dank!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von Skribinto

Parent-CSS und Font in Child läd nicht

Parent-CSS und Font in Child läd nicht

Parent-CSS und Font in Child läd nicht

Parent-CSS und Font in Child läd nicht

Parent-CSS und Font in Child läd nicht

Parent-CSS und Font in Child läd nicht

Parent-CSS und Font in Child läd nicht

Parent-CSS und Font in Child läd nicht

Parent-CSS und Font in Child läd nicht