wordpress-header-gallery

Die Entwicklung hinter dem WordPress Admin Header

Eines der neuen Features in WordPress 3.3 wird die Verknüpfung von Admin Header und Admin Bar sein. Doch wie sah der Admin Header eigentlich in WordPress 0.71 aus?

Mit fast jeder Version hat sich der Kopf der Administrationsoberfläche geändert. Mal wurden Elemente hinzugefügt, mal wurden farbliche Akzente gesetzt.
Doch nicht jeder hat mit den ersten Versionen von WordPress gearbeitet und weiß noch, wie sich die Geschichte entwickelt hat. Außer vielleicht Vladimir.
Ich selbst hatte meinen ersten Kontakt mit WordPress auch erst im Jahr 2007, muss also Version 2.1, 2.2 oder 2.3 gewesen sein.

Aufgrund meiner Trac Aktivitäten weiß ich aber mittlerweile, wie sich der Admin Header von Version zu Version verändert hat.
Um einen Einblick in die Entwicklung zu geben, habe ich von jedem WordPress Zweig die ersten 300×920 Pixel genommen und die Unterschiede dokumentiert.

WordPress 0.71

WordPress 0.71-gold ist die älteste Version, die im Release Archiv geladen werden kann.

  • Minimalistik pur. WordPress war farblich in schwarz und weiß gehalten.
  • Die Navigationsleiste war unter dem WordPress Logo platziert.

WordPress 1.0

  • In Version 1.0 kam dann etwas Farbe hinzu, unter anderem für das Logo und die Links.
  • Eine statische Schattengrafik versuchte den Header von der Navigation abzutrennen.

WordPress 1.2

Gegenüber WordPress 1.0 gab es in der Version 1.2 keine Änderungen im Header.

WordPress 1.5

  • Mit Version 1.5 bekam WordPress das erste Mal sein Dashboard.
  • Im Header wurde das WordPress Logo durch den Seitennamen ersetzt.
  • Der View Site Link wechselte von der Navigation neben den Seitennamen.

WordPress 2.0

  • WordPress 2.0 wurde blau, heißt der Header wurde mit verschiedenen Blautönen unterlegt.
  • Außerdem fand zum ersten Mal das berüchtigte Howdy Element (zusammen mit den Profillinks) rechts oben seinen Platz. Es ersetzte die Links in der Navigationsleiste

Aufgefallen: Das neue WordPress 3.3 Feature Welcome Panel gab es in abgespeckter Version schon in dieser Version.

WordPress 2.1

  • Gegenüber der vorherigen Version wurde das Navigationsmenü mit einem Dunkelblau unterlegt.

WordPress 2.2

Keine Änderungen gab es in WordPress 2.2 bzg. des Headers.

WordPress 2.3

Auch Version 2.3 kam mit keinen Änderungen daher.

WordPress 2.5

  • Mit WordPress 2.5 wurde der Kopf des Backends farbenfroher, hauptsächlich durch die Farbe orange.
  • Das Navigationsmenü wurde gesplittet – das Dashboard Element erschien nun als Tab auf einer grauen Leiste über dem Logo.
  • In der selben Leiste befanden sich auch die Profillinks.
  • Der Visit Site Link wurde zum Button und das Welcome Panel wurde entfernt.

WordPress 2.6

Keine wirklichen Änderungen kamen mit Version 2.6, außer, dass der Turbo Link seinen Platz im Header fand. Turbo stand für Google Gears.

WordPress 2.7

Mit dem Redesign in WordPress 2.7 wurde die Administrationsbereich komplett überarbeitet und neu gestaltet.

  • Die Farbe blau wurde durch verschiedene Grautöne ersetzt.
  • Die Navigation befand sich nun links und die Menü-Unterpunkte waren ohne Seitenwechsel erreichbar.
  • Im Header war wieder ein WordPress Logo zu finden, daneben der View site Link.
  • Außerdem wurde eine Dropdown-Menü in den Header eingebaut, welches die „Favoriten“, wie New Post oder New Page ausgab.
  • Die Tabs Screen Options und Help wurden eingeführt.

WordPress 2.8

Die einzige direkte sichtbare Änderung war das View Site Element. Es wurde zu einem Button wieder.
Unter dem Tab Screen Options befand sich allerdings noch die Möglichkeit, dass Dashboard in 1 – 4 Spalten zu unterteilen.

WordPress 2.9

In WordPress 2.9 gab es keine Änderungen.

WordPress 3.0

In WordPress 3.0 wurden WordPress und WordPress MU verbunden.

  • Aus diesem Grund wurde die linke Navigation um die Multisite Elemente erweitert.
  • Ansonsten ist der Header deutlich heller geworden.
  • Das View Site Element wurde entfernt.

WordPress 3.1

  • WordPress 3.1 kam mit einer neuen Oberfläche für den Multisite Modus. Deswegen verschwanden die Elemente wieder aus der linken Navigation.
  • Der Link zur der neuen Oberfläche wurde oben links neben dem Profillink platziert.

WordPress 3.2

Die Admin Bar kam in Version 3.2 zum ersten Mal in Einsatz.

  • Die Admin Bar war mit Links zu häufig genutzten Funktionen gefüllt. Es gab eine Suche, die das Frontend durchsuchte und es gab ein Element für die Profillinks.
  • Die Profillinks spiegelten sich allerdings auch rechts in einem Dropdown-Menü wieder.
  • Desweiteren wurde das Navigationsmenü optisch aufgewertet. Anstatt einzelne Boxen gab es nun eine über die gesamte Höhe gezogene Leiste.
  • Der eigentliche Header mit dem Seitennamen befand sich auch nicht mehr über der Navigation, sondern neben der Navigation und unter der Admin Bar.
  • Aufgrund der Admin Bar wurde das Dropdown-Menü für die „Favoriten“ entfernt.

WordPress 3.3

WordPress 3.3 hat seinen finalen Status noch nicht erreicht, aber die Änderungen bzg. des Headers sind schon so gut wie beendet.

  • In Version 3.3 wird die Admin Bar von Version 3.2 weiter ausgebaut sein. Die neue Admin Bar verbindet jetzt den Header, das Dropdown-Menü und die alte Admin Bar.
  • Das WordPress Logo ist in die Admin Bar gewandert und bekommt dort ein eigenes Menü mit Unterpunkten, zum Beispiel zu der neuen About WordPress Seite.
  • Die Benutzerinfos sind in der Admin Bar nach rechts gewandert, sowie es bei Twitter, Google+ und Co zur Zeit ebenfalls strukturiert ist.
  • In den ersten 300 Pixel ist auch wieder das schon oben erwähnte Welcome Panel zu sehen.
  • Im Gegensatz den vorherigen Versionen sind die Unterpunkte in der linken Navigation nicht mehr direkt sichtbar. Diese erscheinen erst beim Überfahren mit der Maus.

Zukunft

Was wird die Zukunft bringen? Da WordPress 3.3 noch nicht unter die Masse gebracht worden ist, kann noch nicht wirklich gesagt werden, wie der neue Header ankommen wird.
Wird er positiv angenommen wird er vielleicht so bleiben, wenn nicht, wird er passend gemacht.

Aber vielleicht hast du schon einen Blick auf die kommende Version geworfen? Wie findest du die Änderungen? Vielleicht auch im Hinblick auf die Entwicklung seit Version 0.71?

Ich freu mich auf eure Antworten!

5 thoughts on “Die Entwicklung hinter dem WordPress Admin Header”

  1. Hallo Dominik,

    nette Auflistung. Die 0.71er Oberfläche kenne ich nur aus Testinstallationen, produktiv gearbeitet habe ich erst ab 1.0. Ich persönlich finde das die Version 2.3 den besten Kontrast hatte und das sie auch die augenfreundlichste war.

    1. Hi,
      dankeschön!

      Die Farben aus Version 2.3 könnte man ja auch eigentlich in den Classic Style einbauen, dieser strotzt ja nicht grade mit Kontrast.

  2. Huhu,

    ich bin ja seit WP 1.5 dabei und empfand das Backend bis zur Version 2.7 immer als sehr aufgeräumt und vor allem schnell navigierbar. Mit dem Klotz am linken Rand kann und will ich mich nicht anfreunden, deshalb läuft auf allen meinen Seiten das Plugin “Ozh’ Admin Drop Down Menu”.

    Die neue Adminbar – WP 3.3 läuft bei mir schon als Test – nutze ich nicht. Das ist aber wohl eher der Gewohnheit geschuldet.

    Viele Grüße von Frau-Doktor

Leave a Reply