Wie man eine statische Homepage auf einer WordPress Website erstellt

Als das erste, was die meisten Besucher *innen sehen, ist deine Homepage eine der wichtigsten Seiten auf deiner Website. Wenn deine WordPress Homepage nicht so aussieht, wie du denkst, dass sie aussehen sollte – z. B. passend zum Stil deiner Marke und zu den Vorlieben deines Publikums oder wenn sie den Inhalt nicht richtig anzeigt (oder den richtigen Inhalt), ist es Zeit für eine Auffrischung. Letztendlich muss deine Homepage die Botschaft vermitteln, die du beabsichtigst, andernfalls ist es sinnlos, überhaupt einen Internetauftritt zu haben, geschweige denn den Rest deiner Website zu gestalten.

Die Erstellung oder Überarbeitung deiner Homepage mag wie ein Job für einen professionellen Designer*in klingen. Aber auch wenn du diese Aufgabe lieber jemand anderem überlässt, kannst du sie durchaus selbst in die Hand nehmen, wenn du das möchtest. Wir zeigen dir genau wie (und warum).

WordPress: Homepage auf statisch setzen

In der Standardeinstellung von WordPress werden die neuesten Blogbeiträge auf der Startseite angezeigt. Das bedeutet, dass sich deine Homepage immer ändert, wenn du neue Inhalte veröffentlichst. Das bedeutet auch, dass, wenn du eine Ausfallzeit im Blog hast und keine Chance hast, etwas Neues zu veröffentlichen, die Homepage stagniert, komplett mit einem alten Blogbeitrag (und seinem Veröffentlichungsdatum) ganz oben, damit jeder ihn sehen kann. Nicht sehr professionell.
Wenn du keinen Blog hast oder dein Blog nicht der Schwerpunkt deiner Website ist, solltest du stattdessen eine statische Homepage verwenden. Eine statische Homepage ist eine, die gleich bleibt, bis du sie änderst. (Das Einstellen einer statischen Homepage bedeutet nicht, dass du deinen Blog aufgibst. Stattdessen wird dein Blog auf eine spezielle Blog Seite verschoben).

Hier erfährst du, wie du eine statische Homepage in WordPress einrichtest.

  • WordPress: Homepage auf statisch setzen Phase 1 – Erstellen einer neuen Seite
  • Melde dich in deinem WordPress-Admin-Dashboard an.
  • Bewege den Mauszeiger über Seiten.
  • Klicke im Pop-up-Menü auf Neu hinzufügen.
  • Benenne deine Homepage.
  • Klicke auf Veröffentlichen.

Wenn du noch keinen Blog hast, aber einen haben möchtest, wiederhole die obigen Schritte, um ihn zu erstellen.

WordPress: Homepage auf statisch setzen Phase 1 – Seitentyp festlegen

Jetzt, da du neue Seiten hast, ist es an der Zeit, WordPress mitzuteilen, wofür sie verwendet werden sollen:

  • Gehe in der linken Navigationsleiste auf Einstellungen.
  • Klicke auf Lesen.
  • Wähle im Abschnitt Your Homepage Displays die Option A Static Page.
  • Wähle im Dropdown-Menü Homepage darunter den richtigen Seitennamen.

Wenn du einen Blog erstellt hast, kannst du den richtigen Seitennamen aus dem Dropdown-Menü Posts Page auswählen.
Hast du viele Website Besucher? Ziehe in Erwägung, eine Wartungsseite einzurichten, wenn du eine Zeit lang an deiner Website arbeiten wirst. Auf diese Weise sehen die Besucher die Seite nicht, wenn sie nur teilweise fertig ist, und sie wissen, dass deine Website nicht im Stich gelassen wird.

Wie man eine Homepage in WordPress gestaltet: 4 Methoden

Es gibt ein paar verschiedene Möglichkeiten, deiene WordPress-Homepage zu erstellen oder zu aktualisieren. Und obwohl wir Divi bevorzugen, gibt es keine falsche Option. Wähle, womit du dich am wohlsten fühlst.

1. Theme Customizer

Alle WordPress Websites werden mit dem integrierten Theme Customizer geliefert. Das Schöne am Customizer ist, dass du sehen kannst, wie deine Website aussehen wird, wenn sie veröffentlicht wird, bevor du deine Änderungen bestätigst und sie live stellst.

  • Zugriff auf den Theme Customizer
  • Um auf den Customizer zuzugreifen, sollst du folgendes tun:
  • Logge du dich in das WordPress-Admin-Dashboard ein.
  • Gehe in der linken Seitenleiste auf Darstellung und klicke dann auf Anpassen.
  • Der Customizer wird für dein installiertes, aktiviertes Theme geöffnet.
  • Gestalte deine Homepage mit dem Theme-Customizer

Von hier aus kannst du das Aussehen deiner Homepage anpassen. Welche Anpassungsmöglichkeiten du hast, hängt von deinem Theme ab. Einige Themes haben nur grundlegende Bearbeitungsoptionen, während du bei anderen eine Vielzahl von Einstellungen vornehmen kannst. Im Customizer kannst du Änderungen an Abschnitten vornehmen, und du kannst auch bestimmte Abschnitte hinzufügen oder entfernen.
Klicke durch die Bedienfelder des Customizers auf der linken Seite, um Änderungen an den verschiedenen Abschnitten deiner Website vorzunehmen

Veröffentlichen oder Speichern deiner Änderungen

Jetzt ist es an der Zeit, deine Änderungen zu veröffentlichen oder zu planen. Um die Änderungen sofort anzuwenden, klicke auf Veröffentlichen.
Um die Änderungen als Entwurf zu speichern und später weiter zu bearbeiten oder zu veröffentlichen, klicke auf das Zahnradsymbol (rechts neben Veröffentlichen). Klicke in dem sich öffnenden Fenster auf Entwurf speichern oder Planen. Du hast auch die Möglichkeit, einen Vorschaulink der überarbeiteten, unveröffentlichten Website zu teilen, wenn du Feedback erhalten möchtest.

WordPress: Homepage über den Theme Customizer auf statisch setzen

Wenn du deine Homepage noch nicht als statisch eingestellt hast, kannst du das auch über den Customizer tun:

  • Wähle das Panel Homepage Einstellungen auf der linken Seite des Customizers.
  • Wähle aus dem Dropdown-Menü die Seite aus, die Sie als Homepage festlegen möchtest.
  • Wähle unter Beitragsseite die Seite aus, die du als deinen Blog verwenden möchtest.

Wenn du noch keine Homepage und/oder Blog Seite hast, kannst du diese erstellen, indem du neue Seite hinzufügst unter den Dropdown Menüs wählst. Du gibst deiner leeren Seite einen Namen und kannst du dann später anpassen.

Verlassen des Theme Customizers

Wenn du hier fertig bist, verlass den Customizer, indem du auf das X oben links auf der Seite klickst.

2. WordPress-Block-Editor

Vielleicht möchtest du den Block Editor nur zum Anpassen deiner Homepage verwenden, oder du möchtest ihn verwenden, nachdem du die Optionen des Customizers durchlaufen hast, um das Aussehen der Homepage weiter zu optimieren. Insgesamt bietet der Block-Editor mehr Möglichkeiten, das Aussehen deiner Homepage zu personalisieren.
Klicke im Admin Dashboard auf Seiten und wähle dann Bearbeiten unter der Seite, die du als Homepage verwendest.
Sobald du im Seiteneditor bist, füge ein, was immer du möchtest, sei es eine Überschrift, Text, Bild usw. Wenn du zuerst Text hinzufügen möchtest, kannst du auf die Seite klicken und anfangen zu tippen. Die richtige Art von Block (ein Absatzblock) wird automatisch für dich hinzugefügt.
Alternativ kannst du den Typ des Blocks, den du hinzufügen möchtest, auswählen, indem du auf das Plus-Symbol klickst. Du kannst das gleiche Symbol auch sehen, wenn du mit dem Mauszeiger über eine Stelle ganz rechts von der Stelle fährst, an der du einen Block platzieren möchtest. Du kannst dann den Typ des Blocks, mit dem du beginnen möchtest, auswählen oder suchen.
Jeder Block hat sein eigenes Einstellungsmenü, mit dem du ihn weiter anpassen kannst. In einem Absatzblock kannst du z. B. die Texteinstellungen ändern, um die Größe der Schriftart zu ändern oder eine Initiale zu verwenden.
Füge so viele Blöcke wie nötig hinzu, bis du mit dem Aussehen deiner Homepage zufrieden bist. Verschiebe die Blöcke, um den Inhalt neu anzuordnen, indem du auf die Pfeile oben links im Block klickst.
Du kannst auch einen Block loswerden, wenn du ihn nicht mehr benötigst. Klicke dazu auf die drei vertikalen Punkte und wähle dann Block entfernen.
Wenn du mit den Änderungen fertig bist, kannst du sie sofort veröffentlichen, indem du im sich öffnenden Fenster auf Veröffentlichen und dann erneut auf Veröffentlichen klickst. Um zu planen, dass die Änderungen zu einem späteren Zeitpunkt veröffentlicht werden, klicke auf Veröffentlichen: Sofort, wodurch sich der Bereich für die Planung öffnet.

3. Klassischer WordPress Editor

Wenn dir die Handhabung des Classic Editors besser gefällt als die des Block-Editors, kannst du ihn für die Gestaltung deiner Homepage verwenden. Du beginnst auf die gleiche Weise wie mit dem Block-Editor. Klicke im Dashboard auf Seiten, und wähle die gewünschte Seite aus.
Das Hinzufügen von Text ist hier sogar noch einfacher als mit dem Block Editor, da du direkt im Haupt-Editor-Panel tippen und dabei keine Blöcke erstellt werden musst. Um die Größe der Schriftart zu ändern, wähle aus dem Dropdown-Menü, das als Voreinstellung „Absatz“ enthält. Von hier aus kannst du verschiedene Überschriftenstile wählen.
Neben Dropdown-Menü befindet sich eine Symbolleiste mit einer Reihe von Optionen. Du kannst den Text fett oder kursiv machen, eine Aufzählungsliste erstellen, die Schrift- und Hintergrundfarben ändern, die Ausrichtung für Text und Bilder anpassen usw. In diesem Menü befindet sich eine weitere Schaltfläche namens „Symbolleiste umschalten“, die du auswählen kannst, um noch mehr Optionen zu erhalten (falls sie nicht bereits angezeigt werden).
Genau wie mit dem Block-Editor kannst du mit dem Classic-Editor Medien zu deiner Homepage hinzufügen. Um z. B. ein Bild hinzuzufügen, wähle die Schaltfläche Medien hinzufügen, die du zur Medienbibliothek bringt. Du kannst dann ein Bild auswählen oder hochladen, das du verwenden möchtest.
Wenn du mit den Änderungen fertig bist, kannst du sie entweder sofort veröffentlichen, indem du auf Veröffentlichen klickst, sie für später speichern, indem du auf Entwurf speichern klickst, oder du planst, indem du rechts neben Sofort veröffentlichen auf Bearbeiten klickst und dann Datum und Uhrzeit eingibst.

4. Website Builder wie Elementor Pro und Divi Visual Builder

Du kannst deine Homepage auch mit einem Website Builder wie Elementor Pro und Divi Visual Builder erstellen und gestalten. Vor allem haben Elementor Pro und Divi Hunderte von vorgefertigten und professionell gestalteten Layout-Paketen, um dir den Einstieg zu erleichtern. Zuerst musst du Elementor Pro und Divi herunterladen, installieren und aktivieren.
Als nächstes musst du beispielsweise bei Divi den Visual Builder aktivieren. Gehe auf deine Homepage, um sie zu bearbeiten (Seiten > Bewegen Sie den Mauszeiger über Ihre Homepage > Bearbeiten). Klicke dann oben auf Use The Divi Builder (Den Divi Builder verwenden), gefolgt von Edit With The Divi Builder (Mit dem Divi Builder bearbeiten). Bei Elementor und Elementor Pro geht das ganz ähnlich.

Sobald du mit der Tour fertig bist (oder sie überspringen), wirst du eine Seite mit drei Optionen sehen:
  • Von Grund auf neu erstellen
  • Wähle ein vorgefertigtes Layout
  • Vorhandene Seite klonen

Wenn du dich für Vorgefertigtes Layout auswählen entscheidest, gelangst du zur Divi-Bibliothek, in der sich zahlreiche Layouts und Layout Packs befinden. Klicke auf eines, um mehr darüber zu erfahren, und wähle dann „Dieses Layout verwenden“, wenn es dir gefällt.
Sobald das Thema installiert ist, kannst du Bearbeitungen an verschiedenen Elementen vornehmen. Um einen Bereich zu bearbeiten, klicke auf das Zahnrad Symbol in dem Fenster, das sich öffnet, wenn du mit dem Mauszeiger über die obere linke Ecke des Bereichs fährst.
Daraufhin öffnet sich ein Einstellungsmenü mit verschiedenen Anpassungen, die du an diesem Element vornehmen kannst. Möglicherweise gibt es auch verschiedene Registerkarten, durch die du klicken kannst, um weitere Einstellungen vorzunehmen. Wenn du mit der Arbeit an dem Element fertig bist, klicke unten auf das X, um die Änderungen nicht zu speichern, oder auf das Häkchen, um sie zu speichern. Du kannst auch Änderungen rückgängig machen oder wiederherstellen, indem du die dafür vorgesehenen Pfeile verwendest.
Wenn du dich dafür entscheidest, das Layout von Grund auf neu zu erstellen, anstatt ein vorgefertigtes Layout zu verwenden, ist der Vorgang in etwa derselbe. Wenn du mit dem Mauszeiger über einen zu bearbeitenden Bereich fährst, öffnet sich das Menü mit dem Zahnradsymbol, mit dem du die Designeinstellungen der Seite anpassen kannst.

Fazit: Abschließende Gedanken zu unseren WordPress-Homepage-Tipps

Wenn deine Homepage gut gestaltet ist, bekommen deine Besucher*innen eine klare Vorstellung davon, worum es auf deiner Website geht. Egal, ob du einen einfachen persönlichen Blog oder eine E-Commerce-Site mit Hunderten von Seiten betreibst, deine Homepage ist das, was den ersten Eindruck vermittelt.
Wenn du die verschiedenen Möglichkeiten kennst, deine Homepage zu aktualisieren, ist es einfach, Änderungen vorzunehmen, wann immer du sie brauchst. Vielleicht möchtest du dich für eine Weile auf einen anderen Aspekt deiner Marke konzentrieren, oder du hast dein Logo überarbeitet und musst die Ästhetik deiner Homepage entsprechend anpassen. Mit den einfach zu bedienenden Tools von WordPress sowie Themes und Customizern von Drittanbietern, die sich nahtlos in die Plattform integrieren, kannst du eine oder alle der oben genannten Optionen nutzen, um deine Website genau richtig aussehen zu lassen.

Übersetzt von Nata Uchava
Von Website Freiburg

Quelle, unser Divi Websoftware Partner Elegant Themes:
www.elegantthemes.com/blog/wordpress/how-to-create-a-static-homepage-on-a-wordpress-website?