Kategorie: WordPress
-
In 10 Schritten zum WordPresd Block-Theme
Vielleicht hast du schon mit dem Gedanken gespielt, eines der neuen Block-Themes für deine Webseite zu nutzen? Mit einem Block-Theme kannst du die neuen WordPress Full Site Editing Features nutzen. So hast du als Nutzer endlich direkten Zugriff auf alle Theme-Dateien und kannst diese direkt in einem visuellen Editor anpassen.…
-
Was sind WordPress Block-Themes?
Block-Themes (auch Full Site Editing Themes oder FSE Themes genannt) sind eine neue Generation von WordPress-Themes, die ausschließlich aus Blöcken aufgebaut sind. Der Vorteil daran ist, dass du als WordPress-Nutzer so alle Bereiche deiner Webseite im WordPress Block-Editor bearbeiten kannst. Diese neuen Möglichkeiten der Themeanzupassung nennen sich Full Site Editing…
-
Die theme.json Datei erklärt
Im ersten Teil meiner Block-Themes Serie habe ich eine erste Einführung ins Thema Block-Themes gegeben. Heute will ich näher auf in die theme.json Datei eingehen, die es seit WordPress 5.8 gibt. Diese scheinbar unscheinbare Datei verändert die Art und Weise wie wir WordPress-Themes aufbauen grundlegend. Die theme.json Datei ist die…
-
Technische Einführung in Block-Themes
Wie ja bereits im letzten Blogbeitrag berichtet, haben wir unser kostenfreies Aino-Theme kürzlich zu einem Full Site Editing Block-Theme umgebaut. Wenn man anfängt mit Block-Themes im WordPress Editor zu arbeiten, wird sehr schnell der Unterschied zu klassischen WordPress-Themes deutlich. Alle Elemente der Webseite, also Header, Footer und alle Seiten-Templates, sind…
-
Unser erstes WordPress-Block-Themes für Full Site Editing
Die letzten Wochen waren wir eifrig damit beschäftigt, unser Aino-Theme zu einem kompletten Full Site Editing Block-Theme umzubauen. Wir haben uns für diesen Schritt entschieden, obwohl etliche der Full Site Editing Features noch in der Entwicklungsphase stecken. Grund dafür war die Veröffentlichung von WordPress 5.8. Dieses Release kann definitiv als…
-
Adobe Fonts im WordPress Block-Editor anzeigen
Für unser neuestes ElmaStudio Redesign haben wir die bei Adobe Fonts zur Verfügung stehenden Schriften Degular und Degular Display verwendet. Die Schriften ins Frontend einzubinden war auch kein Problem. Dazu musste ich lediglich den von Adobe Fonts bereitgestellten Snippet in meinen Header einfügen. Um den Fontsnippet nicht bei einem Themeupdate…