WordPress & Gutenberg: Wie Starten in die Block-Ära – ohne PHP, aber mit ganz vielen Möglichkeiten

  • 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 OpenSuse-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

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.



    - Gutenberg Editor Tutorial auf Deutsch – YouTube-Link

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.


    (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/en/blog/w…tenberg-wordpress-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.wordpress.org/tu…how-to-install-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 auf dem OpenSuse-Forum noch einen schönen Sonntag - viele Grüße :) :S

    Für den Inhalt des Beitrages 328666 haftet ausdrücklich der jeweilige Autor: andalusia