Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Strukturierung Einer Einfachen Seite | Grundlagen Verstehen
Codefreie Website-Erstellung mit WordPress

bookStrukturierung Einer Einfachen Seite

Das folgende Kapitel beschreibt den Prozess zur Strukturierung einer einfachen Seite in WordPress.

Eine gut strukturierte Seite erleichtert es Besuchern, die gewünschten Informationen zu finden. Durch die Verwendung verschiedener Blöcke lässt sich ein übersichtliches Layout mit Texten, Bildern, Schaltflächen und weiteren Elementen erstellen.

Planung des Seitenlayouts

Vor dem Hinzufügen von Inhalten empfiehlt es sich, das Ziel der Seite zu definieren.

Eine Startseite enthält beispielsweise:

  • Eine Überschrift, die Aufmerksamkeit erregt;
  • Eine kurze Einführung zur Website oder zum Unternehmen;
  • Eine Call-to-Action-Schaltfläche (z. B. "Jetzt starten" oder "Kontakt aufnehmen").

Eine Kontaktseite kann enthalten:

  • Eine kurze Nachricht mit Hinweisen zur Kontaktaufnahme;
  • Ein Kontaktformular für Nachrichten von Besuchern;
  • Einen Google Maps-Block zur Anzeige des Standorts.

Die Planung der Seitenstruktur hilft bei der Auswahl der zu verwendenden Blöcke und deren Anordnung.

Seite mit Blöcken erstellen
expand arrow

Für eine gut strukturierte Seite werden verschiedene Blocktypen verwendet:

  • Überschriften-Block: fügt Abschnittstitel zur Gliederung des Inhalts hinzu;
  • Absatz-Block: fügt Fließtext für Beschreibungen oder Details hinzu;
  • Bild-Block: zeigt Fotos oder Grafiken an;
  • Schaltflächen-Block: erstellt anklickbare Schaltflächen für Aktionen;
  • Spalten-Block: teilt Inhalte in nebeneinander stehende Bereiche auf.

Jeder Block kann mit Farben, Schriftarten und Abständen individuell gestaltet werden, um die Seite optisch ansprechend zu machen.

Inhalte formatieren und anpassen
expand arrow

Nach dem Hinzufügen von Blöcken können diese angepasst werden, um Lesbarkeit und Design zu verbessern:

  • Blöcke verschieben, indem sie an andere Positionen gezogen werden;
  • Fettgedruckte Überschriften verwenden, um Abschnitte hervorzuheben;
  • Abstände und Trennlinien hinzufügen, um ein klares Layout zu schaffen;
  • Bilder und Text ausrichten, um das visuelle Gleichgewicht der Seite zu optimieren.
Seite in der Vorschau anzeigen
expand arrow

Vor der Veröffentlichung empfiehlt es sich, die Seite in der Vorschau anzuzeigen, um das Ergebnis zu überprüfen.

Dazu:

  1. Auf die Vorschau-Schaltfläche oben im Block-Editor klicken;
  2. Vorschau in neuem Tab auswählen, um die Seite aus Besuchersicht zu sehen.

Falls Anpassungen nötig sind, können Änderungen vor der Veröffentlichung vorgenommen werden.

question mark

Welchen Block würden Sie verwenden, um einen Abschnittstitel auf Ihrer Seite zu erstellen?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 4

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 3.45

bookStrukturierung Einer Einfachen Seite

Swipe um das Menü anzuzeigen

Das folgende Kapitel beschreibt den Prozess zur Strukturierung einer einfachen Seite in WordPress.

Eine gut strukturierte Seite erleichtert es Besuchern, die gewünschten Informationen zu finden. Durch die Verwendung verschiedener Blöcke lässt sich ein übersichtliches Layout mit Texten, Bildern, Schaltflächen und weiteren Elementen erstellen.

Planung des Seitenlayouts

Vor dem Hinzufügen von Inhalten empfiehlt es sich, das Ziel der Seite zu definieren.

Eine Startseite enthält beispielsweise:

  • Eine Überschrift, die Aufmerksamkeit erregt;
  • Eine kurze Einführung zur Website oder zum Unternehmen;
  • Eine Call-to-Action-Schaltfläche (z. B. "Jetzt starten" oder "Kontakt aufnehmen").

Eine Kontaktseite kann enthalten:

  • Eine kurze Nachricht mit Hinweisen zur Kontaktaufnahme;
  • Ein Kontaktformular für Nachrichten von Besuchern;
  • Einen Google Maps-Block zur Anzeige des Standorts.

Die Planung der Seitenstruktur hilft bei der Auswahl der zu verwendenden Blöcke und deren Anordnung.

Seite mit Blöcken erstellen
expand arrow

Für eine gut strukturierte Seite werden verschiedene Blocktypen verwendet:

  • Überschriften-Block: fügt Abschnittstitel zur Gliederung des Inhalts hinzu;
  • Absatz-Block: fügt Fließtext für Beschreibungen oder Details hinzu;
  • Bild-Block: zeigt Fotos oder Grafiken an;
  • Schaltflächen-Block: erstellt anklickbare Schaltflächen für Aktionen;
  • Spalten-Block: teilt Inhalte in nebeneinander stehende Bereiche auf.

Jeder Block kann mit Farben, Schriftarten und Abständen individuell gestaltet werden, um die Seite optisch ansprechend zu machen.

Inhalte formatieren und anpassen
expand arrow

Nach dem Hinzufügen von Blöcken können diese angepasst werden, um Lesbarkeit und Design zu verbessern:

  • Blöcke verschieben, indem sie an andere Positionen gezogen werden;
  • Fettgedruckte Überschriften verwenden, um Abschnitte hervorzuheben;
  • Abstände und Trennlinien hinzufügen, um ein klares Layout zu schaffen;
  • Bilder und Text ausrichten, um das visuelle Gleichgewicht der Seite zu optimieren.
Seite in der Vorschau anzeigen
expand arrow

Vor der Veröffentlichung empfiehlt es sich, die Seite in der Vorschau anzuzeigen, um das Ergebnis zu überprüfen.

Dazu:

  1. Auf die Vorschau-Schaltfläche oben im Block-Editor klicken;
  2. Vorschau in neuem Tab auswählen, um die Seite aus Besuchersicht zu sehen.

Falls Anpassungen nötig sind, können Änderungen vor der Veröffentlichung vorgenommen werden.

question mark

Welchen Block würden Sie verwenden, um einen Abschnittstitel auf Ihrer Seite zu erstellen?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 4
some-alt