Ich rufe alle Admins!
Ein bekanntes Feature für ehemalige Gamepedia-Communitys, aber eine Neuheit für Fandom-Communitys: Wir freuen uns, euch mitteilen zu können, dass ab sofort jeder Administrator die Möglichkeit hat, Mobiles CSS in seinen Wikis über MediaWiki:FandomMobile.css anzupassen, eine Fortsetzung unserer Bemühungen um mobile Verbesserungen, die mit der Veröffentlichung vom Mobilen Design im Jahr 2022 begonnen haben. Ihr habt nun die Möglichkeit, noch weitergehende Anpassungen vorzunehmen, wie z. B. Vorlagen, Tabellen, Hauptseiten und andere Funktionen wie Stammbäume, um sicherzustellen, dass diese Funktionen auf Mobilgeräten gut funktionieren und das allgemeine Leseerlebnis verbessern. Bitte beachtet, dass diese Funktion nur für Administratoren zugänglich ist. Wenn ihr also (noch!) kein Administrator seid, haltet euch bitte auf dem Laufenden, damit ihr in naher Zukunft noch mehr Möglichkeiten zur Bearbeitung habt.
Mobiles CSS[]
Aus dem Feedback der Community geht hervor, dass das Fehlen mobiler Themen für die Benutzer in den letzten Jahren ein großes Problem darstellte. Eine breitere Untersuchung und Umfragen bestätigten, dass dies ganz oben auf der Wunschliste der Benutzer stand. Letztes Jahr konnten wir der Community das Mobile Design zur Verfügung stellen, mit dem Administratoren die Möglichkeit haben, das Desktop-Thema ihres Wikis über den ThemeDesigner auf die mobile Oberfläche zu übertragen, aber wir wussten, dass viele Administratoren noch einen Schritt weiter gehen wollten, um die Inhalte ihrer Wikis zu verbessern. Mobiles CSS war ein logischer Schritt in diese Richtung und vervollständigt auch formell die Funktionen, die auf der Community Connect 2022 in der Roadmap für Autoren vorgestellt wurden.
Während ehemalige Gamepedia-Communitys bereits über mobiles CSS verfügt haben, das von ihren Wiki-Repräsentanten bearbeitet werden konnte, wollten wir sicherstellen, dass alles für eine seitenweite Freigabe dieser Funktion in Ordnung sein würde. Zu diesem Zweck haben uns mehrere Communitys aus allen Bereichen und Sprachen dabei geholfen, das Mobile CSS zu testen, um noch letzte Fehler zu beheben und sicherzustellen, dass es keine Leistungs- und SEO-Probleme gibt. Die Tests erwiesen sich als voller Erfolg, da die Wiki-Administratoren kreative Lösungen und Anwendungsfälle vorstellten, die unsere Erwartungen übertrafen.
Der Einstiegspunkt für individuelles CSS in der Wiki-Verwaltung verweist derzeit nur auf eine Seite für Desktop-Anpassungen. Wir sind uns bewusst, dass dies die mobilen Geräte außer Acht lässt und werden dies in den kommenden Wochen beheben!
Anpassungsrichtlinie[]
Wir empfehlen Administratoren, einen Blick auf die Anpassungsrichtlinie zu werfen, um zu erfahren, was mit Mobilen CSS bearbeitet werden kann. Bitte beachtet, dass die Richtlinien verpflichtend zu befolgen sind, und dass Mitarbeiter oder Wiki-Repräsentanten Änderungen vornehmen werden, wenn etwas gegen diese Richtlinien verstößt. Es ist erlaubt, die mobile Hauptseite mit CSS zu verändern, solange die Werbeplatzierung nicht behindert wird.
ThemeDesigner: Es wurden einige Anpassungsmöglichkeiten in den ThemeDesigner eingebaut. Dieser ermöglicht es, schnelle und unkomplizierte Design-Änderungen umzusetzen, ohne dabei auf komplexeren CSS- oder JS-Code zurückgreifen zu müssen, welches unerwartete Auswirkungen haben kann. Der ThemeDesigner sollte idealerweise der Ausgangspunkt für jedes Design sein, da die Effekte sofort auf dem Desktop und auf dem Smartphone in der Vorschau angezeigt werden können, wobei der benutzerdefinierte Code ein Zusatz ist, um hier und da zusätzliche Anpassungen vorzunehmen.
Achte auf die Anforderungen von Desktop und Smartphones: Die CSS-Bearbeitung ist sowohl für den Desktop als auch für das Smartphone möglich (während die JS-Bearbeitung nur für den Desktop möglich ist). Aber nur weil etwas in deinen Desktop-CSS-Dateien funktioniert, heißt das nicht, dass es auch auf dem mobilen Skin funktioniert oder sogar erlaubt ist! (siehe unten) Wenn du noch kein mobiles CSS deinem Wiki hinzugefügt hast, bitten wir dich, komplett neu mit deinen mobilen CSS-Dateien anzufangen, anstatt deine Desktop-Dateien zu kopieren – kopiere und füge nur das ein, was du brauchst, eins nach dem anderen.
Achte auf Performanz: CSS- und JS-Anpassungen müssen berechnet und gerendert werden – besonders das Laden von Bildern kostet Zeit. Schlechte Ladezeiten können sich negativ auf die Suchmaschinenoptimierung des Wikis und damit auf die Auffindbarkeit des Wikis in Suchmaschinen auswirken.
Inhaltsbereich: Auf dem mobilen Skin ist der Inhaltsbereich aufgrund der begrenzten Bildschirmgröße komprimiert – Du kannst nur den geschriebenen, nutzergenerierten Text und die Bilder ändern, die Teil des Artikels sind. Native inhaltsbezogene Platzierungen, wie z. B. Empfehlungsmodule für Inhalte, sollten als grundlegende Oberflächenelemente respektiert werden (siehe nächster Abschnitt).
Seitenhintergrund & Theming: Auf der Desktop-Oberfläche kannst du den Hintergrund und die Themen des Theme-Designers überschreiben oder ergänzen, solange du die Flexibilität des Layouts nicht unterbrichst.
Beispiele[]
Hier seht ihr ein paar Beispiele für Änderungen, die die Genshin Impact-Community an ihrem Wiki vorgenommen hat. Wir hoffen, dass diese Beispiele euch dazu inspirieren, euer Wiki weiter anzupassen. Denkt daran, dass ihr keine drastischen Änderungen vornehmen müsst, aber diese Reihe von Beispielen soll zeigen, wie kleine Änderungen eine große Wirkung haben können.
Etwas abgedunkelter Infobox-Hintergrund[]
Tabs oben auf den Seiten der spielbaren Charaktere[]
Gestaltung von Text „Schaltflächen“[]
Standard-Hauptseite für Smartphones vs. Desktop-Hauptseite[]
Sky Children of the Light Wiki:
Teile dein Feedback mit uns[]
Vielen Dank an die Communitys, die uns bei den ersten Tests geholfen haben, um sicherzustellen, dass das individuelle Mobile CSS keine negativen Auswirkungen auf die Ladezeiten der Seiten oder die Google-Rankings hat! Wir wissen eure Hilfe sehr zu schätzen und hätten dies ohne eure wertvolle Rückmeldung nicht tun können. Denkt daran, euer Feedback mit unseren Wiki-Repräsentanten zu teilen oder uns auf Discord in diesem speziellen Mobilen CSS-Bearbeitungskanal zu kontaktieren.
Klicke hier um den News-Blogs zu folgen
Wir sind am Experimentieren! Erfahre mehr über die Art der Veranstaltungen und andere Dinge, die wir bisher gemacht haben oder noch machen werden!
Möchtest du in Echtzeit Kontakt zu anderen Fandom-Benutzern und Mitarbeitern aufnehmen?
Tritt dem offiziellen Discord-Server für registrierte Bearbeiter bei!