WinFuture-Forum.de: WordPress & Gutenberg: - Wie Starten in die Block-Ära - WinFuture-Forum.de

Zum Inhalt wechseln

Regeln für das News-Forum

Bitte beachte beim Zitieren und Übersetzen von Inhalten folgende Punkte, um das Urheberrecht einzuhalten:

  • Zitate nur in zulässigem Umfang verwenden – Zitate sind nur für Erläuterungen, Kritik oder Berichterstattung erlaubt.
  • Keine Sinnveränderung – Der zitierte Text darf nicht verfälscht werden.
  • Verhältnismäßige Länge – Zitiere nur so viel, wie absolut notwendig ist.
  • Zitate immer klar kennzeichnen – Zitate müssen in den eigenen Beitrag eingebettet sein ("Zitat einfügen").
  • Übersetzungen fremder Werke – Übersetzungen geschützter Texte sind nur erlaubt, wenn die Übersetzung eindeutig als solche gekennzeichnet und die Originalquelle genannt wird.

Die Sprache dieses News-Forums ist deutsch. Wer in einer anderen Sprache eine News posten möchte, sollte sich ein Forum suchen, in dem die gewünschte Sprache gesprochen wird.
Verstöße führen zur Löschung des Beitrags.
Beiträge in diesem Forum erhöhen euren Beitragszähler nicht.
Seite 1 von 1

WordPress & Gutenberg: - Wie Starten in die Block-Ära Orientierungen und Wege, sich in Gutenberg zurecht zu finden


#1 Mitglied ist offline   d-hubs 

  • Gruppe: aktive Mitglieder
  • Beiträge: 585
  • Beigetreten: 15. Dezember 21
  • Reputation: 3
  • Geschlecht:unbekannt

geschrieben 16. August 2026 - 13:18

WordPress & Gutenberg: - Wie Starten in die Block-Ära – ohne PHP aber mit ganz vielen Möglichkeiten 🎯:: Hier einige Schritte die den Weg zeigen - von der WordPress-Installation bis zum eigenen Theme: 🏵️ Orientierungen und Wege, sich in Gutenberg zurecht zu finden::


guten Tag und hallo zusammen liebe Freunde auf dem WinFuture-Forum!👋

...In den letzten Wochen hat sich bei WordPress einiges getan; mittlerweile ist die Version 7.0.4 draußen. Wer sich bisher eher klassisch mit Themes und Page-Buildern ausgekannt hat, steht jetzt oft vor der Frage: Wie funktioniert das Ganze mit Gutenberg und Full Site Editing (FSE)?

Dieser Beitrag richtet sich an alle, die neugierig sind – ganz egal ob ihr gerade eure allererste Website baut oder schon länger dabei seid und umsteigen möchtet. Hier eine kleine Orientierungshilfe zusammengestellt – mit Links, Videos und einer klaren Aufteilung für den schnellen Einstieg.

🎯 1. Was ist Gutenberg überhaupt? (für Novizen):
Gutenberg ist der Block-Editor von WordPress. Statt einem großen Textfeld kannst du jetzt Inhalte aus einzelnen Bausteinen („Blocks“) zusammensetzen:

- Text, Bilder, Überschriften, Buttons, Spalten, Listen, Videos … alles wird zum Block.

Das Tolle: ihr braucht kein PHP oder HTML – aber wenn ihr es könnt, habt ihr aufs Ganze gesehen noch mehr Freiheit.


🔗 die Offizielle Gutenberg-Seite https://wordpress.org/gutenberg/

🧩 2. Kernkonzepte – was man kennen sollte (und hilfreich ist - für beide: für Ein- und Umsteiger)
- Blocks – das sind die Bausteine (z. B. Paragraph, Bild, Galerie).
- theme.json – eine zentrale Datei, in der man Farben, Schriftarten und Abstände global festlegst.
- Templates – HTML-Dateien im Ordner `templates/` (z. B. `index.html`, `single.html`), die den Aufbau der Seiten bestimmen.
- Patterns – vorgefertigte Block-Gruppen, die man mit einem Klick einfügen – perfekt für schöne Layouts ohne Eigenbau.


## ✅ 3. Vorteile gegenüber klassischen Themes
- Kein PHP nötig – alles läuft über HTML/JSON und den visuellen Editor.
- Globale Styles – ändere Schrift oder Farben einmal und es gilt für die ganze Seite.
- Weniger externe Page-Builder – vieles ist schon integriert und oft performanter.


## 🧭 4. Das Ziel entscheidet den Weg
Bevor ihr loslegt, fragt euch
- Möchte ich ein eigenes Block-Theme von Grund auf bauen? (dann brauchst du Grundwissen in HTML/CSS)
- Oder möchte ich ein bestehendes Block-Theme im Site-Editor anpassen? (das ist der einfachere Einstieg)


## 📹 5. Erste Schritte – Videos & Tutorials
Für alle, die lieber schauen als lesen: zwei wertvolle Clips die sehr viel zeigen.

- Full Site Editing für Anfänger (englisch) – YouTube-Link



- Gutenberg Editor Tutorial auf Deutsch – YouTube-Link


(Inhalt: Seiten & Beiträge flexibel erstellen + Bonus-Tricks)

## 🧠 6. Für Tüftler: Eigene Blocks entwickeln
Wenn ihr schon etwas Erfahrung habt und eigene Blocks bauen möchtet, ist dieses Tutorial ein guter Start:
🔗 Raidboxes – Gutenberg für Entwickler https://raidboxes.io...rdpress-blocks/


## 🌍 7. Warum Gutenberg? – Ein Blick hinter die Kulissen
- Community-getrieben – Menschen aus aller Welt arbeiten täglich daran.
- Open Source auf GitHub – mit REST API, JavaScript und React.
- Barrierefreiheit wird von Anfang an mitgedacht.
- kompatibel – alte Inhalte funktionieren weiter, aber Neues wird blockbasiert empfohlen.

## 🪜 8. Ganz von vorne: WordPress installieren
Falls ihr noch ganz am Anfang stehst – hier lernt ihr, wie WordPress installiert wird:
🔗 [Learn WordPress – Installation] https://learn.wordpr...tall-wordpress/


## 💬 9. Eure Fragen, Meinungen, Erfahrungen
- Seid ihr schon mit Gutenberg unterwegs?
- Welches Theme nutzt ihr?
- Was war euer größter Stolperstein beim Einstieg in die Gutenberg - Welt?

## 📌 10. Zusammenfassung & nächste Schritte
Gutenberg ist nicht nur ein Editor, sondern eine neue Art, WordPress zu denken. Besonders mit Full Site Editing werden Themes flexibler, zugänglicher und zukunftssicherer.

Mein Tipp:
1. Installiert ein Block-Theme (z. B. „Twenty Twenty-Four“).
2. Spielt im Site-Editor herum.
3. Wenn ihr dann sicherer seid, könnt ihr auch locker eigene Templates oder Patterns bauen.


Euch allen hier noch einen schönen Sonntag - viele Grüße :)
Elektronik & IT-Fan - Raspi, Arduino - u. die neue Knowledge-Base: https://affine.pro :: WordPress Ressourcen :: Entwicklung: https://make.wordpress.org/core/ ::

Anzeige



Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0