FSE TwentyTwentyThree: Custom Colors einstellen?

  • Gelöst laluluny

    (@laluluny)


    vor 1 Jahr

    Hallo,
    eigentlich läuft alles super und ich bin mit FSE und Gutenberg wirklich happy – nur eine Frage hätte ich: Wo kann ich die STANDARD-Farben festlegen?

    Die Details: Ich verwende ein TT3 mit einem Child Theme. Gerade habe ich auf WP 6.3 (inkl. TT3-Update!) aktualisiert – und schwupp sind meine individuell angelegten (und auf der Seite verwendeten!) Standard-Farben überschrieben bzw. auf die TT3-Originalfarben zurückgesprungen.

    Zur Erklärung, ich beziehe mich hierauf, wenn ich von den „TT3 (Original-)Standard-Farben“ spreche: (Sorry, an den ersten drei Farben habe ich schon rumgespielt, aber ihr versteht, was ich meine… rosa – rot – orange – sonnengelb usw.)

    Und jetzt die von mir angepassten Standard-Farben, die ich für meine Seite verwende:

    Wo speichert TT3 diese Standard-Farben ab? Meine eigenen, oder auch die von TT3? Ich habe bereits gesucht

    • in den JSON-Dateien von TT3 und auch meinem ChildTheme , aber ich kann die als Standardwerte festgelegten Farben nirgendwo finden.
    • ich habe meine individuellen Stil-Einstellungen per Plugin „Block-Theme erstellen“ als neuen Stil angelegt – meine Standard-Farben tauchen allerdings leider nirgendwo auf – und – 2 mal leider! – kaum klicke ich auf die Stilvarianten, sind „meine Farben“ wieder überschrieben…
    • Just in case: Ich habe auch schon die „Individuellen Farben“ festgelegt (der Bereich unter den Standard-Farben) – aber wenn ich meine Stilvariation dann per Plugin exportiere, stehen sie ebenfalls nirgendwo…

    Irgendwelche Tipps für mich?

    Danke und viele Grüße
    Karin

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr

    Hallo,
    ich erstelle in solchen Fällen einen eigenen Style.
    Bei einigen WordPress-Instanzen habe ich bei Verwendung von Twenty Twenty-Three über den Style und – so weit ich mich erinnere – bei anderen WordPress-Instanzen auch die Farben ohne Wechsel des Styles geändert. Es gibt in der Tat einige kleinere Fehlerchen beim Full Site Editing (FSE), aber bei allen WordPress-Instanzen gab es beim Update auf WordPress 6.3 keinerlei Probleme hinsichtlich der Farben.

    Evtl. hilft dir der folgende Beitrag von mir, der ausführlicher auf Styles, etc. eingeht.

    Solltest du nicht klar kommen, wäre der Website-Bericht hilfreich: Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.

    Viele Grüße
    Hans-Gerd

    Thread-Starter laluluny

    (@laluluny)

    vor 1 Jahr

    Hallo Hans-Gerd,

    Danke für deinen Input – ich werde mir deinen Artikel durchlesen und dann selbst noch einmal weiter probieren. Ich habe heute Nacht darüber nachgedacht, wo wohl diese Standard-Farben abgespeichert sind. Ggf. in der Style.css? Ich werde noch ein bisschen stochern und meine Ergebnisse dann hier publizieren.
    PS: Ich habe gestern mehrere WP-Sites aktualisiert, die ein gestyltes Child-Theme von TT3 verwenden. Bei allen hatte ich das Farben-Problem, manchmal waren auch die individuellen Google-Fonts weg. Aber vielleicht habe ich die Child-Themes alle auf die selbe Weise „falsch“ erstellt? Ich werde mir alles nochmal genau ansehen und weiter testen- ein paar Websites mit TT3-Child-Themes stehen beim Updaten noch aus… 🙂

    Ich werde berichten!

    Viele Grüße
    Karin

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr

    Hallo,
    ich denke, dass die Einstellungen für die Farben in der Datenbank gespeichert sind. Leider kann ich das aber nicht prüfen, weil ich gerade unterwegs bin.
    Wir freuen uns über deine Rückmeldung
    Viele Grüße
    Hans-Gerd

    Moderator Bego Mario Garde

    (@pixolin)

    vor 1 Jahr

    Ich hab mal rasch nachgeschaut:

    • Theme Twenty Twenty-Three aktiviert
    • in Design > Website-Editor > Stile > Bearbeiten (Stift-Icon) > rechte Sidebar: Farben den Hintergrund auf den Wert #ff42ff gesetzt (ich wollte einen leicht zu findenden Farbwert verwenden, auch wenn die Hintergrundfarbe etwas schrill aussieht).

    Ergebnis ist, dass in der Datenbanktabelle wp_posts ein neuer Eintrag mit den Einstellungen des Themes gespeichert wird. Es handelt sich um ein Feld mit serialisierten Daten (mehrere Daten in einem Feld, mit Angaben zur Datenlänge unterteilt). Meine Farbanpassung wird als "color":{"background":"#ff42ff"}} gesichert.

    Exportiere ich nun das geänderte Theme mit Hilfe des Plugins Create Block Theme, wird der Wert als 

    "color": {
    "background": "#ff42ff",
    "text": "var(--wp--preset--color--contrast)"
    },

    in die theme.json geschrieben.

    Thread-Starter laluluny

    (@laluluny)

    vor 1 Jahr

    Hallo @pixolin

    Danke für deinen Test – eine Frage: Welche Farben hast du geändert – eine der 9 Farben im Bereich, der mit „Theme“ überschrieben ist? Bei denen habe ich kein Problem, die werden korrekt in das Child-Theme übernommen und springen auch nicht zurück bei irgendwelchen Updates.

    Das Problem besteht bei den anderen 12 Farben im Bereich darunter, Überschrift lautet „Standard„. Diese Farben sind irgendwo gespeichert, man kann sie ändern, aber diese Änderungen springen (bei mir) immer wieder auf die Ursprungs-Standardwerte zurück…

    Danke und Grüße
    Karin

    Moderator Angelika Reisiger

    (@la-geek)

    vor 1 Jahr

    Hallo @laluluny

    schau mal, ob dich diese beiden Tutorials weiterbringen

    https://fullsiteediting.com/lessons/theme-json-color-options/
    https://fullsiteediting.com/lessons/child-themes/

    Und hier noch ein Thread mit der anscheinend gleichen Problematik
    https://wordpress.org/support/topic/preserving-customizations-theme-updates-help-for-choosing-the-best-option/

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr

    Hallo @laluluny
    evtl. ist es auch hilfreich, wenn du mit dem Plugin Create Block Theme nach Änderung der Farben über die Option „Eine Stil-Variation erstellen“ eine eigene theme.json erstellst.

    Damit sollte bei einem Update des Themes oder von WordPress keine Änderung der Farben mehr erfolgen.

    Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):

    Screenshot Einstellungen

    In dem Fall wird im Ordner ...\wp-content\themes\twentytwentythree\styles eine entsprechend angepasste JSON-Datei erstellt. Meines Erachtens benötigt man bei Twenty Twenty-Three (TT3) kein Child-Theme.

    Ich habe bis dato immer eine eigene Style-Datei über Visual Studio Code (inkl. der Farben) manuell angepasst. Das hat ohne Child Theme funktioniert und beim Update von WordPress und TT3 hat es keinerlei Probleme gegeben.

    Vielleicht ist auch das folgende Video hilfreich: https://learn.wordpress.org/tutorial/introduction-to-theme-json/

    Viele Grüße
    Hans-Gerd

    Thread-Starter laluluny

    (@laluluny)

    vor 1 Jahr

    Also, meine Lieben,

    es hat ein wenig gedauert (das Wetter war einfach zu schön -> andenSeeandenSee…)… heute habe ich mir die Sache nochmal ausführlich angesehen . Und bei Lektüre des von @la-geek verlinkten Artikels (der erste von den beiden) ist mir ein Licht aufgegangen…

    In diesem Artikel steht nämlich:

    WordPress registers colors in its default color palette with CSS custom properties that are available for all themes. This is so the default colors don’t break if the user switches themes, and to make it easier for us to use patterns from the pattern directory.

    The palette is persistent: even if you hide it or add a new color palette, the CSS custom properties for these colors remain.

    https://fullsiteediting.com/lessons/theme-json-color-options/#h-the-default-color-palette

    Mein Fehler war, dass ich meine Custom Colors immer IN DIESE PALETTE eingespeist habe – man kann sie nämlich ebenfalls editieren und die Farbwerte ändern. Aber leider ist die Custom Color Palette eben „persistent“ – und überschreibt im Fall des Falles meine Anpassungen (= das war der „Fehler“, der mich zu diesem Thread inspirierte).

    Ich habe auf der o.g. Seite weiter herumgestöbert und meine persönlichen Custom-Colors jetzt direkt in die theme.json des Child Themes (lieber @hage, ich benutze das von dir erwähnte Plugin zum erstellen von Child-Themes bereits, danke trotzdem für den Hinweis!) einfügt Und anschließend alle Elemente nochmal neu gestyled – statt mit von-mir-modifizierten-Standard-Farben mit den neuen Farben meiner eigenen, neuen Pallette. Ich bin ziemlich sicher, dass die nicht mehr überschrieben wird… 😉

    Anyway, VIELEN DANK für eure Hilfe! All eure Hinweise haben mir echt auf die Sprünge geholfen!!

    Herzliche Grüße
    Karin

    • Diese Antwort wurde geändert vor 1 Jahr von laluluny.
    Moderator Angelika Reisiger

    (@la-geek)

    vor 1 Jahr

    Hallo @laluluny
    ja Work-Life-Balance ist enorm wichtig, das macht du genau richtig (es reimt sich auch schön) 😀

    Vielen Dank für die Rückmeldung und das Setzen des Threads auf gelöst.

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)
  • Das Thema „FSE TwentyTwentyThree: Custom Colors einstellen?“ ist für neue Antworten geschlossen.