FANDOM


Tworzysz własny kod dla swojej społeczności albo tylko dla własnego konta? Na tej stronie znajdziesz szczegóły, które pozwolą ci z jednym i drugim.

Przegląd podstawowych informacji znajdziesz na stronie Pomoc:Dostosowywanie CSS i JS.

Ściąga CSS i JS

W poniższych tabelach znajdziesz podsumowanie właściwości większości stron CSS i JS. Najczęściej używane strony są podświetlone na zielono.

CSS
Arkusz CSS Znajduje się na Dotyczy Widoczne dla Skórki
MediaWiki:Wikia.css
Special:CSS
tej wiki tej wiki wszystkich użytkowników Domyślna
MediaWiki:Common.css tej wiki tej wiki wszystkich użytkowników różnie
MediaWiki:Monobook.css tej wiki tej wiki wszystkich użytkowników Monobook
Specjalna:Moja strona/common.css tej wiki tej wiki tylko dla Ciebie wszystkie
Specjalna:Moja strona/wikia.css tej wiki tej wiki tylko dla Ciebie Domyślna
Specjalna:Moja strona/monobook.css tej wiki tej wiki tylko dla Ciebie Monobook
w:Special:MyPage/global.css Community Central wszystkich wiki tylko dla Ciebie wszystkie
JavaScript
Plik skryptu Znajduje się na Dotyczy Widoczne dla Skórki
MediaWiki:Common.js tej wiki tej wiki wszystkich użytkowników wszystkie
MediaWiki:Wikia.js tej wiki tej wiki wszystkich użytkowników Domyślna
MediaWiki:Monobook.js tej wiki tej wiki wszystkich użytkowników Monobook
Specjalna:Moja strona/common.js tej wiki tej wiki tylko dla Ciebie wszystkie
Specjalna:Moja strona/wikia.js tej wiki tej wiki tylko dla Ciebie Domyślna
Specjalna:Moja strona/monobook.js tej wiki tej wiki tylko dla Ciebie Monobook
w:Special:MyPage/global.js Community Central wszystkich wiki tylko dla Ciebie wszystkie

Sprawdzanie błędów CSS i JS w edytorze

Edytory CSS i JS Fandomu posiadają funkcję aktywnego sprawdzania błędów ("lintowania") oraz podświetlanie składni:

  • W czasie pisania kodu, edytor zwróci Ci uwagę na błędy w składni, które się pojawią.
  • Zwróć uwagę na to, że nie wszystkie problemy muszą zostać rozwiązane – technologia CSS (oraz nawet JS) ciągle się rozwija, a przeglądarki nie zawsze zachowują się identycznie: niektóre komunikaty nie potrzebują podjęcia akcji.

Częste problemy

Problemy z CSS
Problem Wytłumaczenie
@import prevent parallel downloads, use <link> instead

@import uniemożliwia równoległe pobierania, zamiast tego użyj <link>

Tagi link są z reguły używane do importowania CSS. Ponieważ MediaWiki nie pozwala na dodawanie własnych tagów link bez użycia JS, ten problem może zostać zignorowany.
Expected X but found Y

Oczekiwano X, ale znaleziono Y

Oznacza to, że została wprowadzona niepoprawna wartość dla właściwości. Na przykład, w 'color: foo;', wartość foo nie jest poprawna, ponieważ to nie kolor.
Use of !important

Użycie !important

Z reguły powinno się unikać używania !important, ponieważ powoduje trudności w utrzymaniu kodu oraz utrudnia użytkownikom nadpisanie wartości za pomocą osobistego arkusza. W większości wypadków użycie poprawnego selektora powinno zniwelować potrzebę użycia !important.
Unknown property 'codename'

Nieznana właściwość 'codename'

Chociaż nie cały kod CSS jest rozpoznawany przez narzędzie (CSS jest często aktualizowane) niektóre kody CSS ciągle mogą być odczytane jeśli są zaimplementowane dla jakiegoś obiektu na stronie (np: mix-blend-mode: color-dodge;).

Zaawansowane uwagi

Dodawanie CSS dla konkretnych stron
Przy użyciu klas CSS można wprowadzić zmiany tylko na konkretnych stronach. Element <body> w artykułach na Fandomie posiada unikalny identyfikator na podstawie nazwy danej strony. Przykładowo dla tej strony pomocy, klasa CSS to:
.page-Pomoc_Zaawansowane_CSS_i_JS
Ogólny format to .page-[nazwa artykułu], gdzie spacje, dwukropki i inne znaki specjalne są zastępowane podkreśleniami.
Tag body posiada również inne klasy, które pozwalają na dostosowanie konkretnej przestrzeni nazw itp.
Kolejność ładowania
Ogólna kolejność ładowania na Fandomie to: główny kod, następnie kod społeczności, a na końcu kod osobisty.
Na każdym poziomie kolejność to: kod wspólny, następnie kod dla skórek.
!important w CSS
Czasami może zajść potrzeba użycia właściwości !important do pominięcia kolejności w celu upewnienia się, że reguła została zastosowana.
Problemy z pamięcią podręczną
Każdy plik, który pobierasz z internetu ląduje w pamięci podręcznej. Normalnie to dobrze, ponieważ zmniejsza to ilość ruchu zarówno na Twoim urządzeniu jak i na serwerach Fandomu, ale często może być problemem przy testowaniu zmian. Opróżnienie pamięci podręcznej może trochę potrwać chyba, że użyjesz poniższych trików.
Uwaga: aby zobaczyć zmiany po zapisaniu, może zajść potrzeba odświeżenia pamięci podręcznej przeglądarki.
  • Chrome - Windows: Przytrzymaj Ctrl i wciśnij F5. OS X: Przytrzymaj ⌘ Cmd oraz ⇧ Shift i wciśnij R.
  • Safari - Przytrzymaj ⇧ Shift i kliknij na przycisk Odśwież na pasku narzędzi.
  • Firefox - Windows: Przytrzymaj Ctrl i wciśnij F5. OS X: Przytrzymaj ⌘ Cmd oraz ⇧ Shift i wciśnij R.
  • Internet Explorer - Przytrzymaj Ctrl i wciśnij F5 (lub kliknij przycisk Odśwież na pasku narzędzi).


Może zajść potrzeba ręcznego odświeżenia każdej niedawno otwartej strony, aby zobaczyć zmiany.
Popularne skrypty JavaScript
Żeby zobaczyć niektóre skrypty stworzone przez innych użytkowników, które mogą okazać się użyteczne albo warte sprawdzenia, zajrzyj na listę ulepszeń JS na FANDOM Open Source Library.
Duplikaty JavaScript
Wiele skryptów może mieć problemy jeśli zostaną uruchomione kilka razy na tej samej stronie. Upewnij się, że pisząc dany kod będzie on uruchamiał się tylko raz. Unikaj kopiowania tego samego kodu w kilku plikach, jako że prawdopodobnie będzie wywoływał konflikty i powodował mylące błędy dla Ciebie i innych czytelników.

Zobacz również

Dalsze wsparcie

Szukasz dalszego wsparcia lub masz pytanie? Sprawdź poniższe linki aby dowiedzieć się więcej.

Treści społeczności są dostępne na podstawie licencji CC-BY-SA , o ile nie zaznaczono inaczej.