Centrum Społeczności
Advertisement
Rozszerzenie jest domyślnie włączone na Fandomie.
Tabber

Tabber użyty do przedstawienia typów postaci

Tabber to rozszerzenie, które pozwala na dodanie wielu kart do tekstu, które mogą być przełączane bez konieczności przeładowywania strony.

Krok po kroku[]

  • Zdecyduj, na której stronie chcesz użyć zakładek i otwórz tę stronę do edycji.
  • Przełącz się do edytora źródłowego i wprowadź następujący kod na stronie: <bloglist/>
<tabber>
|-|Tytuł pierwszej karty=
Przykładowy tekst dla pierwszej karty.
|-|Tytuł drugiej karty=
Zawartość drugiej karty trafia tutaj.
|-|Tytuł trzeciej karty=
Zawartość trzeciej karty trafia tutaj.
</tabber>
  • Edytuj powyższy, przykładowy kod, by dostosować tytuły i treść zakładek do swoich potrzeb. Dla przykładu, zastąp "Tytuł pierwszej karty" na "Postacie" i zamień przykładowy tekst na opisy oraz zdjęcia swoich ulubionych postaci. Możesz również zmienić liczbę kart poprzez dodawanie i usuwanie fragmentów kodu.
    • Pamiętaj, że tytuły kart musisz zakończyć znakiem równości (=), a separator (|-|) musi znaleźć się między kolejnymi zakładkami.
  • Zapisz stronę i ciesz się nowo utworzoną sekcją z zakładkami.

Przykładowy tekst dla pierwszej karty.

Zawartość drugiej karty trafia tutaj.

Zawartość trzeciej karty trafia tutaj.

Zagnieżdzone tabbery[]

Istnieje możliwość tworzenia dodatkowych tabberów wewnątrz jednej z kart istniejącego tabbera. W przeciwieństwie do zwykłych tabberów, zagnieżdzone tabbery muszą korzystać z następujących znaczników:

  • {{#tag:tabber zamiast <tabber>
  • {{!}}-{{!}} zamiast |-|
  • }} zamiast </tabber>
<tabber>
Pierwszy tabber=
{{#tag:tabber|
Tytuł pierwszej karty=
Przykładowy tekst dla pierwszej karty.
{{!}}-{{!}}
Tytuł drugiej karty=
Zawartość drugiej karty trafia tutaj.
{{!}}-{{!}}
Tytuł trzeciej karty=
Zawartość trzeciej karty trafia tutaj.
}}
|-|Drugi tabber=
{{#tag:tabber|
Tytuł czwartej karty=
Przykładowy tekst dla czwartej karty.
{{!}}-{{!}}
Tytuł piątej karty=
Zawartość piątej karty trafia tutaj.
{{!}}-{{!}}
Tytuł szóstej karty=
Zawartość szóstej karty trafia tutaj.
}}
</tabber>

Przykładowy tekst dla pierwszej karty.

Zawartość drugiej karty trafia tutaj.

Zawartość trzeciej karty trafia tutaj.

Przykładowy tekst dla czwartej karty.

Zawartość piątej karty trafia tutaj.

Zawartość szóstej karty trafia tutaj.

Problemy[]

Urządzenia mobilne[]

Fandom usunął większość kodu CSS i JavaScript, stosowanego na skórce komputerowej, ze skórki mobilnej — w tym rzeczy odpowiedzialne za działanie tabbera. W rezultacie użytkownicy mobilni zobaczą zawartość poszczególnych zakładek jedna pod drugą, bez podziału na zakładki.

Co prawda, istnieją różne sposoby obejścia ograniczeń nałożonych przez Fandom, jednak wymagają one włożenia dużego wysiłki przy niewielkich korzyściach, by działały bezproblemowe. Najlepszym rozwiązaniem w powyższej sytuacji jest zastąpienie tabbera zwykłymi nagłówkami.

Wyświetlanie/edycja zawartości zakładek[]

Tabber nie zapewnia prostego sposobu edycji poszczególnych zakładek. Może to być kłopotliwe dla niedoświadczonych użytkowników, którzy chcą edytować zawartość wewnątrz karty. Dodatkowo, osoby korzystające z VisualEditora nie będą w stanie edytować zawartości bez przełączenia się do edytora źródłowego.

Ponadto, choć przy nagłówkach wewnątrz zakładek pojawiają się linki do edycji poszczególnych sekcji, nie działają one prawidłowo i kierują użytkowników do edycji niezamierzonych treści. Nagłówki te nie są również brane pod uwagę w spisie treści.

Infoboksy[]

Tabber nie zawsze wyświetla się poprawnie, gdy jest umieszczony w infoboksie (szczególnie na skórce mobilnej). Zamiast tabbera, użyj galerii bezpośrednio w polu przeznaczonym na obrazek, aby utworzyć obrazki z zakładkami. Natomiast do tworzenia zakładek dla innych treści możesz użyć paneli infoboksu.

Błędy parsowania[]

Wraz z aktualizacją do wersji MediaWiki 1.39 zaszły istotne zmiany w działaniu parsera wikitekstu. Jednym z rezultatów aktualizacji było zwiększenie rozmiaru tzw. strip markerów, co spowodowało, że niektóre strony przekroczyły wcześniej dozwolony rozmiar i przestały się renderować poprawnie. Problem był szczególnie widoczny w przypadku, gdy znaczniki te były zagnieżdżone, co często miało miejsce w przypadku tabberów.

Zobacz też[]

Advertisement