Czołem! Mamy dziś ważną informację dla wszystkich administratorów.
To coś, co dawne społeczności Gamepedii znają dość dobrze, ale jest to nowość dla społeczności Fandomu – mamy ekscytującą możliwość poinformować was, że od niedawna wszyscy administratorzy mają możliwość modyfikowania mobilnego CSS-u na zarządzanych przez siebie wiki! Zmian można dokonywać poprzez edycję strony MediaWiki:FandomMobile.css. Jest to kontynuacja naszego wysiłku, aby poprawić wersję mobilną, który rozpoczął się wraz z wdrożeniem motywów na skórce mobilnej w 2022 roku. Teraz możliwości modyfikacji są nawet większe, włączając w to własne style dla szablonów, tabel, stron głównych i innych funkcji jak drzew genealogicznych, aby zapewnić, że funkcje te działają i wyglądają dobrze na skórce mobilnej i zapewnić czytelnikom najlepsze możliwe doświadczenie obcowania z wiki. Zwróćcie uwagę, że korzystanie z tej funkcji wymaga uprawnień administratora, więc jeśli (jeszcze!) nie pełnisz tej funkcji na wiki, bądź na bieżąco z nowościami, w przyszłości pojawi się więcej opcji ulepszających doświadczenie edytowania wiki.
Mobilny CSS[]
W opiniach wygłaszanych przez społeczności, brak mobilnych modyfikacji wyglądu wiki był poważnym problemem dla użytkowników przez lata. Szersze badania i ankiety potwierdziły, że jest to na szczycie listy życzeń naszych użytkowników. W zeszłym roku udostępniliśmy społecznościom mobilne motywy, dając administratorom możliwość zaaplikowania motywów znanych z komputerów do skórki mobilnej poprzez kreator motywu, jednak wiedzieliśmy, że wielu administratorów chciało pójść z usprawnieniami treści wiki o krok dalej. Mobilny CSS był naturalnym krokiem w tym kierunku, a także formalnym zwieńczeniem listy funkcji, których dostarczenie zapowiedzieliśmy w planie działania na Community Connect w 2022 roku.
Choć dawne wiki z Gamepedii miały już mobilne style CSS możliwe do edycji przez ich przypisanych reprezentantów, chcieliśmy upewnić się, że wszystko pójdzie gładko gdy uruchomimy tę funkcję dla wszystkich wiki na Fandomie. Aby mieć taką pewność, poprosiliśmy wiele społeczności z różnych kategorii i języków o pomoc w testach mobilnego CSS-u, co pozwoliło nam poprawić ostatnie niedociągnięcia, a także upewnić się, że nie wystąpią problemy z wydajnością i SEO. Testy zakończyły się spektakularnym sukcesem, w którym administratorzy wiki wykazali się kreatywnymi rozwiązaniami i zastosowaniami dla CSS-u na skórce mobilnej, które przerosły nasze oczekiwania.
Punkt przejścia do niestandardowego CSS-u w panelu administratora obecnie kieruje jedynie do stylów dla wersji komputerowej. Zdajemy sobie sprawę z braku punktu przejścia dla skórki mobilnej i naprawimy to w przeciągu nadchodzących tygodni!
Polityka modyfikacji[]
Zalecamy administratorom zapoznanie się z polityką modyfikacji, gdzie zawarte są informacje o tym co może być edytowane przez mobilny CSS. Przypominamy, że stosowanie się do polityki jest obowiązkowe, a reprezentant wiki lub personel Fandomu zaproponują zmiany, jeśli coś zostanie wprowadzone w sprzeczności z wytycznymi. Można modyfikować mobilną stronę główną tak długo, jak reklamy pozostaną nienaruszone.
Kreator motywu. Kreator motywu powinien być punktem wyjścia dla każdego projektu wiki, gdyż efekty jego użycia mogą od ręki być sprawdzone dla skórki mobilnej i komputerowej jeszcze przed publikacją, a niestandardowe kody powinny być dodatkowymi poprawkami tu i ówdzie.
Zwróćcie uwagę na potrzeby urządzeń mobilnych względem komputerów. Edytowanie CSS-u jest dostępne zarówno w skórce komputerowej jak i mobilnej (podczas gdy JS można edytować jedynie dla skórki komputerowej). Niemniej sam fakt, że CSS działa na komputerze, nie oznacza, że będzie działał jednakowo na skórce mobilnej lub, że w ogóle będzie na niej dozwolony! (patrz niżej). Jeśli nie dodaliście jeszcze żadnych zmian CSS do skórki mobilnej, rekomendujemy kompletnie świeży start od zera, zamiast kopiowania kodu ze skórki komputerowej – kopiujcie i wklejajcie po kawałku tylko to, co jest akurat potrzebne.
Zwróćcie uwagę na wydajność. Ważne jest także zwrócenie uwagi na to, że pliki CSS i JS zabierają czas obliczania i renderowania, zwłaszcza jeśli ładowany jest plik graficzny. Słaba wydajność może negatywnie wpłynąć na SEO, a także zwiększyć zużycie danych mobilnych.
Obszar treści artykułu. Na skórce mobilnej obszar treści jest skompresowany z racji na ograniczony rozmiar ekranu – można edytować jedynie pisane, wygenerowane przez użytkowników tekst i obrazy stanowiące część artykułu. Natywne elementy interfejsu osadzone wewnątrz artykułów, takie jak moduły rekomendacji treści, powinny być traktowane jak podstawowe elementy interfejsu.
Tło i motywy. W skórce mobilnej możesz poprawić ułożenie obrazu w tle, ale nie można nadpisywać ani w inny sposób modyfikować motywu wiki ponad opcje dostępne w kreatorze motywu.
Przykłady[]
Poniżej przedstawiamy kilka przykładów zmian z angielskiej Genshin Impact Wiki. Mamy nadzieję, że poniższe przykłady mogą posłużyć jako inspiracja dla zmian w waszych społecznościach. Nie trzeba wcale czynić drastycznych zmian, chcemy pokazać, jak subtelne modyfikacje mogą wywołać duży efekt.
Tło infoboksów nieco ciemniejsze[]
Zakładki na stronach grywalnych postaci[]
Style „przycisków” w tekście[]
Domyślna mobilna strona główna vs strona główna z komputerów[]
Podziel się opinią[]
Jeszcze raz dziękujemy społecznościom, które pomogły nam we wczesnych testach zapewnić, że mobilny CSS nie wpłynie negatywnie na czas ładowania i pozycję w Google! Jesteśmy bardzo wdzięczni za pomoc i nie moglibyśmy tego dokonać bez waszych cennych uwag. Zachęcamy też do dzielenia się opiniami w komentarzach lub na Discordzie Fandomu!
Chcesz być na bieżąco z najnowszymi funkcjami i wieściami z Fandomu?
Kliknij, aby obserwować bloga Fandomu.
Prowadzimy eksperymenty! Dowiedz się więcej o tym, jakie wydarzenia zrealizowaliśmy i co planujemy dalej!
Chcesz skontaktować się w czasie rzeczywistym z personelem Fandomy i innymi edytorami?
Dołącz do naszego oficjalnego serwera Discord dla zarejestrowanych edytorów!