Mit dem WordPress-Editor für Websites kannst du deine gesamte Website visuell bearbeiten – einschließlich Header, Footer und Templates – ganz ohne Code. In diesem Ratgeber lernst du die wichtigsten Werkzeuge kennen, die in den Editor für Websites integriert sind.
Falls du noch nicht mit Block-Themes vertraut bist, erfahre hier, wie Themes, Templates und Seiten zusammenspielen.
In diesem Ratgeber
Hast du Fragen?
Frag unseren Support-AssistentenIn diesem Video erfährst du, wie du mit dem Editor für Websites deine Startseite anpassen kannst.
Dieses Video ist auf Englisch.
YouTube bietet automatische Übersetzungsfunktionen, damit du es in deiner Sprache ansehen kannst:
Automatisch übersetzte Untertitel:
- Spiele das Video ab.
- Klicke auf ⚙️ Einstellungen (unten rechts im Video).
- Wähle Untertitel/CC.
- Wähle Automatisch übersetzen.
- Wähle deine bevorzugte Sprache.
Automatische Synchronisation (experimentell):
- Klicke auf ⚙️ Einstellungen.
- Wähle Audiospur.
- 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.
Mit dem Editor für Websites bearbeitest du das Design deiner Website, einschließlich Templates, Navigationsmenüs und Seiten.
So rufst du den Editor für Websites auf:
- Gehe zum Dashboard deiner Website.
- Fahre mit der Maus über Design auf der linken Seite oder klicke darauf.
- Klicke auf Editor.
Wenn du unter Design keinen Punkt Editor siehst, unterstützt dein Theme den Editor für Websites nicht. Erwäge, zu einem Block-Theme zu wechseln, um den Editor für Websites nutzen zu können.
Wenn du den Editor für Websites öffnest, siehst du links das Design-Panel mit folgenden Optionen:
- Stile: Passe Farben, Schriftarten und andere Designaspekte deiner Website an.
- Navigation: Verwalte die Navigationsmenüs deiner Website.
- Identität: Verwalte dein Website-Icon und dein Website-Logo.
- Seiten: Bearbeite den Inhalt einzelner Seiten deiner Website.
- Templates: Bearbeite das strukturelle Layout deiner Website-Inhalte.
- Muster: Bearbeite kleinere Bestandteile deiner Templates (z. B. Header und Footer) und selbst erstellte Muster.
Auf der rechten Seite siehst du eine Vorschau der Startseite deiner Website. Klicke irgendwo in diesen Bereich, um die linke Seitenleiste zu schließen und die Startseite im Editor zu öffnen.
Klicke auf die Vorschau rechts im Editor für Websites, um deine Startseite in den Bearbeitungswerkzeugen zu öffnen. Dieselben Bearbeitungswerkzeuge stehen dir auch zur Verfügung, wenn du eine bestimmte Seite, ein Template oder ein Muster bearbeitest.
Am oberen Rand des Editors für Websites findest du mehrere Optionen, die im Folgenden von links nach rechts erläutert werden:
- Navigation öffnen: Klicke einmal auf dein Website-Icon (oder das Standard-W-Logo, falls du noch keines festgelegt hast), um zu den Seitenleisten-Optionen aus dem vorherigen Abschnitt zurückzukehren. Klicke erneut darauf, um zum Dashboard deiner Website zurückzukehren.
- Block-Inserter: Klicke hierauf, um einen neuen Block hinzuzufügen.
- Rückgängig: Macht die letzte Aktion rückgängig.
- Wiederholen: Stellt eine mit „Rückgängig“ zurückgenommene Aktion wieder her.
- Listenansicht: Zeigt eine Liste aller Blöcke auf der Seite an. Die Listenansicht ist hilfreich, um die Struktur deiner Seite zu überblicken und Blöcke zu bearbeiten, zu verschieben oder zu entfernen.
- Befehlszentrale: Hier wird der Name des Templates angezeigt, das du gerade bearbeitest. Klicke darauf, um die Templates deiner Website zu durchsuchen.
- Ansicht: Ändere den Darstellungsbereich, um deine Inhalte auf Desktop-, Tablet- oder Mobilbildschirmen anzuzeigen. Klicke auf „Website anzeigen“, um das Ergebnis deiner Änderungen zu sehen.
- Hilfe-Center: Durchsuche unsere hilfreichen Ratgeber oder kontaktiere den Support mit berechtigten Tarifen.
- Stile: Passe Farben, Schriftarten und mehr an. Weitere Informationen zu Stilen.
- Einstellungen: Blende die Einstellungen-Seitenleiste auf der rechten Seite ein oder aus.
- Speichern: Speichere deine Änderungen. Weitere Informationen zum Speichern.
- Weitere Optionen: Öffnet zusätzliche Einstellungen und Werkzeuge.
Verwende Stile im Editor für Websites, um Farbpaletten, Schriftarten, Layouts und weitere Designaspekte festzulegen, die sich auf deine gesamte Website auswirken. Erfahre, wie du Stile verwendest.
Die Einstellungen-Seitenleiste enthält Informationen über das Template, das du gerade bearbeitest, sowie Optionen zum Anpassen einzelner Blöcke innerhalb des Templates.
Die Einstellungen-Seitenleiste wird auf der rechten Seite des Editors angezeigt.
Falls die Seitenleiste rechts nicht angezeigt wird, klicke auf das Einstellungen-Symbol in der oberen rechten Ecke, um die Einstellungen einzublenden. Das Symbol sieht aus wie ein Quadrat mit zwei unterschiedlich breiten Spalten:
Oben siehst du den Namen des Templates, an dem du arbeitest. Klicke auf die Auslassungspunkte (drei Punkte) rechts neben dem Template-Namen, um das Template auf den Standard des Themes zurückzusetzen und damit alle vorgenommenen Anpassungen rückgängig zu machen.
Falls frühere Versionen des Templates vorhanden sind, wird unter der Template-Beschreibung ein Link Revisionen angezeigt. Nutze ihn, um eine frühere Version deines angepassten Templates wiederherzustellen. Weitere Informationen zu Template-Revisionen.
Im Abschnitt Inhalt findest du Template-Teile (in der Regel Header und Footer), auf die du klicken kannst, um diese websiteweiten Elemente zu aktualisieren.
Klicke oben auf den Tab Block, um die Einstellungen für den aktuell ausgewählten Block anzuzeigen.
Wenn du auf den Button Speichern klickst, um deine Änderungen im Editor für Websites zu speichern, erscheint ein zusätzlicher Bildschirm, der die zu speichernden Änderungen anzeigt.
Standardmäßig sind die Kontrollkästchen neben jeder Änderung aktiviert. Du kannst einzelne Änderungen abwählen, um sie nicht zu speichern.
Wenn du Änderungen an einem Template, einem Template-Teil oder einem Navigationsmenü speicherst, gelten diese Änderungen überall dort, wo das jeweilige Template oder Menü auf deiner Website verwendet wird.
Dieser Abschnitt gilt für Websites, die mit dem KI-Website-Builder erstellt wurden, oder für Websites, auf denen der WordPress-Agent aktiviert wurde. Öffne den WordPress-Agenten, indem du auf das KI-Symbol (ein vierspitziger Stern) in der Admin-Leiste oben auf dem Bildschirm klickst.
Der WordPress-Agent kann dich in jeder Phase der Website-Bearbeitung unterstützen – von der Wahl einer Farbpalette bis hin zur Planung deiner Navigation und Templates. Hier sind einige Beispiel-Schreibanregungen, die du kopieren und verwenden kannst:
- „Schlage eine Farbpalette und Schriftkombination für einen modernen Food- und Rezepte-Blog vor.“
- „Wie sollte ich die Navigation für eine Freelance-Portfolio-Website mit Blog und Kontaktseite strukturieren?“
- „Welches Header- und Footer-Layout würde zu einer minimalistischen Website für ein kleines Unternehmen passen?“
- „Meine Startseite soll einladend und professionell wirken – welches Layout würdest du empfehlen?“
Hier findest du weitere hilfreiche Ressourcen und Anleitungen zu allen Aspekten der Website-Bearbeitung:
Die folgenden Ratgeber behandeln die Grundlagen der Block-Bearbeitung. Jeder Inhalt, den du deiner Website hinzufügst, befindet sich in einem Block. Die nachstehenden Ratgeber helfen dir dabei, sicherer im Bearbeiten, Hinzufügen, Verschieben und Entfernen von Blöcken zu werden.
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!
Hinzufügen von Inhalten mithilfe von Blöcken
Ein Block ist ein einzelnes Inhaltselement im WordPress-Editor. Dieser Ratgeber zeigt dir, wie du Blöcke zu deiner Website hinzufügst.
Eine Seite oder einen Beitrag löschen
Du kannst Inhalte (wie Seiten und Beiträge) in den Papierkorb verschieben, wenn du sie nicht mehr haben möchtest. In diesem Ratgeber erfährst du, wie du Inhalte in den Papierkorb verschieben, aus dem Papierkorb wiederherstellen und endgültig löschen kannst. Wenn du alle Inhalte deiner Website löschen und von vorne anfangen möchtest, lies unseren Ratgeber zum Zurücksetzen…
Entfernen eines Blocks
Dieser Ratgeber zeigt dir, wie du Blöcke von einer Seite entfernst.
Im Editor für Websites kannst du die Templates deiner Website gestalten, einschließlich Header, Footer und Inhaltsbereich. Die folgenden Ratgeber führen dich in die grundlegenden Konzepte der Website-Gestaltung im Editor für Websites ein.
Den Header bearbeiten
In diesem Ratgeber erfährst du, wie du den Header deiner Website anpassen kannst, der normalerweise den Website-Titel, ein Logo und ein Navigationsmenü anzeigt.
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,…
Bearbeiten des Beitragslayouts
In diesem Ratgeber erfährst du, wie du das Layout deiner Blogbeiträge anpassen kannst.
Seiten- oder Beitragstitel ausblenden
In diesem Ratgeber erfährst du, wie du Seitentitel in bestimmten Templates oder auf einzelnen Seiten oder in Beiträgen ausblenden kannst.
Den Footer bearbeiten
In diesem Ratgeber erfährst du, wie du den Footer auf deiner Website bearbeiten kannst.
