FANDOM


Zastanawiasz się nad dostosowaniem wyglądu swojej wiki za pomocą CSS? Poniżej znajdziesz kilka porad, dzięki którym będzie to wymagać minimum zachodu.

Porady

Używaj kreatora motywu

Theme designer

Kreator motywu w akcji

Najprostszym sposobem na dostosowanie wiki i upewnienie się, że nie wypłynie to na ewentualne poprawki układu to użycie kreatora motywu.

  • Udostępnia szybki i łatwy sposób dostosowywania takich rzeczy jak logo, kolorystyka i tło Twojej wikii.
  • Więcej dowiesz się na stronie Pomoc:Kreator motywu, a sam kreator znajdziesz na stronie Specjalna:Kreator motywu.

Unikaj krzykliwych i niedopasowanych kolorów

Szczególnie dotyczy to obszaru treści.

  • Nie u wszystkich wzrok funkcjonuje jak u Ciebie – znaczna liczba ludzi ma zaburzenia wzroku i rozpoznawania barw.
  • Ekrany różnych urządzeń również zachowują się inaczej – kolory na Twoim urządzeniu mogą inaczej prezentować się na innych.

Oczywiście, nie łatwo to wziąć pod uwagę przy pracy nad motywem, ale tu jest kilka rad:

  • Staraj się uzyskać dobry kontrast pomiędzy tekstem a tłem – jak ciemny tekst na jasnym tle.
  • Obrazy tła są świetne, ale nie jeśli nie da się przeczytać tekstu. Kreator motywu posiada funkcję ustawienia przezroczystości jeśli chcesz, aby obraz tła był częściowo widoczny przez skórkę.
  • Nie zmniejszaj za bardzo elementów i tekstu, szczególnie w głównym obszarze treści.

Prosty motyw

Możesz czuć pokusę, żeby zapełnić wiki ikonami, animacjami i kolorami – jednak, dla wielu może to być rozpraszające.

Dodatkowo, pamiętaj, że szerokość strony na Fandomie jest zmienna – to co widzisz może wyglądać inaczej na różnego rozmiaru ekranach. Możesz spróbować określać szerokość elementów w wartościach procentowych zamiast bezwzględnym – to prawdopodobnie zmniejszy szansę powstawania wielkich odstępów pomiędzy lub nachodzących się elementów.

Pisz czytelny kod

Postaraj się upewnić, że napisany kod jest zrozumiały dla kogoś innego – pamiętaj, że możesz nie być jedyną osobą, która będzie wprowadzać zmiany na danej wiki. Odstępy i odpowiednie nazwy to dobre metody na ułatwienie tego.

  • dodawaj komentarze do kodu np. /* This code does x, y and z */ ;
  • gdy tworzysz dodatkowe klasy, nadawaj im zrozumiałe klasy, przykładowo .mainpage-box jest bardziej czytelne .mp213b;
  • używaj odstępów w kodzie według własnego uznania — staraj się jednak trzymać jednego stylu;
  • uporządkuj swój kod, by style odpowiadające za konkretny element wiki znajdowały się w jednym miejscu;

Przydatne linki

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