theme.json: Globale Blöcke wie Buttons bei Block Themes gestalten

Globale Einstellungen von Blöcken bei Block Themes können über die theme.json vorgenommen werden. Man kann z. B. die Schriftgröße, Farben, Innen- und Außenabstände, aber auch die Pseudoklasse hover bei bestimmten Blöcken wie z. B. dem Button-Block einstellen. Diese Einstellungen gelten dann für die komplette Website. Spezielle Anpassungen sind allerdings nur über CSS realisierbar.

https://haurand.com/theme-json-globale-bloecke-wie-buttons-bei-block-themes-gestalten/

#FSE #Theme #themeJson #WordPress

Entdecke die Bedeutung der theme.json Datei in deinen WordPress-Themes. 🎨📂 Konfiguration für Full Site Editing. Mehr auf bloggerpilot.com! 🌐

#WordPress #WebDesign #ThemeJSON
https://bloggerpilot.com/theme-json/

WordPress-Themes theme.json Datei

Entdecke die Bedeutung und Funktion der theme.json Datei in WordPress-Themes. Konfigurationsdatei für Full Site Editing.

BloggerPilot

How to programmatically get info from theme.json
WordPress block themes have come a long way in just a short amount of time. It's made for much easier in-site editing without need for programming. However, in some instances information might be needed for more advanced coding. Here's a quick way to get info from your theme.json file.

A new fun
https://sharononthe.net/2024/11/04/how-to-programmatically-get-info-from-theme-json/
#WordPress #BlockTheme #CustomCode #php #themejson #Themes

How to programmatically get info from theme.json

WordPress block themes have come a long way in just a short amount of time. It’s made for much easier in-site editing without need for programming. However, in some instances information might be needed for more advanced coding. Here’s a quick way to get info from your theme.json file. A new function introduced in version […]

Sharon on the Net
I work a lot (actually almost exclusively) with block themes like Twenty Twenty-Four. This great course by Fränk Klein shows what possibilities you have with theme.json. I also learned a few things that I didn't know yet. Absolutely recommendable.
https://wpdevelopment.courses/lp/theme-json-explained/
#wordpress #blocktheme #themejson
Free Theme.json Course

Learn how you can use the power of theme.json in your themes.

WP Development Courses

Entdecke die Wichtigkeit der theme.json Datei in WordPress-Themes. 🎨📂 Einstellungen für Full Site Editing. Mehr auf meinem Blog! 🌐

#WordPress #WebDesign #ThemeJSON
https://bloggerpilot.com/theme-json/

WordPress-Themes theme.json Datei

Entdecke die Bedeutung und Funktion der theme.json Datei in WordPress-Themes. Konfigurationsdatei für Full Site Editing.

BloggerPilot
Beim Testen des neuen Standardthemes Twenty Twenty-Four (TT4) ist mir aufgefallen, dass ich wesentlich mehr Einstellumgsmöglichkeiten bei den Blöcken als bei einem klassischen Theme wie z. B. GeneratePress habe. Warum ist das so? - Dazu mein neuer Beitrag:
https://haurand.com/generatepress-und-theme-json-mehr-einstellungsmoeglichkeiten-bei-den-bloecken/
#wordpress #wordpress65 #generatepress #twentytwentyfour #themejson
GeneratePress und theme.json: Mehr Einstellungsmöglichkeiten bei den Blöcken

Beim Testen des neuen Standardthemes Twenty Twenty-Four (TT4) ist mir aufgefallen, dass ich wesentlich mehr Einstellmöglichkeiten bei den Blöcken als bei einem klassischen Theme wie z. B. GeneratePress habe. Warum ist das so und gibt es eine Lösung in WordPress 6.5? - Relativ schnell war mir klar, dass ein Zusammenhang mit der theme.json besteht, die bei Twenty Twenty-Four (TT4) schon "mitgeliefert" wird. Aber man kann diese Optionen auch jetzt schon in klassischen Themes nutzen.

WordPress-Webdesign
Beim Testen der kommenden WordPress 6.3 im Zusammenhang mit neuen Projekten sind mir einige Dinge bei Verwendung der theme.json bzw. Stile (Global Style) aufgefallen, die teilweise auch noch nicht so ganz „rund“ laufen oder ggfs. schwer zu finden sind.
https://haurand.com/wordpress-6-3-tipps-global-styles-theme-json-und-backend-templates/
#wordpress #wordpress63 #twentytwentythree #blockthemes #themejson
WordPress 6.3: Tipps zu Global Styles, theme.json und Backendfarben bei Templates

Nachdem ich bereits in einem vorherigen Beitrag Möglichkeiten zu Breakpoints, oberen Rand, quadratische Beitragsbilder beim aktuellen Standardtheme Twenty Twenty-Three (Block Theme) beschrieben habe, kommen jetzt weitere Tipps. Beim Testen der kommenden WordPress 6.3 im Zusammenhang mit neuen Projekten sind mir einige Dinge bei Verwendung der theme.json bzw. Stile (Global Style) aufgefallen, die teilweise auch noch nicht so ganz "rund" laufen oder ggfs. schwer zu finden sind.

WordPress-Webdesign
Es gibt auch bei WordPress 6.3 nach wie vor das Problem, dass Änderungen in der theme.json bei einem Style nicht richtig ausgeführt werden. Man muss dann erst mal den Website-Editor verlassen, wieder reingehen, evtl. noch einen anderen Style wählen (aber Vorsicht: dabei wird zusätzliches CSS gelöscht - daher vorher sichern). Einen Issue hatte ich bereits bei WordPress 6.2 gemeldet.
#wordpress63 #themejson
Sehr empfehlenswerter Beitrag, wenn man sich intensiver mit Block Themes und theme.json auseinandersetzen möchte:
A Comprehensive Guide to Building WordPress Block Themes
https://gutenbergmarket.com/news/a-comprehensive-guide-to-building-wordpress-block-themes
#wordpress #blockthemes #themejson
A Comprehensive Guide to Building WordPress Block Themes

If you want to learn how to build production-ready WordPress Block Themes for yourself or for your clients, this guide is for you.

Gutenberg Market

Why does WordPress blocks use margin-block-start for vertical spacing instead of using margin-block-end?

Why, WHY?

Who wants a gap between a heading and the following paragraph?

I prefer to use theme.json as much as possible ...

#WordPress #wpThemes #themeJson