Evolution der WordPress-Benutzeroberfläche (2003

Veröffentlicht: 2023-10-06


Die WordPress-Benutzeroberfläche (UI) hat sich seit ihrer ersten Veröffentlichung im Jahr 2003 stetig weiterentwickelt.

Es begann als einfache Blogging-Plattform, aber WordPress hat sich zu einer vollwertigen CMS-Plattform und einem robusten Webanwendungs-Framework entwickelt. Auch die Benutzeroberfläche hat sich im Laufe der Jahre weiterentwickelt.

In diesem Artikel nehmen wir Sie mit auf eine Zeitreise in die Vergangenheit und zeigen Ihnen die verschiedenen Phasen der Entwicklung der WordPress-Benutzeroberfläche von 2003 bis heute.

Evolution of WordPress user interface since 2003 until now

Die Anfänge von WordPress

WordPress startete im Jahr 2003. Dies lag vor allem daran, dass die Entwicklung einer bereits beliebten Blogging-Software namens b2/cafelog von seinen Hauptentwicklern eingestellt wurde.

Zwei leidenschaftliche Benutzer von b2/cafelog, Matt Mullenweg und Mike Little, beschlossen, auf der Grundlage dieser Blogging-Software eine neue Plattform aufzubauen. So wurde WordPress am 27. Mai 2003 erstmals veröffentlicht. Mehr über die Entstehungsgeschichte von WordPress erfahren Sie in unserem Artikel zur Geschichte von WordPress.

Seitdem gab es viele WordPress-Releases. In diesem Artikel werden wir die Versionen hervorheben, die eine große Änderung in der Benutzeroberfläche des Admin-Panels mit sich brachten.

WordPress 0.71 – (Juni 2003)

WordPress 0.71

Die Landingpage des WordPress 0.71-Admin-Panels wurde zum direkten Schreiben von Blog-Beiträgen verwendet. Außerhalb der Post-Editor-Oberfläche gab es nicht wirklich viele Optionen.

Es wurde einfach gehalten, indem weniger Funktionen integriert wurden. Beispielsweise konnten Benutzer jedem Beitrag nur eine Kategorie zuweisen.

Außerdem gab es eine langwierige Installationsmethode, bei der viele Informationen manuell durch Bearbeiten der Kerndateien der Software geändert wurden.

WordPress 1.0.1 (Miles – 2004)

WordPress  1.0.1 - Miles

Mit der Veröffentlichung von Version 1.0.1 begann WordPress, seine Hauptveröffentlichungen nach Jazzmusikern zu benennen. Wie Sie sehen können, wurde diese Veröffentlichung nach einem berühmten Musiker, Miles Davis, benannt.

In dieser Version hat WordPress aufgehört, die B2-Dateistruktur zu verwenden, und ist zu einem eigenen Stil der Ablagestruktur übergegangen.

Zu den neuen Funktionen gehörten mehrere Kategorieauswahlmöglichkeiten, eine SEO-freundliche URL-Struktur, Kommentarmoderation, ein neues Installationsprogramm und mehrere andere Verbesserungen.

WordPress 1.2 – Mingus (Mai 2004)

WordPress 1.2 - Mingus

WordPress 1.2, benannt nach Charles Mingus, war eine monumentale Veröffentlichung. Eines der wichtigsten Upgrades in dieser Version war die Einführung von „Plugins“, die mittlerweile ein fester Bestandteil des WordPress-Ökosystems sind.

Weitere bemerkenswerte Änderungen waren Unterkategorien, benutzerdefinierte Felder, die Erstellung von Miniaturansichten, die Beitragsvorschau, verschlüsselte Passwörter und die Möglichkeit, mehrere Dienste gleichzeitig anzupingen.

WordPress 1.5 – Strayhorn (Februar 2005)

WordPress 1.5

Diese Version von WordPress wurde nach Billy Strayhorn benannt. Es zeigte den ersten Blick auf einen neuen Armaturenbrettstil. Es verwendete kein Ajax und war viel langsamer als das WordPress, das wir heute verwenden.

Ein weiteres wichtiges Feature war die Einführung von Seiten neben Beiträgen, die es Benutzern ermöglichten, statische Seiten zu erstellen, die nicht Teil ihrer Blog-Feeds sind. Diese Version unterstützte auch die Installation mehrerer Themes in einer einzigen WordPress-Installation.

WordPress 2.0 – Duke (Dezember 2005)

WordPress 2.0

WordPress 2.0 brachte eine umfassende Überarbeitung der WordPress-Administratoroberfläche. Es hatte oben eine große blaue Kopfzeile und einen völlig neu gestalteten Admin-Bereich.

Es war viel schneller als frühere Versionen, da Ajax zur Ausführung bestimmter Aufgaben verwendet wurde. Diese Version enthielt auch einen vollständigen WYSIWYG-Editor.

Akismet wurde als Plugin eingeführt, um das wachsende Kommentar-Spam-Problem zu bekämpfen. Einige andere bemerkenswerte Funktionen waren das Hochladen von Bildern/Dateien, eine Themenvorschau per Miniaturansicht (screenshot.png), eine verbesserte Veröffentlichungsgeschwindigkeit, neue Hooks für Entwickler und mehr.

WordPress 2.1 – Ella (Januar 2007)

WordPress 2.1

WordPress 2.1 Ella war die erste Version, die einen neuen Admin-Bildschirm zum Verwalten von Kommentaren einführte.

Der Prozess zur Kommentarverwaltung wurde deutlich verbessert, da Benutzer Kommentare löschen oder genehmigen konnten, ohne den Admin-Bildschirm neu laden zu müssen.

WordPress 2.3 – Dexter (September 2007)

WordPress 2.3 Dexter

Diese Version hat die WordPress-Benutzeroberfläche nicht drastisch verändert, aber einige wesentliche Verbesserungen hinzugefügt. Zum ersten Mal hat WordPress die native Unterstützung zum Hinzufügen von Tags zu Ihren Beiträgen verbessert.

Außerdem wurde ein Update-Benachrichtigungssystem eingeführt, das es dem WordPress-Kern und den Plugins ermöglicht, Benachrichtigungen anzuzeigen, wenn eine neue Version verfügbar ist.

Mit dieser Version wurde außerdem damit begonnen, Benutzer automatisch zur richtigen WordPress-URL umzuleiten, wie in den Einstellungen definiert.

WordPress 2.5 – Brecker (März 2008)

WordPress 2.5

Für WordPress 2.5 arbeitete das WordPress-Team mit Happy Cog, einem führenden Webdesign-Beratungsunternehmen, zusammen, um die Admin-Benutzeroberfläche von WordPress neu zu gestalten.

Es war eine große Designverbesserung und hatte einen großen Einfluss darauf, wie wir WordPress heute verwenden.

Post editor in WordPress 2.5

Das Dashboard wurde viel besser, da dort mehr nützliche Informationen hinzugefügt wurden. Dies war die erste Version, bei der wir ein One-Click-Upgrade für Plugins im WordPress-Plugin-Verzeichnis sahen.

In dieser Version waren auch ein viel besserer visueller Editor und eine integrierte Galerie enthalten.

Viele der Kernkomponenten dieser Neugestaltung sind immer noch ein wesentlicher Bestandteil der Software. Allerdings veränderte sich sein Aussehen bereits 10 Monate später schnell.

WordPress 2.7 – Coltrane (Dezember 2008)

WordPress 2.7

WordPress 2.7 brachte ein weiteres großes Upgrade der WordPress-Administrator-Benutzeroberfläche. Benutzer konnten nun WordPress-Dashboard-Elemente neu anpassen. Es wurden Bildschirmoptionen eingeführt, damit Benutzer Elemente entsprechend ihren Anforderungen ein- und ausblenden können.

Zu den weiteren bemerkenswerten Funktionen gehörten eine einfachere Plugin-Installation über das WordPress-Admin-Panel, Administratoren konnten Kommentarantworten aus dem Admin-Panel hinzufügen, Thread-Kommentare, Sticky-Posts, Tastaturkürzel, Kommentarpaginierung und mehr.

WordPress 2.9 – Carmen (Dezember 2009)

WordPress 2.9

WordPress 2.9 hat die Benutzeroberfläche nicht verändert, aber einige neue Funktionen hinzugefügt, die sich wunderbar in die bestehende WordPress-Oberfläche integrieren ließen. Eine dieser Änderungen war ein Plugin-Update-System, das es Benutzern ermöglichte, ihre Plugins mit einem einzigen Klick auf die neueren Versionen zu aktualisieren.

Eine weitere wichtige Änderung in der Version waren Bildbearbeitungsfunktionen, die es Benutzern ermöglichten, Bilder in WordPress zuzuschneiden, in der Größe zu ändern, zu drehen, zu skalieren und zu spiegeln.

WordPress 2.9 image editing

WordPress 3.0 – Thelonious (2010)

WordPress 3.0 Thelonious war ein großes Upgrade, das WordPress wirklich von einer Blogging-Plattform in ein vollwertiges CMS verwandelte.

Es wurden Beitragstypen, Taxonomien, benutzerdefinierte Hintergründe, Überschriften, Kurzlinks und Navigationsmenüs eingeführt. Es kam auch mit einem neuen Standardthema namens Twenty Ten, womit die Tradition begann, jedes Jahr ein neues Standardthema einzuführen, das nach dem Jahr selbst benannt ist.

Navigation menus in WordPress 3.0

Diese Version hat ein WordPress-Schwesterprojekt namens WordPress MU in das Kern-WordPress integriert. Diese Funktion ist jetzt als WordPress-Multisite bekannt. Der grundlegende Stil der Admin-Oberfläche könnte sich an all diese großen Änderungen anpassen, ohne dass eine weitere wesentliche Überarbeitung des Admin-Bereichs erforderlich wäre.

WordPress 3.1 – Django Reinhardt (2011)

WordPress 3.1

WordPress 3.1 fügte der robusten WordPress-Benutzeroberfläche weitere Funktionen hinzu.

Mit dieser neuen Version führte WordPress die Admin-Leiste, Beitragsformate und eine bessere interne Verlinkungsfunktion ein.

WordPress 3.3 – Sonny (2011)

WordPress 3.3

WordPress 3.3 wurde im Dezember 2011 veröffentlicht und war vollgepackt mit Funktionen und Verbesserungen der bestehenden WordPress-Benutzeroberfläche.

Es wurden Flyout-Menüs für eine bessere Navigation im Admin-Bereich, eine überarbeitete Admin-Leiste, Drag-and-Drop zum Hochladen von Mediendateien und Tooltips hinzugefügt. Sie können weitere Funktionen und Screenshots von WordPress 3.3 sehen.

WordPress 3.5 – Elvin (2012)

WordPress 3.5

Mobile und hochauflösende Geräte wurden bereits für alle Benutzer zugänglich. WordPress 3.5 hat die Benutzeroberfläche für moderne Retina-Display-Geräte optimiert.

Diese Version enthielt aktualisierte Symbole und adaptive Stile, die auf jeder Bildschirmauflösung großartig aussahen. Weitere Funktionen und Screenshots von WordPress 3.5 anzeigen.

WordPress 3.8 – Parker (2013)

WordPress 3.8 admin UI

Das Erscheinungsbild und der grundlegende Stil der WordPress-Benutzeroberfläche wurden seit 2008 nicht verändert und ein größeres Upgrade war längst überfällig.

Dieses Upgrade zielte darauf ab, mobile Geräte eleganter zu verwalten und WordPress zugänglicher zu machen. Nach einer Menge Arbeit wurde mit WordPress 3.8 die neue WordPress-Benutzeroberfläche veröffentlicht.

Die neue Benutzeroberfläche, die immer noch verwendet wird (mit geringfügigen Verbesserungen), reagierte auf Mobilgeräte, verfügte über mehr Farbschemata, verwendete Symbolschriftarten im Dashboard und verwendete die Open Sans-Schriftart für die Typografie.

Mobile admin UI in WordPress 3.8

WordPress 3.9 – Smith (2014)

WordPress 3.9 hat mehrere Verbesserungen vorgenommen, um die Benutzeroberfläche um neue Funktionen zu erweitern.

WordPress 3.9

Es begann mit flachen Schaltflächen im Post-Editor, Drag-and-Drop-Bild-Uploads, Galerievorschauen und mehr.

Beim Hinzufügen von Widgets im Theme-Customizer wurden außerdem Live-Vorschauen hinzugefügt. Weitere Funktionen und Screenshots von WordPress 3.9 anzeigen.

WordPress 4.0 – Benny (2014)

WordPress 4.0

Noch im selben Jahr wurde WordPress 4.0 veröffentlicht. Es gab keine wesentlichen Änderungen an der Benutzeroberfläche. Es gab jedoch einige coole Änderungen, die die bestehende WordPress-Administratoroberfläche erweiterten.

Für die Mediengalerie wurde eine neue Rasteransicht mit unendlichem Scrollen und reibungsloser Bearbeitung eingeführt. Sehen Sie sich Screenshots und Funktionen von WordPress 4.0 an.

WordPress 4.2 – Powell (2015)

WordPress 4.2 colors

WordPress 4.2 brachte eine kleine, aber deutliche Verbesserung im Farbschema des Admin-Bereichs.

Die Grautöne erhielten einen leichten Blauton und die Blautöne wurden in reines Blau ohne Rotanteil geändert. Weitere Funktionen und Screenshots von WordPress 4.2 anzeigen.

WordPress 4.5 – Coleman (2016)

Inline link editing

WordPress 4.5 brachte einige dringend benötigte Verbesserungen am Standard-WordPress-Post-Editor. Eine neue Funktion zum Bearbeiten von Inline-Links und einige neue Inline-Text-Verknüpfungen wurden eingeführt.

Im Theme-Customizer wurden Responsive-Vorschauen hinzugefügt, sodass Benutzer eine Vorschau ihres Themes für Desktop-, Tablet- und Mobilbildschirme anzeigen können, ohne das Gerät wechseln zu müssen. Weitere Features finden Sie in unserem Artikel zur Veröffentlichung von WordPress 4.5 mit Screenshots.

WordPress 4.6 – Pepper (2016)

Shiny updates and plugin installs

Mit WordPress 4.6 beschloss das Kernteam, native Schriftarten zu verwenden, anstatt Open Sans von Google-Servern zu laden.

Diese Version optimierte auch Updates, die es Benutzern ermöglichten, Plugins/Themes zu installieren, zu aktualisieren und zu löschen, ohne die Seite neu laden zu müssen.

WordPress 4.8 – Vaughan (2017)

Media widgets in WordPress 4.8

WordPress 4.8 führte eine neue Reihe von Widgets ein, um Medien wie Bilder, Audio, Video und Rich Text hinzuzufügen.

Außerdem wurde ein neues Dashboard-Widget hinzugefügt, das WordPress-Nachrichten und -Ereignisse anzeigt. Weitere Funktionen und Screenshots finden Sie in unserer Übersicht über WordPress 4.8.

WordPress 4.9 – Tipton (2017)

Theme browsing experience in WordPress 4.9

Die letzte Hauptversion von WordPress für 2017 fügte dem Theme-Customizer weitere Funktionen hinzu, darunter ein neues Theme-Browsing- und Vorschau-Erlebnis.

Außerdem wurden Code-Editoren für benutzerdefiniertes CSS und Theme-/Plugin-Editoren um Syntaxhervorhebung und automatische Vervollständigung erweitert.

WordPress 5.0 – Bebo (2018)

Block Editor was introduced in WordPress 5.0

WordPress 5.0 wurde im Dezember 2018 veröffentlicht. Es war ein wichtiger Meilenstein, der einen neuen blockbasierten Editor mit dem Codenamen Gutenberg einführte.

Mit dem neuen Blockeditor konnten Benutzer auf einfache Weise schöne Inhaltslayouts mit einer intuitiven neuen Benutzeroberfläche erstellen. Jedes Inhaltselement wurde als Block mit eigenen Einstellungen hinzugefügt, und Benutzer konnten Blöcke speichern und wiederverwenden, um das Schreiben viel schneller zu machen.

Der neue Blockeditor verfügte nicht über so viele Funktionen wie ein WordPress-Seitenersteller mit vollem Funktionsumfang, legte aber den Grundstein für die Verwendung derselben Blockeditor-Funktionalität in anderen Bereichen von WordPress.

Eine vollständige Aufschlüsselung der Unterschiede im neuen Inhaltseditor finden Sie in unserem Beitrag zu Gutenberg vs. WordPress-Seitenerstellern.

Es war ein gewaltiger Wandel vom einfachen alten TinyMCE-Editor zu einem moderneren Editor. Benutzer, die für die Umstellung nicht bereit waren, konnten den alten Editor verwenden, indem sie das Classic Editor-Plugin installierten.

Viele Experten, darunter auch WPBeginner, glaubten jedoch, dass dies ein notwendiger Fortschritt für WordPress sei. Die alte klassische Editor-Oberfläche fühlte sich im Vergleich zu den anderen beliebten Website-Buildern auf dem Markt deutlich veraltet an.

WordPress 5.2 – Jaco (2019)

Im Jahr 2019 konzentrierte sich WordPress weiterhin auf die Verbesserung des Blockeditors durch das Hinzufügen neuer Funktionen, das Beheben von Fehlern und die Verbesserung der Benutzererfahrung.

Mit WordPress 5.2 wurde eine Wiederherstellungsmodusfunktion eingeführt. Anstatt einen schwerwiegenden Fehler anzuzeigen, zeigte WordPress eine Fehlerseite an.

Technical difficulty error

Außerdem wurde Website-Administratoren eine E-Mail mit einem Link zum Zugriff auf den Admin-Bereich im Wiederherstellungsmodus zugesandt.

Dadurch konnten Websitebesitzer das Problem schnell beheben, ohne mehrere Schritte zur Fehlerbehebung durchlaufen zu müssen.

Recovery mode dashboard

WordPress 5.4 – Adderley (2020)

Der Blockeditor blieb auch im Jahr 2020 der wichtigste Teil der WordPress-Entwicklung. Mit jeder Veröffentlichung wurde es durch neue Blöcke und Tools und ein viel schnelleres Erlebnis weiter verbessert.

Mit WordPress 5.4 wurde der Vollbild-Editor zur Standardeinstellung für den Blockeditor.

Full screen block editor

Der Blockeditor hat außerdem eine neue Symbolleiste für mobile Bildschirme eingeführt.

Dies ermöglichte Benutzern ein viel saubereres Bearbeitungserlebnis auf kleineren Bildschirmgrößen.

Mobile toolbar in 5.4

WordPress 5.5 – Eckstine (2020)

Mit WordPress 5.5 wurden Blockmuster eingeführt.

Ein Muster ist eine Reihe vorab angeordneter Blöcke, um schnell häufig verwendete Designelemente wie Kopf- und Fußzeilen, Intros, Handlungsaufforderungen und mehr hinzuzufügen.

Block patterns

WordPress 5.8 – Tatum (2021)

Template editing in WordPress 5.8

In den letzten Jahren hat WordPress den Blockeditor weiter verbessert, um eine vollständige Lösung für die Website-Bearbeitung anzubieten.

In WordPress 5.8 wurde eine neue Vorlagenfunktion zusammen mit mehreren Site-weiten Blöcken eingeführt, um Ihnen das einfache Erstellen von Site-weiten Vorlagen in WordPress zu erleichtern.

Diese Version führte auch blockbasierte Widgets ein. Jeder Widget-fähige Bereich in Ihrem WordPress-Theme wird jetzt als Registerkarte im Blockeditor angezeigt. Benutzer konnten Widgets als Blöcke zu den Seitenleisten und Widget-fähigen Bereichen ihrer Websites hinzufügen.

Block widgets

Diese Funktionen legten den Grundstein für zukünftige Updates und bereiteten WordPress auf die Verwendung eines blockbasierten Site-Editors vor.

WordPress 5.9 – Josephine (2022)

WordPress 5.9 kam im Januar 2022 auf den Markt und der vollständige Website-Editor feierte sein Debüt.

Site Editor makes it debut appearance in WordPerss 5.9

Es ersetzte Navigationsmenüs, Widgets und Theme-Customizer-Links aus der Admin-Seitenleiste durch einen Link zum Site-Editor.

Es war jedoch nur für Benutzer sichtbar, die auf ihren Websites ein blockbasiertes Theme aktiviert hatten. Die Veröffentlichung enthielt Twenty Twenty-Two als neues Standardthema mit vollständiger Unterstützung für den Site-Editor.

Der Site-Editor nutzte den Block-Editor und stellte daher dieselbe Benutzeroberfläche zum Bearbeiten von Websites bereit, die Benutzer bereits zum Schreiben von Inhalten verwendeten.

Site editor interface

WordPress 6.0 Arturo (2022)

WordPress 6.0 wurde im Mai 2022 veröffentlicht. Es wurden keine Änderungen an den Hauptkomponenten der Benutzeroberfläche vorgenommen, es wurden jedoch erhebliche Verbesserungen an der Erfahrung des Site-Editors vorgenommen.

Dazu gehörte das Hinzufügen von Unterstützung für die Bearbeitung weiterer Vorlagen und das Hinzufügen weiterer Tools zu verschiedenen Blockeinstellungen.

Edit more templates

WordPress 6.1 – Mischa (2022)

WordPress 6.1 wurde im November 2022 veröffentlicht und führte die Verbesserungen am Site-Editor, insbesondere an Vorlagen und Vorlagenteilen, fort.

Diese Version hat keine wesentlichen Änderungen an der Kernbenutzeroberfläche selbst vorgenommen. Allerdings wurden dem Blockeditor mehrere neue Tools und Verbesserungen hinzugefügt. Es begann auch, die Block-Tools und -Einstellungen konsistenter zu machen.

WordPress 6.1 block editor consistency

WordPress 6.2 – Dolphy (2023)

Im ersten Halbjahr 2023 konzentrierte sich WordPress weiterhin auf eine einfachere Bearbeitung und Anpassung von Websites.

Mit der Veröffentlichung von WordPress 6.2 verließ der neue blockbasierte Site-Editor die Beta-Phase. Dadurch konnten Benutzer den Blockeditor verwenden, um ihre WordPress-Themes anzupassen und Layouts, Vorlagen, Stile und mehr zu erstellen.

Style editing in WordPress 6.2

WordPress 6.3 – Lionel (2023)

In der zweiten Hälfte des Jahres 2023 veröffentlichte WordPress 6.3 mit bedeutenden Updates für den Site-Editor.

Es wurde ein neuer Navigationsbildschirm für den Site-Editor eingeführt, der einen einfacheren Zugriff auf Vorlagen, Seiten, Muster, Stile und Navigationsmenüs ermöglicht.

WordPress 6.3 site editor navigation

Diese Version führte auch eine „Befehlspalette“ ein. Benutzer können es mit den Tasten „Befehl+K“ oder „STRG+K“ auf ihrer Tastatur starten.

Das Befehlstool ermöglichte außerdem einen einfacheren Zugriff auf WordPress-Verknüpfungen und die Suche nach vorhandenen Inhalten, Blöcken, Mustern, Vorlagen und mehr.

Command tool in WordPress 6.3

In den kommenden Versionen wird sich WordPress auf den Site-Editor, die Zusammenarbeit in Echtzeit innerhalb des WordPress-Editors und mehrsprachige Funktionen konzentrieren.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, die Entwicklung der WordPress-Benutzeroberfläche seit ihrer ersten Veröffentlichung im Jahr 2003 zu verstehen. Vielleicht möchten Sie auch die komplette Geschichte von WordPress lesen oder einen Blick auf die Top-WordPress-Unternehmen und Unternehmen werfen, die mit WordPress gewachsen sind.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.