Ein Leitfaden für Anfänger zur vollständigen Bearbeitung von Websites in WordPress

Veröffentlicht: 2022-05-03

Sind Sie neugierig, wie die vollständige Seitenbearbeitung in WordPress funktioniert?

Vielleicht sind Sie neugierig und möchten die Möglichkeiten erkunden, die diese neue Funktionalität bietet. Insbesondere wenn Sie ein Anfänger sind, kann es jedoch schwierig sein, die vollständige Website-Bearbeitung und ihre Verwendung zu verstehen.

Glücklicherweise können Sie, wenn Sie wissen, wie man einige wichtige Funktionen zur vollständigen Bearbeitung von Websites, wie z. B. globale Stile, anpackt, alle Arten von Inhalten erstellen. Wenn Sie jedoch noch nicht daran interessiert sind, den Sprung zu wagen, können Sie alternativ immer ein Page Builder-Plugin verwenden.

In diesem Beitrag stellen wir Ihnen die Vor- und Nachteile der vollständigen Seitenbearbeitung in WordPress 5.9 vor.

Dann zeigen wir Ihnen, wie Sie in drei Hauptfunktionen der vollständigen Website-Bearbeitung navigieren. Abschließend stellen wir einige alternative WordPress-Plugins vor, falls Sie der Meinung sind, dass dieses Tool nicht für Ihre Anforderungen geeignet ist. Lass uns anfangen!

Eine Einführung in die vollständige Bearbeitung von Websites

WordPress ist eine sich ständig weiterentwickelnde Open-Source-Software. Daher sind seine Benutzer daran gewöhnt, sich zu ändern. Mit WordPress 5.9 kam jedoch eine der größten Veränderungen überhaupt – die vollständige Seitenbearbeitung.

Bisher mussten Sie die Seiten und das Design Ihrer Website separat ändern. Um WordPress-Webseiten zu bearbeiten, haben Sie den Block-Editor verwendet. Für universelle Designelemente wie Kopf- und Fußzeilen und Schriftarten haben Sie Änderungen mit dem Customizer-Tool vorgenommen.

In WordPress 5.9 können Sie sowohl Seiten als auch globale Designfunktionen an derselben Stelle ändern – im vollständigen Website-Editor.

Darüber hinaus werden alle Ihre Bearbeitungen mit den vertrauten Blöcken durchgeführt, die Sie im Blockeditor zu verwenden gelernt haben (zusammen mit einigen neuen). Sie können jedoch weiterhin auf den traditionellen Customizer zugreifen, wenn Sie ein Nicht-Block-Design oder ein Plugin verwenden, das damit interagiert.

Wie es Tradition ist, wurde neben WordPress 5.9 ein neues Standarddesign veröffentlicht. Es heißt Twenty Twenty-Two:

01 Twenty Twenty Two Standardthema

Durch die vollständige Bearbeitung der Website müssen Sie nicht mehr zwischen den Seiten wechseln, um Ihre Website zu bearbeiten, und Sie können das Gesamtbild auf einmal sehen. Darüber hinaus können Sie größere Änderungen an Elementen wie Schriftarten, Farben und Abständen einfacher vornehmen. Außerdem können Sie alle Ihre Änderungen sofort anzeigen.

Die Einschränkungen der vollständigen Website-Bearbeitung

Obwohl die vollständige Bearbeitung von Websites zweifellos ein leistungsstarkes neues Tool ist, hat es seine Nachteile. Nicht jeder findet es dem traditionellen Bearbeitungssystem von WordPress oder den verfügbaren alternativen Tools vorzuziehen.

Insbesondere für Anfänger kann es schwierig sein, sich in der vollständigen Website-Bearbeitung zurechtzufinden. Es ist nicht unbedingt die benutzerfreundlichste Oberfläche, und der Umgang mit so vielen Blöcken auf einmal kann verwirrend sein. Da seitenweite Änderungen mit einem schnellen Klick oder Ziehen vorgenommen werden können, gibt es auch mehr Raum für Benutzerfehler.

Darüber hinaus erfordert die vollständige Bearbeitung von WordPress-Sites die Verwendung von Blockthemen. Da diese einzigartigen blockbasierten WordPress-Themes vor der Veröffentlichung von WordPress 5.9 nicht von der Kernplattform unterstützt wurden, bedeutet dies, dass jeder, der die vollständige Seitenbearbeitung nutzen möchte, seine aktuellen, nicht blockbasierten Themes aktualisieren muss.

Dies ist nicht ideal, wenn Ihr Thema stark angepasst ist, da Sie möglicherweise von vorne beginnen müssen. Änderungen, die Sie am Aussehen und Layout Ihrer Website vorgenommen haben, werden wahrscheinlich nicht übernommen, wenn Sie zu einem neuen Design wechseln. Außerdem kann das Ändern des Designs Ihrer Website auch zu Kompatibilitätsfehlern zwischen ihr und den von Ihnen verwendeten Plugins und anderen Tools führen.

Da Blockthemen so neu sind, stehen außerdem nicht viele Optionen zur Auswahl. Daher könnten Sie die aktuelle Auswahl als einschränkend empfinden. Dies wirkt sich überproportional auf größere Websites aus, da der für komplexere Designs und Transaktionen (insbesondere im E-Commerce) erforderliche Grad an Ausgereiftheit in vielen Blockthemen möglicherweise noch nicht unterstützt wird.

Wie bei jedem Tool ist die vollständige Seitenbearbeitung für einige Benutzer richtig und für andere falsch. Wir empfehlen, einen genaueren Blick darauf zu werfen, um festzustellen, ob dies die richtige Methode zum Entwerfen und Anpassen Ihrer eigenen Website ist.

4 Hauptfunktionen der vollständigen Bearbeitung von WordPress-Sites

Nachdem wir nun einige der allgemeinen Vor- und Nachteile der vollständigen Bearbeitung von WordPress-Sites behandelt haben, wollen wir etwas tiefer in die Funktionsweise eintauchen. Hier sind vier der wichtigsten neuen Funktionen der vollständigen Seitenbearbeitung.

Denken Sie daran, dass es am besten ist, wenn Sie ein Anfänger sind und mit diesen neuen Funktionen herumspielen möchten, zuerst Ihre Website zu sichern oder Ihre Experimente auf einer Staging-Website durchzuführen.

Um dann auf den vollständigen Site-Editor zuzugreifen, navigieren Sie zu Ihrem WordPress-Dashboard und gehen Sie zu Aussehen > Editor .

Hinweis: Die meisten verwalteten WordPress-Hosting-Unternehmen bieten die Möglichkeit, Staging-Sites zu erstellen. Diese Option ist beispielsweise sowohl für Kinsta als auch für Cloudways verfügbar.

1. Themenvorlagen und Vorlagenteile

Theme-Vorlagen gab es schon lange vor WordPress 5.9. Allerdings können Anwender erst mit dieser neuen Version so unkompliziert damit arbeiten.

Wenn Sie ein Blockdesign auf Ihrer Website installieren und aktivieren, z. B. Twenty Twenty-Two, können Sie ganz einfach auf verschiedene Elemente Ihrer Website und Webseiten klicken. Diese Abschnitte bestehen aus Vorlagen, die Sie dann mit nur wenigen Klicks auf Ihrer gesamten Website ändern können.

Sie können beispielsweise die Kopfzeilenvorlage Ihres Themas direkt im vollständigen Site-Editor bearbeiten, und zwar auf sehr visuelle und intuitive Weise. Wählen Sie dazu einfach Ihre Kopfzeile aus und erkunden Sie die verschiedenen Eigenschaften, die Sie ändern können:

02 Header-Vorlage für Themen

Sie können beispielsweise einfach auf den Logo-Platzhalter klicken und das Symbol Ihrer Marke hinzufügen:

03 Fügen Sie dem Platzhalter ein Logo hinzu

Darüber hinaus können Sie Vorlagen hinzufügen, indem Sie im Dropdown-Menü Ihrer Vorlagen darauf zugreifen:

04 Fügen Sie Vorlagen über das Dropdown-Menü hinzu

Wenn Sie auf Alle Vorlagen durchsuchen klicken, werden Sie feststellen, dass es eine große Auswahl gibt:

05 Durchsuchen Sie alle Vorlagen

Beispielsweise enthalten die Twenty Twenty-Two-Blockdesignvorlagen Seiten wie 404 , Home , Search , Archive und mehr. Denken Sie daran, dass dies nur die Standarddesignvorlagen sind. Sie können Ihre eigenen benutzerdefinierten Vorlagen hinzufügen, um die spezifischen Anforderungen Ihrer Website zu erfüllen.

Zusätzlich können Sie auch aus Vorlagenteilen wählen:

06 Wählen Sie aus Vorlagenteilen

Sie können diese Vorlagenteile dann anpassen und speichern. Allein diese Funktion kann Ihnen viel Zeit sparen, da Sie eine Vielzahl von benutzerdefinierten Vorlagenteilen für verschiedene Elemente erstellen können, die Sie möglicherweise immer wieder auf verschiedenen Seiten wiederverwenden möchten (z. B. Kopfzeilen, Fußzeilen, Handlungsaufforderungen (CTAs), und Autorenbiographie).

Darüber hinaus bestehen alle diese Vorlagen und Vorlagenteile vollständig aus Blöcken. Das bedeutet auch, dass alle Vorlagenelemente gezogen und abgelegt oder verschoben werden können, indem Sie auf die Pfeilschaltflächen klicken, nachdem sie ausgewählt wurden:

07 Klicken Sie auf die Pfeilschaltflächen, um Blöcke zu verschieben

Im obigen Beispiel haben wir einfach auf das Symbol > geklickt, um den neuen Site-Logo -Block nach rechts zu verschieben, und können ihn leicht wieder nach links verschieben, wenn wir mit seinem Aussehen nicht zufrieden sind. Die Vorlagenbearbeitung bietet eine stark vereinfachte Möglichkeit, mit Ihren Designs zu experimentieren und geringfügige Änderungen auszuprobieren.

2. Themenblöcke

Möglicherweise ist Ihnen der praktische neue Site-Logo -Block in der vorherigen Funktion aufgefallen. Dies ist nur einer der vielen neuen Themenblöcke, die ebenfalls in der Version 5.9 eingeführt wurden.

Um sich alle neuen Themenblöcke in Ihrem vollständigen Website-Editor anzusehen, klicken Sie einfach auf das Plus-Symbol ( + ) in der oberen linken Ecke Ihres Bildschirms. Scrollen Sie dann nach unten zur Themensammlung :

08 Plus-Icon-Themensammlung

Wie Sie sehen können, gibt es eine ganze Reihe neuer Themenblöcke, darunter Site-Logo , Site-Titel , Site-Slogan , Autor des Beitrags , Datum des Beitrags , Nächster Beitrag und viele mehr. All diese neuen Blöcke haben das Potenzial, die Bearbeitung Ihrer Website weiter zu rationalisieren und Ihre Produktivität zu steigern.

Eine Option, die besonders hervorsticht, ist der Navigationsblock . Dies liegt daran, dass dies einen großen Einfluss auf den Gesamtansatz für das Design Ihrer Website haben könnte.

Nachdem Sie den Navigationsblock hinzugefügt haben, können Sie ganz einfach ein beliebiges Navigationsmenü einfügen. Klicken Sie einfach auf Menü auswählen :

09 Navigationsmenü einfügen

Sie können die gleichen Menüseiten wie in Ihrer Header-Navigation verwenden oder eine Vielzahl von benutzerdefinierten Navigationsmenüs für unterschiedliche Zwecke erstellen. Dann können Sie sie speichern und genauso verwenden wie einen wiederverwendbaren Block. Wenn Sie mit einer kleineren Site arbeiten, können Sie alternativ einfach auf Leer starten oder Alle Seiten hinzufügen klicken. Auf diese Weise können Sie sofort ein neues benutzerdefiniertes Navigationsmenü erstellen.

Es ist keine Überraschung, dass diese neuen Themenblöcke anscheinend für jeden WordPress-Benutzer entwickelt wurden. Die einfacheren neuen Blöcke wie Post Featured Image und Post Excerpt werden Anfängern wahrscheinlich viel Zeit sparen.

Auf der anderen Seite können fortgeschrittene Benutzer komplexere Ergänzungen wie den Abfrageblock gut gebrauchen:

10 Fortgeschrittene Benutzer - Abfrageblock

Mit dem Abfrageschleifenblock können Sie Beitragstypen basierend auf verschiedenen Abfrageparametern und -konfigurationen anzeigen. Letztendlich liegt es an Ihnen, wie Sie dieses neue Tool nutzen, aber die neue Funktionalität ist ziemlich umfangreich.

3. Globale Stile

Globale Stile bieten eine weitere radikale Änderung in der neuen WordPress-Bearbeitungsumgebung für vollständige Websites. Um auf das Menü Stile zuzugreifen, klicken Sie auf den Duotone-Kreis in der oberen rechten Ecke Ihres Bildschirms:

11 Stile für die Website

Dies führt Sie zum neuen Styles -Bedienfeld (das sich noch in der Beta-Phase befindet). Wie Sie sehen können, kann dieses neue Menü Typografie , Farben und Layout Ihrer gesamten Website ändern.

Für Typografie bedeutet dies, dass Sie alle Links oder Texte auf Ihrer Website mit nur wenigen Klicks ändern können:

12 Typografie für Website

Sie können das Erscheinungsbild dieser Elemente ändern, indem Sie ihre Schriftart, Größe, Höhe und mehr anpassen:

13 Schriftgröße und -höhe ändern

Auf der Registerkarte Farben können Sie die Farbtöne Ihrer Farbpalette , Ihres Hintergrunds , Ihres Textes und Ihrer Links ganz einfach ändern:

14 Registerkarte „Farben“ für Palette

Innerhalb von Palette können Sie die Optionen für verschiedene Themenblöcke und Designwerkzeuge ändern:

15 Farben für Themen und Blöcke ändern

Unter Hintergrund können Sie im Handumdrehen umfassende benutzerdefinierte Farbänderungen vornehmen:

16 Hintergrund – benutzerdefinierte Farben

Die Leichtigkeit und Schnelligkeit, die globale Stile bieten, öffnet die Tür zum Experimentieren, da Sie Designs für die gesamte Website schneller als je zuvor erstellen können. Darüber hinaus ist es einfach, große Änderungen rückgängig zu machen, indem Sie einfach auf den Rückgängig -Pfeil in der oberen linken Ecke Ihres Bildschirms klicken.

4. Listenansicht

Eine weitere aufregende neue Funktion von WordPress 5.9 ist die verbesserte Listenansicht . Um darauf zuzugreifen, klicken Sie auf die drei horizontalen Linien in der oberen linken Ecke Ihres vollständigen Website-Editors:

17 Listenansicht

Diese Ansicht gibt Ihnen einen detaillierten Überblick über jede Blockkomponente Ihrer WordPress-Site in einer leicht lesbaren Liste. Sie können diese Liste komprimieren und erweitern, indem Sie auf die Pfeile klicken:

18 Liste reduzieren und erweitern

Das Beste an dieser neuen und verbesserten Listenansicht ist vielleicht, dass Sie Blöcke und Blockgruppen ganz einfach per Drag-and-Drop verschieben können. Wählen Sie sie einfach aus, halten Sie sie gedrückt und ziehen Sie sie dann an eine beliebige Stelle:

19 Gruppenblöcke ziehen und ablegen

Wenn eine Sammlung von Blöcken ausgewählt ist, sehen Sie, dass sie blau hervorgehoben ist.

Diese Funktion ist besonders nützlich für alle, die eine Single-Page-Site betreiben oder lange Seiten verwalten. Diese Funktion kommt gerade rechtzeitig, da neue Designtrends wie „Scrolllytelling“ immer beliebter werden.

Vollständige Bearbeitungsalternativen für Websites: WordPress Page Builder-Plugins

Der WordPress-Blockeditor kann ein leistungsstarkes und intuitives Werkzeug sein. Die vollständige Seitenbearbeitung macht sie noch flexibler und erweitert Ihre Optionen zum Bearbeiten Ihrer Seite.

Gleichzeitig hat es, wie wir bereits besprochen haben, einige Einschränkungen. Das Ändern des Designs Ihrer Website hat weitreichende Auswirkungen, und Sie sind möglicherweise nicht bereit oder in der Lage, im Moment zu einem Blockdesign zu wechseln. Sie können auch verständlicherweise vorsichtig sein, eine solche brandneue Funktion zu verwenden, insbesondere wenn Sie sich auf Einnahmen aus Ihrer Website verlassen.

Darüber hinaus ist die vollständige Bearbeitung der Website trotz aller angebotenen Funktionen immer noch ziemlich einfach. Das gilt insbesondere, wenn Sie es mit bestehenden Seitenerstellungs-Plugins vergleichen. Diese Tools bieten viele der gleichen Funktionen wie die vollständige Website-Bearbeitung, ohne die Einschränkung von Blockthemen oder riskanter Bearbeitung.

Darüber hinaus gibt es viele der beliebten Optionen schon seit Jahren und sie sind umfassender und funktionsreicher als die vollständige Seitenbearbeitung in ihrer derzeitigen Form. Während die vollständige Website-Bearbeitung eines Tages mit Seitenerstellern konkurrieren kann, bietet Ihnen letzterer im Allgemeinen mehr Kontrolle, Anpassbarkeit und Benutzerfreundlichkeit.

Mit einem hochwertigen Page Builder-Plugin erhalten Sie einen Drag-and-Drop-Builder, Kompatibilität mit den meisten Themen und viele Vorlagen und andere Elemente, mit denen Sie arbeiten können. Darüber hinaus können Sie bei so vielen Seitenerstellern auf dem Markt denjenigen auswählen, der Ihren Anforderungen am besten entspricht.

Zum Beispiel kann Beaver Builder in Verbindung mit seinem Add-On Beaver Themer eine großartige Alternative zur vollständigen Seitenbearbeitung bieten:

20 Beaver Builder-Thema

Mit dem Beaver Themer-Add-On können Sie jede gewünschte Designvorlage erstellen, ohne Code zu berühren. Ähnlich wie bei der vollständigen Seitenbearbeitung können Sie diese Vorlagen erstellen und sie dann auf Ihrer gesamten WordPress-Seite anwenden.

Darüber hinaus geben Ihnen die Post-Raster von Beaver Themer mehr Kontrolle über Archiv- und Blog-Designs. Thementeile ermöglichen es Ihnen auch, Website-weite Elemente wie Kopfzeilen, Fußzeilen und CTAs zu erstellen. Außerdem verfügt das Tool über viele nützliche Integrationen, einschließlich des beliebten WooCommerce-Plugins.

Darüber hinaus können Sie universelle Stile auf ähnliche Weise wie die globalen Stile der vollständigen Site-Bearbeitung ändern und eine Vorschau anzeigen, wie sie live aussehen werden:

21 globale Stile

Sie können auch Beitragseinstellungen wie Autor , Tags und Kategorien im Website-Editor anpassen:

22 Post-Einstellungen

Alles in allem ist Beaver Builder eine starke Option, die auch eine anspruchsvolle seitenweite Bearbeitung ermöglichen kann.

Wenn Sie andere Optionen ausprobieren möchten, sind Elementor und Thrive Architect ebenfalls beliebte und leistungsstarke Tools. Beide Seitenersteller bieten eine visuelle Benutzeroberfläche und ermöglichen eine erweiterte Anpassung.

Diese Tools können auf den ersten Blick ähnlich aussehen, aber sie alle bieten ihre eigenen einzigartigen Vorteile. Wir empfehlen, die Funktionslisten zu vergleichen, um sicherzustellen, dass Sie die Option auswählen, die den individuellen Anforderungen Ihrer Website am besten entspricht. Glücklicherweise bieten viele Seitenersteller kostenlose Testversionen oder Geld-zurück-Garantien an, sodass Sie risikofrei experimentieren können.

Fazit

Die Anpassung an WordPress Full Site Editing (FSE) kann entmutigend erscheinen. Wenn Sie jedoch bereit sind, den Wechsel zu vollziehen und sich dazu verpflichten, einige grundlegende Funktionen zu erlernen, können Sie die vollständige Website-Bearbeitung in kürzester Zeit bequem nutzen.

In diesem Beitrag haben wir die wichtigsten neuen Funktionen des vollständigen Site-Editors behandelt, von globalen Stilen bis hin zu Vorlagenteilen und mehr.

Wenn die vollständige Seitenbearbeitung jedoch nicht das Richtige für Ihre Website ist, können Sie stattdessen immer ein Seitenerstellungs-Plug-in wie Beaver Builder verwenden.

Ein intuitiver Drag-and-Drop-Builder sollte alle Funktionen bieten, die Sie zum Erstellen einer Website benötigen, die gut aussieht und nahtlos funktioniert.


Offenlegung: Dieser Beitrag enthält Affiliate-Links. Dies bedeutet, dass wir möglicherweise eine kleine Provision erhalten, wenn Sie einen Kauf tätigen.

Anfängerleitfaden zur vollständigen Seitenbearbeitung in WordPress