Fandom

Wikia Deutschland

Kommentare5

Layout- und Navigationsupdate am 3. Oktober

Avatar 20. September 2012 Benutzer Blog:Avatar

Störung durch Adblocker erkannt!


Wikia ist eine gebührenfreie Seite, die sich durch Werbung finanziert. Benutzer, die Adblocker einsetzen, haben eine modifizierte Ansicht der Seite.

Wikia ist nicht verfügbar, wenn du weitere Modifikationen in dem Adblocker-Programm gemacht hast. Wenn du sie entfernst, dann wird die Seite ohne Probleme geladen.

In den letzten Monaten haben wir eine Reihe von Dingen ausprobiert, um das Layout von Wikia konsistenter zu gestalten und die (Weiter-)Entwicklung neuer Funktionen einfacher zu machen. Als Ergebnis davon rollen wir am 3. Oktober global ein Update aus, das in einigen Punkten den Wikia-Skin betrifft. Da viele von euch ein angepasstes Wiki-Design haben, wollt ihr vielleicht euren Hintergrund und euer Layout an diese Änderungen anpassen. Die Hintergründe im Theme-Designer werden ebenfalls am 3. Oktober umgestellt. Sofern ihr einen eigenen Hintergrund verwendet, kann es sein, dass dieser angepasst werden muss.

Wir wissen, dass alle Änderungen am "Look and Feel" gründlich überlegt werden müssen und immer eine Umstellung für alle Nutzer sind. Wir haben uns deswegen entschlossen, alle Änderungen in einem Update zusammenzufassen, damit ihr nur einmal aktiv werden müsst um mögliche Anpassungen durchzuführen. Um euch dabei zu helfen, haben wir eine Möglichkeit eingerichtet, die Änderungen in eurem Wiki als Preview anzuzeigen - so habt ihr ausreichend Zeit, bevor die Änderungen live gehen.

Kurze Zusammenfassung (tl;dr)

  • Die Seitenbreite verlängert sich auf 1030 Pixel und vom Hintergrund wird man am Kopf und am Fuß der Seite mehr sehen (deswegen müsst ihr möglicherweise euren Hintergrund anpassen)
  • Die erweiterte Wiki-Navigation wird auf allen Wikis aktiviert (deswegen solltet ihr eure Navigationseinträge prüfen)

Was ändert sich?

Verlängerung der Seitenbreite

Die Breite der kompletten Seite erhöht sich um 30 Pixel auf 1030 Pixel. Eine Auswirkung dieser Anpassung ist die Vergrößerung des Artikelbereichs um zusätzliche 10 Pixel. Genau heruntergebrochen teilen sich die 1030 Pixel Breite wie folgt auf (von links nach rechts):

  • Ein 10 Pixel breiter Rand an der linken Seite
  • 670 Pixel Platz für den Artikelinhalt (im Hauptnamensraum oder jedem anderen Namensraum, in dem der rechte Rand sichtbar ist)
  • Ein 10 Pixel breiter Rand
  • Der rechte Rand mit einer Breite von 330 Pixeln (sofern er sichtbar ist)
  • Ein 10 Pixel breiter Rand auf der rechten Seite

Das scheinen nur minimale Änderungen zu sein, aber sie ermöglichen unseren Entwicklern und Designern eine einfachere Arbeit bei der Erstellung neuer Funktionen an einem konsistenteren Grid-Layout. In den kommenden Wochen folgt noch ein weiterer Blog-Beitrag, der aus Sicht des Design-Teams von Wikia genauere Hintergründe und Einblicke gibt, warum dieses Grid-Layout für uns so nützlich ist.

Kopfleiste und Werkzeugleiste

Die Kopfleiste, die das Wikia-Logo, die globale Navigation, deinen Avatar und Benutzernamen sowie das Partnerlogo enthält, wird über die gesamte Breite des Browser-Fensters gestreckt. Zwischen der Leiste und dem Kopf der Wiki-Seite wird es in Zukunft einen Zwischenraum geben um eine bessere visuelle Trennung zwischen wikia-weiten Inhalten (der Kopfleiste), Werbung und den wiki-eigenen Inhalten zu erhalten. Innerhalb dieses Zwischenraums wird ein Teil des Wiki-Hintergrunds angezeigt. Momentan sparen einige Wikis im Mittelteil den Hintergrund aus (oft um eine geringere Dateigröße zu erzielen), da dieser bisher nicht angezeigt wurde. Wir schlagen daher vor, diesen Bereich entsprechend mit Inhalten (oder einer passenden Farbe) aufzufüllen - unser Community Development Team ist euch bei Problemen auch gerne dabei behilflich. Der vertikale Abstand kann basierend auf der angezeigten Werbung variieren.

WikiaHeaderLoggedInDE.png

Die Kopfleiste nach dem Update

Die Werkzeugleiste am Ende der Seite wird ebenso wie die Kopfleiste die volle Breite des Browserfensters einnehmen. Sie wird am Boden des Fensters verankert bleiben und nicht wie bisher durch die Inhalte am Ende einer Seite "nach oben gedrückt" werden. Benutzer werden jetzt die Möglichkeit haben, die Werkzeugleiste mit einem Knopf in der unteren rechten Ecke einzuklappen. Wenn die Leiste im eingeklappten Zustand ist, werden 25 Pixel des Hintergrunds zwischen dem Ende des Inhalts und dem Ende des Browserfensters sichtbar sein.

Wiki-Navigation

Die Wiki-Navigation (das ist das Menü, das sich rechts von dem Logo eures Wikis befindet) wird in allen Wikis auf die neuere Version umgestellt. Die Umstellung auf diese Version, die bisher als "Erweiterte Wiki-Navigation" bekannt war, hat zwei Hauptgründe:

  • Performance: Durch Bereitstellung der alten und der neuen Version, muss JavaScript für beide Optionen geladen werden - unabhängig davon, welche Version ausgewählt wurde. Durch Festlegung auf eine einzelne Version, wird die Ladezeit verringert und die Performance verbessert.
  • Bessere Nutzerinteraktion: Aufgrund unseres Clicktrackings wissen wir, dass die Inhalte in der neuen Navigation häufiger durch Nutzer aufgerufen werden, als bei der alten Version.
Wikinav-nfs.png

Die Wiki-Navigation im neuen Stil

Diese Änderung bedeutet, dass die "Erweiterte Wiki-Navigation" am 3. Oktober aus Spezial:WikiFunktionen entfernt wird. Wir empfehlen, dass Admins bereits vor diesem Datum die Navigation umstellen, damit mögliche Anpassungen an den Einträgen oder CSS-Anpassungen rechtzeitig durchgeführt werden können.

Wie kann ich die Änderungen schon vorab anschauen?

Du kannst dir ein Preview des breiteren Layouts und der Wikia-Kopfleiste für jede Wikiseite anzeigen lassen, indem du ?wikiagrid=1&wikiafullheader=1 an das Ende der URL in der Adressleiste deines Browsers anfügst. Beispiel: http://de.community.wikia.com/wiki/Community_Deutschland?wikiagrid=1&wikiafullheader=1

Diese URL-Parameter bleiben nicht bestehen, wenn du einem Link zu einer anderen Seite folgst - du musst sie für jede Seite, die du dir anschauen möchtest, erneut eingeben. Hinweis: Die Änderung an der Werkzeugleiste am Ende der Seite sind mit dieser Methode nicht zu sehen. Ebenso ist es möglich, dass du mit dieser Methode einige kleinere Bugs bei der Positionierung von Elementen entdeckst - diese werden vor dem 3. Oktober gefixt werden - also keine Angst!

Unser Design-Team hat einige Dateien erstellt, die euch bei der Vorbereitung eines Updates des Hintergrunds zum 3. Oktober hilfreich sein können. Wir wissen, dass alle Anpassungen am "Look and Feel" sorgfältig durchgeführt werden müssen - und hoffen, dass die Informationen in diesem Beitrag und die Preview-Möglichkeit dazu beitragen, diese Änderung so einfach und schmerzlos wie möglich zu machen.

Diese .jpg-Dateien können als Hilfe bei der Erstellung eines Updates für Hintergründe dienen. Die Dateigröße muss 150KB oder weniger betragen - wir empfehlen eine Größe von 1700x800 Pixel.

  • Beispiel-Hintergrund
  • Hintergrund mit Inhalten
  • Hintergrund mit Inhalten und Werbung

Willst du weitere Updates von Fandom Deutschland erhalten? Klicke hier, um diesen Blog zu verfolgen.

Auch bei Fandom

Zufälliges Wiki