Eine kurze Geschichte der Design- und Layouterstellung in WordPress<\/h2>\n
Um die Bedeutung von FSE zu verstehen, ist es wichtig, die Entwicklung der Gestaltung von Websites und Layouts in WordPress zu verstehen. Das wichtigste Werkzeug, das uns heute zur Verf\u00fcgung steht, ist der klassische Editor<\/a>.<\/p>\n Nat\u00fcrlich war er nicht seit jeher „klassisch“. Es war davor immer der TinyMCE-Editor – der Standard seit der ersten Version von WordPress bis etwa 2018. Dabei handelt es sich um einen einfachen WYSIWYG-Texteditor (What You See Is What You Get), mit dem du Inhalte und grundlegendes HTML sowie einige Formatierungsstile eingeben kannst. Du kannst den TinyMCE-Editor<\/a> immer noch erwerben, da es sich um ein kommerzielles Tool handelt:<\/p>\n Die gr\u00f6\u00dften Nachteile des TinyMCE-Editors sind die fehlenden Vorschaufunktionen und geringere Flexibilit\u00e4t, als du dir manchmal w\u00fcnschen w\u00fcrdest. Theme-Frameworks wurden zu einer praktikablen und leistungsstarken Alternative. Das Genesis Framework<\/a> von StudioPress gibt es nat\u00fcrlich immer noch, aber es gab auch einige andere, wie zum Beispiel Thesis<\/a>.<\/p>\n Hier kannst du sehen, wie wir von der Textbearbeitung zum visuellen Webdesign \u00fcbergehen. Das Framework bietet dir Optionen f\u00fcr das WordPress-Backend, mit denen du Aspekte des Frontends \u00e4ndern kannst. Au\u00dferdem erh\u00e4ltst du mehr „Bare-Metal“-Funktionalit\u00e4t, um weitere \u00c4nderungen vorzunehmen, z. B. Hooks und Filter<\/a>, Vorlagenunterst\u00fctzung<\/a> und mehr.<\/p>\n Allerdings war die Zug\u00e4nglichkeit f\u00fcr den typischen Nutzer immer noch nicht sehr gut, weshalb die Page-Builder-Plugins<\/a> so beliebt wurden. Du verwendest sie zusammen mit dem TinyMCE\/Classic Editor, um deine Website per Drag-and-Drop zu gestalten. Diese Plugins sind heute noch weitgehend die gleichen wie im Jahr 2011. Divi<\/a> und Beaver Builder<\/a> sind immer noch f\u00fchrend, aber auch Elementor<\/a> ist ein Gigant:<\/p>\n Lies den n\u00e4chsten Abschnitt, um zu verstehen, warum wir Alternativen zum TinyMCE-Editor und einem Seitenerstellungs-Plugin haben.<\/p>\n WordPress ist die Nummer eins<\/a> in Sachen Popularit\u00e4t, aber um das zu erreichen, musste es seinen Titel verteidigen. Im Laufe der Jahre haben viele andere Plattformen den Markt \u00fcberschwemmt.<\/p>\n Squarespace<\/a>, Wix, Medium und viele andere wollen dasselbe Publikum und dieselbe Nutzerbasis wie WordPress, und bis zum Block-Editor hatten sie alle ein viel besseres Bearbeitungserlebnis.<\/p>\n Das war ein gro\u00dfes Problem<\/a> f\u00fcr das WordPress-Management, da andere Plattformen zu dieser Zeit immer mehr an Bedeutung gewannen. Die Konkurrenten hatten auch moderne, visuelle und leistungsstarke Oberfl\u00e4chen, selbst f\u00fcr die einfache Layoutkontrolle.<\/p>\n Der Block-Editor ist eine modulare Methode, um die Beitr\u00e4ge und Seiten deiner Website aufzubauen, hat aber auch Nachteile. Zun\u00e4chst einmal bedeutet sein begrenzter Umfang, dass du wahrscheinlich ein Page-Builder-Plugin ben\u00f6tigst, wenn du „tiefere“ \u00c4nderungen vornehmen willst. Au\u00dferdem brauchst du immer noch Entwicklungskenntnisse, um eine komplette Website zu erstellen – eine kreative H\u00fcrde, f\u00fcr die das WordPress-Team eine L\u00f6sung hat.<\/p>\n Das WordPress Full Site Editing ist die neueste und beste M\u00f6glichkeit, deine Website zu entwickeln<\/a>. Sie baut auf der Verwendung von Bl\u00f6cken auf, um dein Design zusammenzusetzen, und umfasst mehr als nur einzelne Beitr\u00e4ge und Seiten. Mit FSE kannst du jeden Aspekt des Designs deiner WordPress-Website \u00fcber eine einheitliche und intuitive Oberfl\u00e4che verwalten.<\/p>\n Dies ist jetzt die „offizielle“ Art, deine Website zu bearbeiten. Er bringt alle Aspekte deiner Website unter einen Hut:<\/p>\n Mit der Weiterentwicklung des Editors verschwinden auch einige Funktionen. Du brauchst zum Beispiel keine Widget-Bereiche<\/a> mehr, obwohl WordPress sie noch immer als Legacy-Funktion f\u00fcr Themes ohne Bl\u00f6cke verwendet.<\/p>\n Wir werden sp\u00e4ter darauf zur\u00fcckkommen, was du mit dem WordPress Full Site Editing erreichen kannst. Vorher wollen wir aber noch einmal darauf eingehen, warum wir FSE \u00fcberhaupt brauchen.<\/p>\n Das WordPress-Team hat ein paar Gr\u00fcnde, FSE einzuf\u00fchren. Einige davon sind technische \u00dcberlegungen. Zum Beispiel k\u00f6nnen wir mit dem Block-Editor nicht alle Aspekte der Website bearbeiten, obwohl die Funktionalit\u00e4t eigentlich vorhanden sein sollte.<\/p>\n Es ist schwer zu verstehen, warum es so lange gedauert hat, bis wir an den Vorlagenstilen<\/a> arbeiten konnten, ohne Code zu ben\u00f6tigen. Mit dem klassischen Editor, Frameworks, Plugins f\u00fcr den Seitenaufbau und dem Block-Editor hatten wir nie die M\u00f6glichkeit dazu. Mit FSE wird dies f\u00fcr WordPress auf native Weise gel\u00f6st.<\/p>\n Diese Vereinfachung vereinheitlicht das Bearbeitungserlebnis und bringt es unter die Kontrolle des WordPress-Kernteams und nicht der Drittentwickler. Das bedeutet auch, dass das Benutzererlebnis einheitlich ist. Zwischen Inhalt, Layout und Design hast du von einem Bildschirm zum n\u00e4chsten eine vertraute Erfahrung<\/a>.<\/p>\n Diese konsistente Erlebnis bringt auch Langlebigkeit mit sich. Die vollst\u00e4ndige Bearbeitung von WordPress-Websites wird nicht verschwinden, sondern sich im Laufe der Zeit einfach weiterentwickeln. Das gibt der Plattform eine Grundlage, um sich an alles anzupassen, was das Entwicklerteam in WordPress einf\u00fchren m\u00f6chte.<\/p>\n Insgesamt erstreckt sich diese Bef\u00e4higung von den Entwicklern bis zu den Endnutzern. Die vollst\u00e4ndige Bearbeitung von WordPress-Websites gibt jedem eine gr\u00f6\u00dfere Kontrolle \u00fcber die Design\u00e4nderungen, die er vornehmen m\u00f6chte, ohne auf Entwickler, komplexe Anpassungen oder Programmierkenntnisse angewiesen zu sein.<\/p>\n F\u00fcr das WordPress-Team ist FSE nicht nur die Gegenwart, sondern auch die Zukunft der Plattform. Allerdings brauchst du ein kompatibles Theme, um es zu nutzen (dazu sp\u00e4ter mehr). Au\u00dferdem sind andere WordPress-Unternehmen m\u00f6glicherweise anderer Meinung, vor allem solche mit konkurrierenden Produkten.<\/p>\n WordPress-Webentwickler\/innen w\u00fcrden zum Beispiel argumentieren, dass es eine gute Idee ist, die Gestaltung deines Themes<\/a> jemandem anzuvertrauen, der sich damit auskennt. Wir stimmen dem in vielen F\u00e4llen zu, vor allem, wenn du komplexe Anforderungen hast, das richtige Budget und Zeit.<\/p>\n Nat\u00fcrlich ist der Block-Editor f\u00fcr den Gro\u00dfteil der Inhaltserstellung und -anpassung immer noch brauchbar. Der Sprung von diesem Editor zur vollst\u00e4ndigen Bearbeitung einer Website ist nur ein kleiner Sprung und du wirst ihn wahrscheinlich schon benutzen:<\/p>\n Viele Nutzer\/innen werden den Block-Editor zum gr\u00f6\u00dften Teil nutzen und dann eine andere L\u00f6sung einf\u00fchren. Ein Plugin f\u00fcr den Seitenaufbau bietet einige der Funktionen<\/a>, die dem Block-Editor fehlen. Divi, Elementor, Beaver Builder, Brizy<\/a> und viele andere haben gro\u00dfartige Funktionen und erm\u00f6glichen tiefere Anpassungen und Entwicklungen:<\/p>\n Wenn du das genaue Gegenteil von WordPress erleben und zu dem zur\u00fcckkehren m\u00f6chtest, wo alles begann, kannst du dich f\u00fcr ein ganz neues CMS entscheiden: ClassicPress<\/a>.<\/p>\n Die Philosophie des Projekts ist, dass die Weiterentwicklung von WordPress eine gro\u00dfartige Idee ist, abgesehen vom Block-Editor und damit auch von FSE. Der ClassicPress-Fork enth\u00e4lt ihn daher nicht. Stattdessen erstellst du Websites mit dem Classic- oder TinyMCE-Editor – genau wie fr\u00fcher.<\/p>\n Es ist im Grunde eine einfache L\u00f6sung f\u00fcr die Unausgereiftheit des Blockeditors bei seiner ersten Ver\u00f6ffentlichung. Damals machte das Konzept theoretisch Sinn. Angesichts der aktuellen Bearbeitungsm\u00f6glichkeiten von WordPress gibt es jedoch kaum einen Grund, sich f\u00fcr ClassicPress zu entscheiden.<\/p>\n Kurz gesagt, erweitert WordPress Full Site Editing die Funktionalit\u00e4t des Blockeditors auf deine gesamte Website. Um FSE zu nutzen, brauchst du ein „Block-Theme“ oder „FSE-Theme“, das es unterst\u00fctzt. Wir werden sp\u00e4ter genauer darauf eingehen.<\/p>\n Der \u00dcberblick \u00fcber die Funktionsweise von FSE ist ganz einfach:<\/p>\n Die meisten Nutzer\/innen werden keine \u00e4ltere WordPress-Version als 5.9 verwenden, aber wenn doch, musst du ein Update durchf\u00fchren, um FSE zu nutzen. Wie wir bereits beschrieben haben, brauchst du auch ein unterst\u00fctzendes Theme. Lass uns das kurz besprechen.<\/p>\n Gl\u00fccklicherweise ist die Wahl eines Block-Themes<\/a> genauso wichtig wie die Wahl eines anderen Themes. Du musst auf einige objektive Aspekte achten, um sicherzustellen, dass du eine gute L\u00f6sung herunterl\u00e4dst:<\/p>\n Da die vollst\u00e4ndige Bearbeitung von WordPress-Websites neu auf der Plattform ist, stehen dir weniger Theme-Optionen zur Verf\u00fcgung. Das bedeutet aber nicht, dass Qualit\u00e4t schwer zu finden ist. Viele gr\u00f6\u00dfere Entwickler haben ihre eigenen Vorstellungen von einem FSE\/Block-Theme. Einer der ersten war ThemeIsle’s FSE-Version von Neve<\/a>:<\/p>\n Die „traditionelle“ oder „klassische“ Version des Themes verwendet den alten Customizer aus dem Erscheinungsbild<\/strong><\/strong>-Bildschirm. In dieser Version ist der Site Editor vollst\u00e4ndig integriert und bietet eine bessere subjektive Leistung.<\/p>\n Es gibt noch andere Block-Themes wie Portfolio WP<\/a> und Mugistore<\/a>, die du dir ansehen solltest. Ollie<\/a> ist aber wohl das beste unter ihnen:<\/p>\n Es bietet die vollst\u00e4ndige Bearbeitung der WordPress-Website, ohne zu wanken. Es hat einen tollen Einf\u00fchrungsassistenten und sogar eine Premium-Version, die viele Elemente und Vorlagen der Musterbibliothek enth\u00e4lt.<\/p>\n Selbst das Standard-Theme Twenty Twenty-Four<\/a> ist jetzt eine gute Wahl f\u00fcr deine Website:<\/p>\n Die F\u00e4higkeiten und die Tiefe des Site Editors erm\u00f6glichen es uns, auf Themes aufzubauen (und sie zu erweitern), die oft viel Code und Ressourcen erfordern. Er demokratisiert die F\u00e4higkeit, Themes zu erstellen und zu entwickeln, und die Hauptschnittstelle ist daf\u00fcr die erste Anlaufstelle.<\/p>\n Um den Site Editor zu finden, navigiere in WordPress zu Darstellung > Editor<\/strong>:<\/p>\n Dieser Bildschirm ist recht \u00fcbersichtlich. Auf der rechten Seite siehst du die Layout-Vorschau. Du kannst darauf klicken, um die Oberfl\u00e4che des Site Editors f\u00fcr deine Startseite zu \u00f6ffnen. Auf der linken Seite findest du eine Reihe von Links zu anderen Bearbeitungsseiten f\u00fcr bestimmte Aufgaben. Wir werden uns diese Seiten in K\u00fcrze genauer ansehen.<\/p>\n Bevor wir uns die f\u00fcnf Bildschirme von FSE ansehen, solltest du wissen, dass du den Site Editor \u00fcber das WordPress-Logo in der oberen linken Ecke des Bildschirms verlassen kannst. Alternativ kannst du auch auf den „Zur\u00fcck“-Pfeil auf der Hauptseite Design <\/strong>klicken:<\/p>\n Nachdem das gekl\u00e4rt ist, k\u00f6nnen wir mit der Verwendung von FSE beginnen.<\/p>\n Jetzt werden wir jeden Bildschirm des Site Editors in der Reihenfolge untersuchen, in der er in der Navigation erscheint. Das bringt uns dazu, diesen Bildschirm zu besprechen!<\/p>\n Die Navigationsseite ersetzt den Bildschirm Erscheinungsbild > Men\u00fcs<\/strong>. Sobald du sie betrittst, siehst du eine Liste der Beitr\u00e4ge und Seiten auf deiner Website:<\/p>\n Wenn es sich um eine neue Website handelt, siehst du hier alle deine Beitr\u00e4ge und Seiten. Das kann verwirrend sein, weil es dein Hauptnavigationsmen\u00fc darstellt. Neben der \u00dcberschrift Navigation \u00f6ffnest du das Men\u00fc Aktionen<\/strong>. Hier hast du die M\u00f6glichkeit, das Men\u00fc zu bearbeiten, den Namen zu \u00e4ndern, es zu l\u00f6schen oder es zu duplizieren:<\/p>\n Wenn du auf Bearbeiten<\/strong> klickst, wird eine Version des Blockeditors ge\u00f6ffnet, die dein Men\u00fc als Navigationsblock enth\u00e4lt:<\/p>\n In der Seitenleiste hast du die M\u00f6glichkeit, jeden Eintrag nach oben oder unten zu verschieben, ihn aus dem Men\u00fc zu entfernen oder ein Untermen\u00fc daraus zu erstellen:<\/p>\n Jeder Eintrag im Men\u00fc verwendet einen Seiten-Link-Block, f\u00fcr den es eigene Optionen gibt. Du kannst die Inline-Formatierung und den Stil der Seitenleiste anpassen:<\/p>\n Beachte, dass du hier Bilder, Untermen\u00fcs und mehr einf\u00fcgen kannst. Das ist flexibler als die klassische Art, eine Navigation zu erstellen. Um ein Element zum Men\u00fc hinzuzuf\u00fcgen, klicke einfach auf das Plus-Symbol<\/strong> und w\u00e4hle deinen Beitrag oder deine Seite aus:<\/p>\n Sobald du deine \u00c4nderungen speicherst, siehst du, dass die Navigation deine Anpassungen widerspiegelt. Um weitere Men\u00fcs zu erstellen, kannst du den Link Aktionen > Duplizieren<\/strong> auf der Navigationsseite verwenden.<\/p>\n Auf der Seite Stile<\/strong> kannst du das Aussehen deiner Website auf globaler Ebene steuern. In der Seitenleiste findest du verschiedene Paletten und Typografieeinstellungen f\u00fcr unterschiedliche Designs:<\/p>\n Wenn du auf eine der Paletten klickst, wird dir das Design auf deiner Website angezeigt. Oben in der Seitenleiste gibt es ein Bleistift-Symbol<\/strong>, mit dem du weitere \u00c4nderungen im Seiteneditor vornehmen kannst:<\/p>\n Jede der Optionen in dieser Seitenleiste umfasst Farben, Layouts, Typografie und sogar Schatteneinstellungen. Du kannst zum Beispiel seitenweite Schriftarten ausw\u00e4hlen und sie auf verschiedene Elemente deines Designs anwenden:<\/p>\n Wenn du tiefer in die Men\u00fcs einsteigst, stehen dir oft weitere Optionen zur Verf\u00fcgung, wie Abst\u00e4nde, Farben und mehr. Im Bereich Layout <\/strong>kannst du die Abmessungen deines Hauptinhaltsbereichs sowie die Abst\u00e4nde zwischen den Bl\u00f6cken anpassen:<\/p>\n Wenn du sehen willst, wie diese \u00c4nderungen aussehen, ohne deine Website zu durchsuchen, kannst du das „Auge“-Symbol verwenden, um das Style Book zu \u00f6ffnen. Es ist ein praktisches Visualisierungswerkzeug, das Designer\/innen lieben werden:<\/p>\n Auch wenn wir hier nicht darauf eingehen, kannst du das Aussehen jedes Blocks f\u00fcr deine Website anpassen. Du k\u00f6nntest zum Beispiel auf dem globalen Styling eines Absatzblocks aufbauen. Auch hier gilt: Wenn du fertig bist, kannst du deine \u00c4nderungen speichern und sie werden f\u00fcr deine Website \u00fcbernommen.<\/p>\n Bevor du zum n\u00e4chsten FSE-Bildschirm kommst, solltest du die Datei theme.json<\/strong><\/a> kennen. Sie ist im Wesentlichen die Entwicklerversion<\/a> der Styles-Bildschirme.<\/p>\n Mit ihr kannst du die Standardstile f\u00fcr deine Website und ihre Bl\u00f6cke festlegen und sie als Konfigurationsdatei verwenden. Au\u00dferdem verwendet sie das JSON-Format<\/a>, so dass sie weniger Code-lastig ist als fr\u00fcher.<\/p>\n Letztendlich kannst du alles, was du in theme.json<\/strong> tun kannst, auch im Site Editor tun.<\/p>\n Der Seiten-Bildschirm<\/strong> dupliziert die Funktionen der klassischen Posts- und Pages-Bildschirme im WordPress-Dashboard. Du siehst zum Beispiel eine Liste von Status, die deine Seiten in folgende Kategorien unterteilt Ver\u00f6ffentlicht<\/strong><\/strong><\/strong>, Geplant<\/strong><\/strong><\/strong>, Entw\u00fcrfe <\/strong><\/strong><\/strong>und andere:<\/p>\n Jede Seite hat zus\u00e4tzliche Aktionen, wie z. B. Bearbeiten<\/strong>, Anzeigen<\/strong><\/strong>, Umbenennen <\/strong><\/strong><\/strong>und L\u00f6schen<\/strong><\/strong><\/strong><\/strong>. Du kannst eine Seite auch mit dem Stiftsymbol bearbeiten. Oben in der Liste gibt es die Option Neue Seite hinzuf\u00fcgen<\/strong><\/strong><\/strong><\/strong><\/strong> die das Offensichtliche tut.<\/p>\n Wenn du bereits den Block-Editor verwendest, wirst du dich auf diesen Bildschirmen am wohlsten f\u00fchlen. Auch wenn du hier die gleichen Funktionen wie sonst hast, bietet dir der Seiteneditor einige zus\u00e4tzliche Themebl\u00f6cke<\/a>, die dir beim Aufbau deiner Seite helfen. Diese decken typische Anwendungsf\u00e4lle ab, wie das Hinzuf\u00fcgen eines Logos, einer Navigation, von Autoren, Kommentaren und mehr:<\/p>\n Einer dieser Bl\u00f6cke – der Abfrage-Schleifen-Block<\/a> – kann dir helfen, Aufgaben zu erledigen, f\u00fcr die du sonst PHP ben\u00f6tigst. So kannst du z. B. deine neuesten Beitr\u00e4ge anzeigen oder ein Portfolio erstellen, weil du damit Beitr\u00e4ge auf der Grundlage bestimmter Parameter anzeigen kannst. Ohne die letzten beiden Bildschirme des Site Editors ist das alles jedoch nicht m\u00f6glich.<\/p>\n Vorlagen<\/a> sind ein Grundpfeiler der WordPress-Entwicklung. Sie sind wiederverwendbare Layouts, die dir helfen, die Struktur der verschiedenen Teile deiner Website zu definieren. Normalerweise sind daf\u00fcr PHP-Kenntnisse erforderlich, aber du kannst sie alle ohne Code im Seiteneditor anpassen (und neue erstellen).<\/p>\n Bei der Bearbeitung von Vorlagen gehst du genauso vor wie bei Beitr\u00e4gen und Seiten: Du f\u00fcgst im Seiteneditor Bl\u00f6cke zur Vorlage hinzu und speicherst dann die \u00c4nderungen. Nat\u00fcrlich gelten diese \u00c4nderungen f\u00fcr jede Seite, die die betreffende Vorlage verwendet.<\/p>\n Um eine neue Vorlage zu erstellen, klickst du auf die Schaltfl\u00e4che Neue Vorlage hinzuf\u00fcgen<\/strong>:<\/p>\n Dann durchl\u00e4ufst du einen kurzen Assistenten, in dem du die Art der Vorlage, die du erstellen m\u00f6chtest, und ein geeignetes Blockmuster f\u00fcr den Entwurf ausw\u00e4hlst. Diese Muster stehen im Mittelpunkt unseres letzten Abschnitts.<\/p>\n Blockmuster sind zusammenh\u00e4ngende Sammlungen von Bl\u00f6cken, die bestimmte Funktionen auf deiner Website erf\u00fcllen. Du kannst zum Beispiel ein Kopfzeilenmuster mit Logo, Navigation und Seitentitel einf\u00fcgen:<\/p>\n Sie zu erstellen<\/a> ist ganz einfach, aber ohne den Site Editor m\u00fcsstest du diese Muster mit PHP registrieren. Jetzt kannst du aber die Seite Muster <\/strong>verwenden:<\/p>\n Auf der linken Seite siehst du alle verf\u00fcgbaren Muster in Ordnern, die „Typen“ genannt werden Mit diesen Mustern kannst du schnell ein Website-Design erstellen, das oft fantastisch aussieht.<\/p>\n Die Schaltfl\u00e4che Neues Muster hinzuf\u00fcgen <\/strong>\u00f6ffnet den Editor, mit dem du diese Abschnitte selbst erstellen kannst. Auf diese Weise kannst du wiederverwendbare Elemente f\u00fcr deine Website erstellen, was eine nachhaltige und eigenn\u00fctzige Art ist, Websites f\u00fcr dich und alle anderen, mit denen du arbeitest, zu entwickeln.<\/p>\n Es gibt eine Menge zu entdecken, wenn es um die WordPress-Website-Bearbeitung geht, und wir k\u00f6nnen nicht alles behandeln, was du damit machen kannst. Wir k\u00f6nnen dir aber ein paar Tipps geben, wie du das Beste aus FSE herausholen kannst.<\/p>\n Du kannst zum Beispiel deine Vorlagen und Stile exportieren, um sie auf anderen Websites wiederzuverwenden. Gehe dazu in den Site-Editor f\u00fcr einen beliebigen Beitrag oder eine Seite und klicke dann auf das Men\u00fc Optionen<\/strong> in der oberen Symbolleiste. W\u00e4hle im Dropdown-Men\u00fc Exportieren:<\/strong><\/strong><\/p>\n So erh\u00e4ltst du eine ZIP-Datei deines Themes. Wenn du es importieren musst<\/a>, kannst du das mit dem WordPress Importer<\/a> Plugin tun.<\/p>\n![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/classic-editor_1.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/tinymce-editor.png\")
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/genesis-framework_1.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/elementor-page-builder_1.png\")
Der Block-Editor und die komplette WordPress-Seitenbearbeitung<\/h2>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wix-editor_1.png\")
Was ist WordPress Full Site Editing (FSE)?<\/h3>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/full-site-editing.png\")
\n
Warum wurde FSE in WordPress eingef\u00fchrt?<\/h2>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/templates-pages.png\")
Die Alternativen zu FSE<\/h3>\n
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/theme-development.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/block-editor-1.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/page-builder-screen.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/classicpress-homepage.png\")
Wie die WordPress-Volltextbearbeitung funktioniert<\/h2>\n
\n
Auswahl eines geeigneten FSE-Themes<\/h3>\n
\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/neve-fse.png\")
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/ollie-theme.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/twenty-twenty-four_1.png\")
Ein Rundgang durch die FSE-Oberfl\u00e4che<\/h3>\n
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/editor-link.png\")
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/back-arrow.png\"){kind=icon}
Die 5 S\u00e4ulen der WordPress-Seitenbearbeitung<\/h2>\n
1. Navigation<\/h3>\n
![\"Vollansicht](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/navigation-screen.png\")
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/nav-more-items.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/nav-block-editor.png\")
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/nav-sidebar.png\")
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/page-link-block.png\")
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/add-page-nav.png\")
2. Stile<\/h3>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/styles-screen.png\")
![\"Nahaufnahme](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/styles-editor.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/typography-settings.png\")
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/layout-tab.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/style-book.png\")
Verwendung der Datei theme.json bei der vollst\u00e4ndigen Bearbeitung von WordPress-Seiten<\/h4>\n
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/theme-json.png\")
3. Seiten<\/h3>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/pages-screen.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/theme-blocks.png\")
4. Vorlagen<\/h3>\n
![\"Hinzuf\u00fcgen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/add-template.png\")
5. Muster<\/h3>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/block-pattern.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/patterns-page.png\")
Tipps zur Verwendung der WordPress-Komplettbearbeitung f\u00fcr die Erstellung von Designs<\/h2>\n
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/options-export.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/command-palette-search.png\")