Hallo @wurstpresse und willkommen im Forum,
Child Themes sollen eine Ergänzung zu einem vorhandenen „Eltern“-Theme (oder neudeutsch Parent Theme) sein. In der functions.php des Child Themes wird über eine Funktion wp_enqueue_style() die CSS-Datei (Style Sheet) des Parent Theme eingebunden. Anschließend sollte erst einmal nach Aktivierung des Themes alles so aussehen, wie im Parent Theme, wobei du noch die Einstellungen des Customizer übertragen musst (sehr praktisch: Customizer Export/Import). Eine komplette Anleitung, wie du ein Child Theme erstellst, findest du hier: https://themecoder.de/2016/09/03/ein-wordpress-child-theme-erstellen-schritt-fuer-schritt-anleitung/
Wenn es dir nur um eine Änderung im Style Sheet geht, reicht es, im Customizer unter Zusätzliches CSS eigene Regeln hinzuzufügen. Hier bekommst du sogar Hinweise, wenn du einen Programmierfehler machst.
Willst du eine einzelne Funktion übernehmen, die du vielleicht in irgendeinem Blogbeitrag aufgeschnappt hast, reicht auch häufig das Plugin Code Snippets. Ein Code Snippet hinzuzufügen hat den Vorteil, dass du nicht bei jedem Theme-Update des Parent Themes prüfen musst, was sich geändert hat und ob dein Child Theme davon betroffen ist.
Der Beitrags-Editor erlaubt dir zwar auch die Eingabe von HTML und damit die Einbindung von Inline-Styles (z.B. <span style="color: red; font-family: 'Times New Roman', serif;">Hallo Welt</span>), aber das ist nicht der Sinn eines Content Management Systems. Statt dessen sollst du dir lieber gleich ein Theme aussuchen, dass deinen gestalterischen Wünschen entspricht, damit du dich anschließend ganz auf den Inhalt konzentrieren kannst. Die Verwendung mehrerer Fonts/Farben/Schriftschnitte wirkt sich auch selten positiv auf die Gestaltung aus und wirkt sehr schnell recht unprofessionell.
Inline-Style überschreibt Regeln im Customizer unter Zusätzliches CSS
Zusätzliches CSS überschreibt Regeln im Child Theme und
CSS im Child-Theme überschreibt die Regeln im Parent Theme
(immer davon ausgehend, dass du CSS-Regeln mit den gleichen, spezifischen Selektoren verwendest).
Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.
Danke für deine Antwort.
Das Problem ist ich habe im Editor die Schriften geändert nicht über CSS. Wie kriege ich das jetzt hin das ich die Schriftart mit einem CSS Befehl in allen Beiträgen ändern kann?
Also muss man im Child Theme immer mit CSS arbeiten? Sonst gäbe das Child Theme auch keinen Sinn richtig? Da wenn man es im Editor ändert und dann ein Update kommt alles weg wäre.
Grüße
Das Problem ist ich habe im Editor die Schriften geändert nicht über CSS.
Welchen Editor meinst du? Den Editor im Menü Design, mit dem du Templates ändern kannst oder den Beitragseditor, mit dem du deine Beiträge und Seiten erstellst? In letzterem sollte es eigentlich keine Formatierungs-Funktion geben, um Schriftarten zu ändern – die Auswahl der Schriftart triffst du, wie bereits sehr ausführlich beschrieben, indem du dir ein Theme aussuchst.
Also muss man im Child Theme immer mit CSS arbeiten?
Auch das hatte ich ausführlich beschrieben. Vielleicht magst du nochmal meine Antwort lesen?
Wenn es dir nur um eine Änderung im Style Sheet geht, reicht es, im Customizer unter Zusätzliches CSS eigene Regeln hinzuzufügen.
Da wenn man es im Editor ändert und dann ein Update kommt alles weg wäre.
Das bezieht sich auch Änderungen am Theme selbst, die bei Aktualisierungen überschrieben werden.
Ich meine im Beitragseditor habe ich die Schriftart geändert. Leider nicht per CSS. Wie bekomme ich das nun wieder zurück das die Auswahl über CSS geschieht? 😉
Wie hast du das denn gemacht?
Im Beitragseditor kannst du eigentlich keine Schriftarten ändern (nur Schriftschnitte – also „fett“ oder „kursiv“).
Es sei denn, du hast im Text-Modus Inline-Formatierungen gesetzt, also z.B. <span style="color: red; font-family: 'Times New Roman', serif;">Hallo Welt</span> (siehe oben). Das kannst du dann ja wieder rausnehmen. Oder verwendest du ein bestimmtes Plugin?
Ich habe ein Plug In TinyMCE Advanced
Es wäre sicher hilfreich gewesen, wenn du das gleich geschrieben hättest. Aber – nun gut.
Das Plugin verwendet ausschließlich Systemschriftarten (in der Hoffnung, dass sie auf jedem Computer installiert sind) und aus „Hallo Welt“ wird in der Formatierung „Schriftart: Comic Sans“ das HTML-Tag <span style="font-family: 'comic sans ms', sans-serif;">Hallo Welt</span> – also Inline-Style, wie ich es oben beschrieben hatte. Mit dem Stylesheet des (Child) Themes hat das aber nichts zu tun.
Möchtest du nun die Schriftart für die komplette Website ändern, reicht es, wenn du entsprechende Regeln in Design > Customizer einfügst – etwa * { font-family: 'comic sans ms', cursive; }. Allerdings kann es sein, dass dein Theme diverse Font-Formatierungen verwendet, die du dann auch noch im Einzelnen überschreiben musst.
Wahrscheinlich ist es besser, wenn du statt dessen ein Plugin wie Easy Google Fonts verwendest, um mehr Flexibilität bei der Auswahl der Schriftarten zu haben.
