Anleitungen/Website bearbeiten/Editor/Den Website-Editor verwenden

Den Website-Editor verwenden

Mit dem Website-Editor kannst du deine gesamte Website visuell bearbeiten – einschließlich Header, Footer und Templates –, ganz ohne Code. In diesem Ratgeber erfährst du mehr über die wichtigsten Tools, die im Website-Editor integriert sind.

Video-Überblick

Aus dem Kurs: Erstelle deine Website auf WordPress.com
Dieses Video ist auf Englisch.
YouTube bietet automatische Übersetzungsfunktionen, damit du es in deiner Sprache ansehen kannst:

Automatisch übersetzte Untertitel:

  1. Spiele das Video ab.
  2. Klicke auf ⚙️ Einstellungen (unten rechts im Video).
  3. Wähle Untertitel/CC.
  4. Wähle Automatisch übersetzen.
  5. Wähle deine bevorzugte Sprache.

Automatische Synchronisation (experimentell):

  1. Klicke auf ⚙️ Einstellungen.
  2. Wähle Audiospur.
  3. Wähle die Sprache, in der du das Video hören möchtest.

ℹ️ Übersetzungen und Synchronisationen werden von Google erstellt, können ungenau sein und sind möglicherweise noch nicht für alle Sprachen verfügbar.

Den Website-Editor aufrufen

Mit dem Website-Editor kannst du das Design deiner Website ändern, einschließlich Templates, Navigationsmenüs und Seiten.

Befolge diese Schritte, um den Website-Editor aufzurufen:

  1. Beginne im Dashboard deiner Website.
  2. Bewege den Mauszeiger auf der linken Seite über Design oder klicke darauf.
  3. Klicke auf Editor.
Das im Website-Dashboard geöffnete Menü „Design“ und ein Pfeil, der auf das Untermenü „Editor“ zeigt.

Wenn dir Editor unter Design nicht angezeigt wird, unterstützt dein Theme den Website-Editor nicht. In diesem Fall kannst du zu einem Block-Theme wechseln, um auf den Website-Editor zuzugreifen.

Im Website-Editor findest du links das Bedienfeld Design mit den folgenden Optionen:

  • Navigation: Verwalte die Navigationsmenüs deiner Website.
  • Stile: Passe Farben, Schriften und andere Designaspekte deiner Website an.
  • Seiten: Bearbeite die Inhalte einzelner Seiten deiner Website.
  • Templates: Bearbeite das strukturelle Layout der Inhalte deiner Website.
  • Vorlagen: Bearbeite kleinere Teile deiner Templates (wie Header und Footer) und von dir erstellte Vorlagen.

Rechts findest du eine Vorschau der Startseite deiner Website. Klicke auf eine beliebige Stelle in diesem Bereich, um die linke Seitenleiste zu schließen und deine Startseite im Editor zu öffnen.

Der Website-Editor, der beim ersten Öffnen links ein „Design“-Menü und rechts eine Vorschau der Startseite der Website anzeigt.

Den Website-Editor verwenden

Klicke im Website-Editor rechts auf die Vorschau, um deine Startseite in den Website-Bearbeitungstools zu öffnen. Wenn du eine bestimmte Seite, ein bestimmtes Template oder eine bestimmte Vorlage bearbeitest, werden dir dieselben Bearbeitungswerkzeuge angezeigt.

Oberes Menü

Oben im Website-Editor befinden sich mehrere Optionen, die unten von links nach rechts erklärt werden

Oberes Menü.
  1. Navigation öffnen: Klicke einmal auf dein Website-Icon (oder das Standard-W-Logo, wenn du noch keines eingestellt hast), um zu den Optionen der linken Seitenleiste zurückzukehren, die im vorherigen Abschnitt beschrieben wurden. Klicke noch einmal darauf, um zum Dashboard deiner Website zurückzukehren.
  2. Block-Inserter: Klicke hier, um einen neuen Block hinzuzufügen.
  3. Rückgängig: Mache die zuletzt durchgeführte Aktion rückgängig.
  4. Wiederherstellen: Stelle eine Aktion wieder her, die du mit dem Button „Rückgängig“ rückgängig gemacht hast.
  5. Listenansicht: Zeige eine Liste aller Blöcke an, die sich auf der Seite befinden. Die Listenansicht ist praktisch, um die Struktur der Seite zu sehen und um Blöcke zu bearbeiten, zu verschieben oder zu entfernen.
  6. Befehls-Center: Hier wird der Name des Templates angezeigt, das du gerade bearbeitest. Klicke hier, um die Templates deiner Website zu durchsuchen.
  7. Ansicht: Ändere das Ansichtsfenster, um deine Inhalte auf Desktop-, Tablet- oder Mobilgeräten anzuzeigen. Klicke auf Website anzeigen, um das Ergebnis deiner Änderungen anzuzeigen.
  8. Hilfe-Center: Durchsuche unsere hilfreichen Ratgeber oder kontaktiere bei berechtigten Tarifen den Support.
  9. Stile: Passe Farben, Schriften und mehr an. Hier findest du weitere Informationen zu Stilen.
  10. Einstellungen: Damit wird die Seitenleiste mit den Einstellungen auf der rechten Seite ein- bzw. ausgeblendet.
  11. Speichern: Speichere deine Änderungen. Hier findest du weitere Informationen zum Speichern.
  12. Weitere Optionen: Hiermit werden zusätzliche Einstellungen und Tools geöffnet.

Stile

Verwende Stile im Website-Editor, um Farbpaletten, Schriftarten, Layouts und weitere Designaspekte auszuwählen, die sich auf deine gesamte Website auswirken. Erfahre, wie du Stile verwendest.

Das Icon für schwarz-weiße Stile, das in der oberen Werkzeugleiste hervorgehoben ist.

Seitenleiste mit den Einstellungen (rechts)

Die Seitenleiste „Einstellungen“ enthält Informationen über das Template, das du gerade bearbeitest, und Optionen zum Anpassen bestimmter Blöcke innerhalb des Templates.

Die Seitenleiste mit den Einstellungen wird rechts im Editor angezeigt.

Wenn rechts die Seitenleiste nicht angezeigt wird, musst du ggf. oben rechts in der Ecke auf das Einstellungs-Icon klicken, um die Einstellungen zu öffnen. Dieses Icon sieht aus wie ein Quadrat mit zwei ungleichen Spalten.

Das hervorgehobene Einstellungs-Icon am oberen Rand des WordPress-Editors.
Das Einstellungs-Icon in der oberen rechten Ecke

Oben siehst du den Namen des Templates, an dem du arbeitest. Klicke auf die drei Punkte rechts neben dem Namen des Templates, um das Template auf die Standardeinstellung des Themes zurückzusetzen und deine vorgenommenen Anpassungen rückgängig zu machen.

Wenn eine frühere Version des Templates existiert, wird unter der Template-Beschreibung ein Link Revisionen angezeigt. Damit kannst du eine frühere Version deines angepassten Templates wiederherstellen. Weitere Informationen zu Revisionen von Templates.

Im Abschnitt Inhalt findest du Template-Teile (normalerweise Header und Footer), auf die du klicken kannst, um diese Elemente auf der gesamten Website zu aktualisieren.

Klicke oben auf den Tab Block, um die Einstellungen für den ausgewählten Block anzuzeigen.

Die Seitenleiste mit den Einstellungen im Website-Editor.

Änderungen speichern

Wenn du auf den Button Speichern klickst, um die Änderungen zu speichern, die du im Website-Editor vorgenommen hast, wird ein zusätzlicher Bildschirm mit den Änderungen angezeigt, die gespeichert werden.

Standardmäßig sind die Kästchen neben jeder Änderung aktiviert. Du kannst eine Änderung deaktivieren, um sie nicht zu speichern.

Wenn du Änderungen an einem Template, einem Template-Teil oder einem Navigationsmenü speicherst, werden diese Änderungen überall dort angewendet, wo dieses Template oder Menü auf deiner Website verwendet wird.

Die Aufforderung zum Speichern von Änderungen mit Kontrollkästchen neben den zu speichernden Änderungen.

Zusätzliche Ratgeber

Hier findest du weitere hilfreiche Ressourcen und Tutorials, um mehr über sämtliche Aspekte der Website-Bearbeitung zu erfahren:

Erste Schritte mit dem Editor

Die folgenden Ratgeber behandeln die Grundlagen der Block-Bearbeitung. Jeder Inhalt, den du zu deiner Website hinzufügst, ist in einem Blockenthalten. Die folgenden Ratgeber helfen dir dabei, Blöcke zu bearbeiten, hinzuzufügen, zu verschieben und zu entfernen.

WordPress-Editor

Im WordPress-Editor erstellst du deine Seiten und Beiträge für deine Website mithilfe eines Blocksystems. In diesem Ratgeber erfährst du, wie du Blöcke zum Erstellen attraktiver Layouts nutzen kannst. Blöcke bieten dir unzählige Möglichkeiten!

Bewerten:

Einen Block entfernen

In dieser Anleitung erfährst du, wie du Blöcke von deiner Seite entfernen kannst.

Bewerten:

Deine Website im Editor gestalten

Im Website-Editor kannst du die Templates deiner Website gestalten, einschließlich Header, Footer und Inhaltsbereichen. Die folgenden Ratgeber führen dich in die grundlegenden Konzepte zum Designen deiner Website im Website-Editor ein.

Den Header bearbeiten

Der Header ist der obere Teil einer Website, der normalerweise den Website-Titel, ein Logo und ein Navigationsmenü anzeigt. In diesem Ratgeber erfährst du, wie du den Header deiner Website anpassen kannst.

Bewerten:

Hinzufügen einer Seitenleiste mithilfe des Website-Editors

Viele Websites, insbesondere Blogs, besitzen eine Seitenleiste, in der zusätzliche Informationen angezeigt werden, z. B. ein Bild, ein Info-Text, Links zu anderen Beiträgen, Social-Media-Profile und vieles mehr. Dieser Leitfaden zeigt dir, wie du mit dem Website-Editor eine Seitenleiste hinzufügen kannst. Um die in diesem Leitfaden beschriebene Methode anwenden zu können, muss die Website ein Theme verwenden,…

Bewerten:

Template für Einzelne Beiträge bearbeiten

Das Template für Einzelne Beiträge bestimmt das Layout einzelner Beiträge auf deiner Website. Wenn du eine Änderung an diesem Template vornimmst, wirkt sich die Änderung auf alle deine Beiträge aus und sorgt so für ein konsistentes Erlebnis für Besucher deines Blogs. In diesem Ratgeber erfährst du, wie du das Template für Einzelne Beiträge anpassen kannst.…

Bewerten:

Den Footer bearbeiten

Der Footer ist ein Inhaltsbereich, der am Ende jeder Seite deiner Website erscheint. Der Footer wird häufig verwendet, um Kontaktinformationen und soziale Medien zu teilen, ein Website-Menü oder eine Linkliste anzuzeigen oder Copyright-Informationen bereitzustellen. Du kannst deinen Footer jedoch auch mit Inhalten anpassen, die du gerne auf deiner Website sehen möchtest.

Bewerten:

Copied to clipboard!