3.2. Professionelles Arbeiten mit „Gutenberg“

Videobeschreibung

Dieses Video zeigt Ihnen, wie Sie Inhaltsseiten mit dem Gutenberg-Editor anlegen können. „Gutenberg“ ist der Standardeditor von WordPress. Mit dessen Hilfe Sie komplexe Layouts umsetzen – ganz ohne Programmierkenntnisse.

3.2.1. Eine Wireframe umsetzen

Im Video „Inhalte planen & strukturieren mit Wireframe“ haben wir Ihnen gezeigt, dass es sinnvoll ist, eine neue Seite strukturiert und planvoll für die Website aufzubauen. Zunächst haben wir eine grobe Skizze erstellt, ein sogenanntes Wireframe. Dieses Wireframe setzen wir nun mit Gutenberg um.

Sobald Sie eine Seite zum Bearbeiten aufgerufen haben, lassen sich auf unterschiedlichen Wegen einzelne Blöcke anlegen. Hierzu können Sie aus verschiedenen Widgets wählen. Für viele Anwendungsfälle gibt es sinnvolle Widgets für die optimale Darstellung. Mit Hilfe der Suche lassen sich geeignete Widgets schnell finden.

Anhand des Wireframes können Sie das entworfene Layout dann Stück für Stück „nachbauen“, so dass eine übersichtliche Seite mit strukturiertem Inhalt entsteht.

3.2.2 Interessante Blöcke

Widgets finden wir an vielen verschiedenen Stellen einer Website. Ein paar wichtigste Widgets für Sie sind:

  • Ansprechpartner – für viele Bereich gibt es verschiedenen Ansprechpartner. Mit diesem Widget zeigen Sie den Besuchern direkt, an wenn sie sich im konkreten Fall wenden sollen.
  • Infobox – diese eignet sich perfekt, um Bilder und Videos einzubinden. Für diese Tutorial-Seite haben wir viele der Infoboxen benutzt.
  • Iconbox – Icons erwecken die Aufmerksamkeit, schaffen Übersicht und sind meist selbsterklärend, auch ohne Text
  • HTML – hin und wieder muss man puren Quelltext eingeben. Dieses Widget eignet sich dafür hervorragend, es vervollständigt eigenständig ihre Eingaben.

3.2.3 Die Gutenberg-Fibel

Das Arbeiten mit Gutenberg wird einfacher, je mehr Sie damit arbeiten –

Übung macht den Meister!

Probieren Sie einfach mal ein bisschen aus, Sie werden merken, dass es gar nicht so schwer ist, mit WordPress und insbesondere mit Gutenberg zu arbeiten. Haben Sie Fragen dazu? Selbstverständlich sind wir für Sie da und helfen Ihnen weiter. Schicken Sie dazu einfach eine E-Mail an Branko Čanak.

Sie können aber auch z.B. auf der Seite https://gutenberg-fibel.de schauen. Dort finden Sie eine komplette Dokumentation in Form von Videos und Anleitungen. Hier finden Sie bestimmt die Antwort auf Ihre Frage.

Branko Čanak
Noch Fragen?
Rufen Sie mich an oder schreiben Sie mir eine Mail.
Zusammen finden wir schnell und unkompliziert eine passende Lösung!
Branko Čanak
Beratung & Vertrieb
phone-alt 05251 68112-19
Nach oben scrollen