Anfängerhandbuch zur vollständigen Site-Bearbeitung in WordPress

Begeben Sie sich auf eine Reise grenzenloser Kreativität mit der vollständigen Bearbeitung Ihrer WordPress- Site. Vorbei sind die Zeiten starrer Vorlagen und eingeschränkter Anpassungsmöglichkeiten. Stellen Sie sich vor, Sie könnten jeden Zentimeter Ihrer Website mit vollständiger Bearbeitung gestalten – von der eleganten Kopfzeile für einen Site-Titel, der Besucher begrüßt, über komplexe Fußzeilen bis hin zu einer stilvollen Seitenleiste, die einen bleibenden Eindruck hinterlässt.

Mit der WordPress-Vollseitenbearbeitung verschwinden die traditionellen Grenzen des Webdesigns und ebnen den Weg für eine neue Ära der Innovation im Bereich der Seitenbearbeitung. Dieser revolutionäre Ansatz führt eine Reihe von Designblöcken ein, mit denen Sie das Blockdesign Ihrer Website mühelos an Ihre individuelle Vision anpassen können. Vordefinierte Strukturen schränken Sie nicht länger ein; stattdessen können Sie experimentieren, experimentieren und sich selbst verwirklichen.

Aufschlüsselung der vollständigen Website-Bearbeitung in WordPress 

Mit der vollständigen Site-Bearbeitung in WordPress können Sie jeden Aspekt Ihrer Website ganz einfach anpassen. Im Gegensatz zum herkömmlichen Ansatz, bei dem Sie nur Beiträge und Seiten bearbeiten konnten, können Sie jetzt benutzerdefinierte Kopf- und Fußzeilen und mithilfe von Blöcken komplexe Inhaltsbereiche aufbauen.

Beliebte Plugins für die gesamte Website, wie Divi und Elementor , haben diesen Paradigmenwechsel mitbekommen und bieten Ihnen ein Blockeditor-Toolkit mit erweiterten Funktionen und intuitiver Steuerung. Egal, ob Sie ein erfahrener Entwickler oder ein unerfahrener Benutzer von Blockthemen und -vorlagen sind, die vollständige Website-Bearbeitung ermöglicht es Ihnen, Ihre Ideen mit beispielloser Präzision und Finesse zum Leben zu erwecken.

Lesen Sie auch : Beste Elementor SaaS WordPress-Themes

Die wichtigsten Vorteile der vollständigen Website-Bearbeitung

Kurz gesagt: Durch die vollständige Site-Bearbeitung können Sie Ihrer Kreativität freien Lauf lassen, Ihren Arbeitsablauf optimieren und Ihre Website zukunftssicher machen – und das alles ohne den Aufwand komplizierter Tools oder Fachjargon.

Die wichtigsten Vorteile sind:

• Vollständige Designkontrolle : Bei der vollständigen Bearbeitung der Website sind Sie der Boss. Gestalten Sie jede Ecke Ihrer Website, vom Site-Symbol über die hervorgehobenen Bildfelder, den Site- Logo- Bereich bis zum Post-Kachelblock – alles ganz einfach genau so, wie Sie es sich vorstellen, von der Kopf- bis zur Fußzeile, ganz einfach.

• Einheitliches Bearbeitungserlebnis : Verabschieden Sie sich vom Hin- und Herwechseln zwischen verschiedenen Seitenvorlagen, Vorlagendateien und Editoren. Die vollständige WordPress-Website-Bearbeitung vereint alles unter einem Dach, vereinfacht die Arbeit am WordPress-Dashboard und macht es effizienter, das Erscheinungsbild Ihrer Website zu optimieren.

• Erweiterte Anpassungsoptionen : Haben Sie genug von ausgefallenen Designs, wie sie in den meisten Themenrahmen ? Die vollständige WordPress-Bearbeitung bietet eine Fülle von Anpassungsoptionen für die WordPress-Plattform und ermöglicht es Ihnen, jeden Aspekt Ihrer Webseite zu personalisieren, indem Sie die vollständige Website-Bearbeitung verwenden, um Ihren einzigartigen Stil widerzuspiegeln.

• Optimierter Workflow : Sie müssen nicht mehr mit mehreren Tools und Plugins jonglieren. Die vollständige Site-Bearbeitung rationalisiert den Designprozess und spart Ihnen Zeit und Mühe, sodass Sie sich auf das Wesentliche konzentrieren können: die Erstellung großartiger Inhalte.

• Reduzierte Abhängigkeit von Plugins : Verabschieden Sie sich von der Plugin-Überlastung. Nutzen Sie die vollständige Website-Bearbeitung, da viele der Funktionen, für die früher Plugins erforderlich waren, jetzt direkt in den WordPress-Blogbeitrag integriert sind, wie im neuen Website-Editor zu sehen ist. Dadurch wird der Bedarf an zusätzlicher Software minimiert, die Ihre Seitenlayouts überfüllt.

• Machen Sie Ihre Website zukunftssicher : Bleiben Sie mit der vollständigen WordPress-Site-Bearbeitung immer auf dem neuesten Stand. Durch die Nutzung dieser innovativen Site-Bearbeitung wird Ihre Website zukunftssicher und bleibt mit neuen Funktionen anpassungsfähig und relevant, während sich die Technologie weiterentwickelt.

Ist die vollständige Website-Bearbeitung nur für Block-Themes verfügbar?

Die vollständige Bearbeitung von WordPress-Sites ist nicht auf Blockthemen beschränkt, Site-Blöcke sind jedoch so konzipiert, dass sie die Funktion voll ausnutzen.

So laufen WordPress-Websites mit allen in ihrem Theme integrierten Blöcken:

• Blockthemen enthalten zusätzlich zum Beitragsinhaltsblock einen Spaltenblock mit Kopfzeilenvorlage, Fußzeilen, Seitenleisten und anderen Vorlagenteilen.

• Sie verwenden eine theme.json-Datei als vollständiges Website-Bearbeitungsthema, um globale Stile und Einstellungen zu steuern und den herkömmlichen Design-Anpasser zu ersetzen.

• Obwohl dies nicht zwingend erforderlich ist, sind die Blockeinstellungen für die vollständige Bearbeitung der Website optimiert, sodass Benutzer überall in den Theme-Vorlagen Blöcke hinzufügen können.

• Derzeit sind über 160 Blockeinstellungen verfügbar, aber im Vergleich zu den Tausenden traditioneller Themes, die in der WordPress-Community bereits beliebt sind, ist das eine relativ kleine Zahl.

Was die Blöcke selbst betrifft, gibt es zwei Arten:

• Statische Blöcke enthalten zum Zeitpunkt der Veröffentlichung bekannte Inhalte wie Absätze, Überschriften, Bilder und Schaltflächen.

• Dynamische (Themen-)Blöcke sind für die Vorlagenerstellung konzipiert und können Inhalte dynamisch aus dem Backend der Website abrufen, z. B. Beitrags-Feeds, Titel, vorgestellte Bilder und mehr.

Lesen Sie weiter : Erfahren Sie, wie Sie ganz einfach einen benutzerdefinierten Beitragstyp in WordPress erstellen

Was Sie vor der Verwendung der vollständigen Site-Bearbeitung wissen sollten

Bevor Sie sich in die Benutzeroberfläche des Site-Editors vertiefen und Ihre WordPress-Site anpassen, ist es wichtig, die Anforderungen und möglichen Einschränkungen der vollständigen Site-Bearbeitung zu verstehen. Obwohl die Funktion leistungsstark ist, können nicht alle WordPress-Benutzer sofort auf den vollen Funktionsumfang zugreifen.

Kompatibilität nur mit Blockthemen

Die vollständige Site-Bearbeitung ist nur für Block-Themes verfügbar . Bei klassischen Themes ist der Vorlageneditor eingeschränkt oder nicht zugänglich, und die neue Site-Editor-Oberfläche wird in Ihrem Dashboard nicht angezeigt. Installieren Sie ein kompatibles Block-Theme, indem Sie im Theme-Verzeichnis nach dem Tag „Vollständige Site-Bearbeitung“ suchen.

Blockthemen wurden speziell entwickelt, um Kopf- und Fußzeilenvorlagen, Blockstile und benutzerdefinierte Seiten über das blockbasierte Layoutsystem zu unterstützen. Diese Themen verwenden eine theme.json-Datei , um globale Stile, Inhaltsbreite und Vorlagenstruktur zu definieren und ersetzen ältere Customizer-Optionen.

Überprüfen Sie Ihre WordPress-Version

Die Funktion zur vollständigen Site-Bearbeitung wurde in WordPress 5.8 eingeführt und in späteren Versionen weiterentwickelt. Für optimale Ergebnisse mit Vorlagenteilen, Abfrageschleifenblöcken und Stilvarianten wird dringend empfohlen, auf die neueste WordPress-Version zu aktualisieren . Ältere Versionen unterstützen möglicherweise kein Block-Markup oder bestimmte Blöcke, die in neueren Designs verwendet werden.

Verstehen Sie die Lernkurve

Der Wechsel zur vollständigen Site-Bearbeitung kann ungewohnt sein, wenn Sie bisher klassische Editor-Workflows oder Builder-Plugins verwendet haben. Das Drei-Punkte-Menü, die Block-Symbolleiste und die neuen Layout-Tools bieten umfangreiche Funktionen, erfordern aber eine gewisse Einarbeitung. Seien Sie geduldig, während Sie die gesamte Website-Struktur im neuen Editor erkunden.

Verwenden Sie eine Staging-Umgebung

Bevor Sie ein Block-Theme aktivieren oder von einem Builder-Plugin , ist es ratsam, Änderungen in einer Staging-Umgebung zu testen. Dadurch wird sichergestellt, dass die Umstellung Ihre aktuelle Seitenstruktur, die Organisation der HTML-Dateien und Ihr benutzerdefiniertes CSS nicht beeinträchtigt.

Wenn Sie diese wesentlichen Punkte verstehen, können Sie Fallstricke vermeiden und das Beste aus Ihrer Erfahrung mit der Bearbeitung der gesamten WordPress-Site herausholen.

Schritte zur vollständigen Website-Bearbeitung in WordPress

Sind Sie bereit, Ihre WordPress-Website auf die nächste Stufe zu heben? Befolgen Sie diese einfachen Schritte, um das volle Potenzial der gesamten Website-Bearbeitung auszuschöpfen und jeden Aspekt Ihrer Website einfach und präzise anzupassen.

Schritt 1: Auswahl eines kompatiblen Themes

Es gibt über 150 Themes zur vollständigen Website-Bearbeitung, die Sie in WordPress verwenden können. Sie können eins kostenlos von WordPress erhalten oder ein Premium-Theme kaufen. Wir wählen ein kostenloses Theme von WordPress aus. Melden Sie sich zunächst bei Ihrem WordPress-Dashboard an und gehen Sie zu Darstellung → Themes . Klicken Sie dann auf Neu hinzufügen .

Klicken Sie anschließend auf „Feature-Filter“ , um Filter festzulegen. Sie können nach Thema, Funktionen oder Layout sortieren. Um Filter anzuwenden, aktivieren Sie das Kontrollkästchen „Site-Editor“ und klicken Sie auf „Filter anwenden“ .

Sie sehen Ihre Optionen. Wählen Sie ein Design, das Ihnen gefällt, oder wählen Sie das Design „Twenty Twenty-Two“ für diese Anleitung. Aktivieren Sie anschließend Ihr Design, und schon kann es losgehen!

Lesen Sie auch : Entdecken Sie die besten WordPress-Block-Themes

Schritt 2: Anpassen einer Vorlage

Beginnen wir mit der Anpassung Ihres neuen Themes und konzentrieren uns der Einfachheit halber auf das Twenty Twenty Two-Theme :

• Aktivieren Sie Ihr Design : Aktivieren Sie es nach der Auswahl, um mit der Anpassung zu beginnen.

• Greifen Sie auf den Editor zu : Navigieren Sie zu Darstellung → Editor , um auf die Bearbeitungstools zuzugreifen.

• Vorlagen erkunden : Beginnen Sie im Editor mit der Startseitenvorlage. Um weitere Vorlagen zu erkunden, klicken Sie auf das WordPress-Logo und dann auf „Vorlagen“.

• Neue Vorlagen erstellen : Verwenden Sie die „Neu hinzufügen“ , um einzigartige Vorlagen zu erstellen, die auf die Anforderungen Ihrer Site zugeschnitten sind.

• Passen Sie Vorlagenteile an : Ändern Sie Vorlagenteile wie Kopf- und Fußzeilen, um das Erscheinungsbild Ihrer Site zu verfeinern.

• Blöcke hinzufügen : Erweitern Sie die Funktionalität Ihrer Website durch die Integration von Blöcken. Klicken Sie auf die blaue Schaltfläche +, Blöcke hinzuzufügen und .

• Vorhandene Blöcke bearbeiten : Sie können notwendige Anpassungen an vorhandenen Blöcken vornehmen, indem Sie darauf klicken und ihren Inhalt oder ihre Einstellungen ändern.

Lesen Sie mehr : Tipps zum Beheben von Fehlern beim Aktualisieren und Veröffentlichen von WordPress: Ultimative Liste

Schritt 3: Globale Stile abrufen

Ein herausragendes Merkmal von Bearbeitungsthemen für die gesamte Website ist die Möglichkeit, globale Stile festzulegen, sodass Sie Schriftarten, Farben und Abstände auf Ihrer gesamten Website problemlos anpassen können. Unabhängig davon, ob Sie ein zusammenhängendes Erscheinungsbild oder spezifische Stile für bestimmte Blöcke wünschen, sparen Sie mit dieser Funktion im Vergleich zu älteren Themes erheblich Zeit. So greifen Sie auf globale Stile im Twenty Twenty Two-Design zu und passen sie an:

• Auf globale Stile zugreifen : Klicken Sie oben rechts im Site-Editor auf das Stilsymbol, um auf globale Stile für Ihre Site zuzugreifen.

• Verfügbare Stile durchsuchen : Nach der Aktivierung können Sie die verfügbaren Stile im Twenty Twenty Two-Design erkunden, indem Sie auf den „Stile durchsuchen“ . Hier können Sie ein Farbschema , das zu Ihrer Website passt.

• Typografie-Einstellungen: Im Abschnitt „Typografie“ können Sie die Schriftoptionen für Ihren Text und Ihre Links anpassen. Passen Sie Schriftart, Größe, Zeilenhöhe und -stärke an, um das gewünschte Erscheinungsbild zu erzielen.

• Farbanpassung: Bearbeiten Sie im Bereich „Farben“ die Farben Ihrer globalen Farbpalette. Wählen Sie Farben für Hintergründe, Text und Links aus verschiedenen Optionen. Das Design „Twenty Twenty Two“ bietet 17 Vollfarben und 20 Farbverläufe. Optional können Sie benutzerdefinierte Farben und Verläufe für Ihr Branding hinzufügen.

• Polsterung anpassen : Optimieren Sie abschließend die Polsterung Ihres Layouts. Legen Sie die Polsterung für oben, links, rechts und unten gemeinsam oder einzeln fest, um sicherzustellen, dass der Inhalt Ihrer Site gut verteilt und optisch ansprechend ist.

Weiterlesen : WordPress-Änderungen werden nicht angezeigt? Einfach reparieren!

Schritt 4: Themenblöcke verwenden

Im Block-Editor stehen Ihnen über 90 Blöcke zur Verfügung, um Seitenvorlagen im Site-Editor zu erstellen. Einige davon sind dynamische Themenblöcke, die dynamische Inhalte im Frontend Ihrer Site anzeigen. Wenn Sie sich beispielsweise in der Vorlage für einzelne Beiträge befinden, sehen Sie Blöcke wie Beitragstitel, Beitragsbild und Beitragsinhalt. Diese sind praktisch, um dynamische Vorlagen für die Anzeige Ihrer Blogbeiträge zu erstellen.

• Verwenden von Themenblöcken für Kopf- und Fußzeilen und mehr : Es gibt 27 Themenblöcke. Wir zeigen Ihnen, wie Sie einige davon verwenden, um eine neue Kopfzeilenvorlage für Ihre Website zu erstellen. Öffnen Sie zunächst das Menü „Vorlagen“ und wählen Sie „Leere Vorlage“.

• Navigieren in der Ebenenansicht : Um zu sehen, welche Blöcke auf Ihrer Seite verwendet werden, klicken Sie oben links auf Ihrem Site-Editor-Bildschirm auf das Ebenensymbol.

• Blöcke für die Kopfzeile hinzufügen : Klicken Sie auf das blaue +-Symbol und scrollen Sie nach unten zu den Themenblock-Optionen. Wählen Sie den Vorlagenteilblock aus und ziehen Sie ihn auf Ihre leere Seite. Geben Sie ihm einen Namen und klicken Sie auf „Erstellen“. Fügen Sie anschließend oben einen Abstandsblock mit 20 Pixeln Abstand und einen Spaltenblock mit einer 33/33/33-Spaltenvariante hinzu.

• Anpassen der Kopfzeile : Fügen Sie den Spalten das Site-Logo, die Navigation und Social-Link-Blöcke hinzu. Sie können Bilder hochladen, Menüpunkte hinzufügen oder Social-Media- Symbole entsprechend hinzufügen.

• Layout anpassen Spalteneinstellungen → Breite die Breite jeder Spalte auf 20 %, 60 % bzw. 20 % an . So gewährleisten Sie den richtigen Abstand für Ihre Kopfzeile.

• Speichern Ihrer Vorlage : Wenn Sie mit dem Design Ihrer Kopfzeile zufrieden sind, klicken Sie auf „Veröffentlichen“ , um Ihre Vorlage zu speichern.

Suchen Sie weiter : Die besten Elementor SaaS WordPress-Themes

Schritt 5: Blockmuster zum Starten von Designs

Beim Erstellen von Vorlagen bieten Blockmuster eine schnelle Möglichkeit, Blöcke für ein einfacheres Design hinzuzufügen. WordPress bietet Standard-Blockmuster, Sie können aber auch eigene erstellen. So greifen Sie darauf zu und verwenden sie:

• Zugriff auf Blockmuster : Klicken Sie im Site-Editor auf das blaue +-Symbol und wechseln Sie dann zur Registerkarte „Muster“. Dort finden Sie verschiedene Kategorien wie Fußzeilen, Kopfzeilen, Schaltflächen, Galerien und mehr.

• Muster bearbeiten : Jedes Muster kann an Ihr Design angepasst werden. Sie können Farben, Schriftarten und Füllstile innerhalb einzelner Blöcke anpassen.

• Muster speichern : Um ein von Ihnen angepasstes Muster zu speichern, klicken Sie in der Listenansicht auf das Auslassungsmenü und wählen Sie „Zu wiederverwendbaren Blöcken hinzufügen“. Sie können es auch als Vorlagenteil für die spätere Verwendung speichern.

Die Verwendung von Blockmustern optimiert Ihren Designprozess und hilft Ihnen, ganz einfach professionell aussehende Vorlagen zu erstellen.

Weiterführende Literatur : Die besten Site-Reputation-Management-Tools zur Überwachung von Erwähnungen in sozialen Netzwerken

Profi-Tipps und häufige Fallstricke bei der Verwendung der vollständigen Site-Bearbeitung

Nachdem Sie nun ein solides Verständnis für die ersten Schritte haben, ist es an der Zeit, sich auf bewährte Methoden zu konzentrieren und auf einige häufige Herausforderungen zu achten, die beim Erstellen mit dem WordPress-Site-Editor auftreten können.

Vor größeren Änderungen immer ein Backup erstellen

Erstellen Sie ein Backup, bevor Sie Ihre Designdateien aktualisieren, eine neue Vorlage hinzufügen oder die Seitenstruktur bearbeiten. Dies schützt Ihren Inhalt, falls aufgrund von Blockkonflikten oder dem Entfernen von Blöcken, die die aktuelle Seite betreffen, etwas kaputt geht.

Verwenden Sie den Code-Editor für erweiterte Steuerung

Die Blockoberfläche ist zwar leistungsstark, aber fortgeschrittene Benutzer können sie mit dem Code-Editor im Site-Editor erweitern. Dies ist besonders hilfreich, um das Layout einzelner Blöcke anzupassen oder HTML-Kommentare einzufügen. Sie können außerdem Ausrichtung, Abstand und Inhaltsbreite über die Möglichkeiten des visuellen Editors hinaus optimieren.

Meistern Sie den Abfrageschleifenblock

Der Abfrageschleifenblock ist ein Eckpfeiler der dynamischen Inhaltserstellung in Full Site Editing. Damit können Sie Beitragsraster, Produktlisten oder kategoriespezifische Feeds überall auf Ihrer Website anzeigen, nicht nur in den Seitenvorlagen. Erfahren Sie, wie Sie die Schleifeneinstellungen anpassen, Filter hinzufügen und den Seiteninhalt mithilfe wiederverwendbarer Blockstrukturen individualisieren.

Vermeiden Sie das Mischen von klassischen und Blockthemen

Die Verwendung klassischer Themes zusammen mit FSE-Tools kann zu Inkonsistenzen führen. Ihre Fußzeilen- oder Kopfzeilenvorlagen werden möglicherweise nicht korrekt angezeigt, und Sie verlieren möglicherweise den Zugriff auf die Site-Editor-Oberfläche. Um Probleme zu vermeiden, empfehlen Theme-Entwickler, bei vollständig blockkompatiblen Themes zu bleiben.

Stilvariationen erkunden und anpassen

Viele moderne Block-Themes verfügen über integrierte Stilvarianten, die Schriftarten, Farben und Abstände der Website . Sie können diese Varianten einfach wechseln, ohne den Seiteninhalt zu beeinträchtigen. So haben Sie Gestaltungsflexibilität, ohne Seitenersteller von Drittanbietern zu benötigen.

Verwenden Sie wiederverwendbare Blöcke und Vorlagenteile

Durch das Erstellen wiederverwendbarer Blöcke können Sie ein einheitliches Design für Elemente wie Kommentarformulare, CTA-Abschnitte und benutzerdefinierte Seiten beibehalten. Speichern Sie Blöcke oder Muster direkt über das Drei-Punkte-Menü im Editor und organisieren Sie Ihre Layouts effizienter über mehrere Vorlagen hinweg.

Achten Sie auf Plugin-Konflikte

Einige ältere Builder-Plugins oder klassische Editor-Erweiterungen können Konflikte mit FSE-Funktionen verursachen. Verwenden Sie nach Möglichkeit blockkompatible Builder-Plugin-Alternativen und deaktivieren Sie widersprüchliche Tools, die bereits im neuen Vorlageneditor integrierte Funktionen duplizieren.

Wenn Sie diese Tipps befolgen und sich der häufigen Fallstricke bewusst sind, erhalten Sie eine bessere Kontrolle über Ihre WordPress-Vorlagen und können mit Full Site Editing schnellere, schlankere und zukunftssicherere Websites erstellen.

Abschluss

Mit der vollständigen Website-Bearbeitung in WordPress können Sie Ihrer Kreativität freien Lauf lassen und das Design Ihrer Website vollständig steuern. Entdecken Sie kompatible Blockthemen, meistern Sie den Blockeditor, nutzen Sie Community-Ressourcen, implementieren Sie Best Practices und lernen Sie kontinuierlich dazu.

Wenn Sie diese praktischen Schritte befolgen, können Sie mit dieser innovativen WordPress-Funktion eine Welt voller Möglichkeiten erschließen, Ihren Arbeitsablauf optimieren und Ihre Online-Präsenz zukunftssicher machen.

FAQs zur vollständigen Site-Bearbeitung in WordPress