Pomoc:Wydarzenia i szablony konkursowe
Ogólne informacje[edytuj | edytuj kod]
Cześć!
W tym miejscu znajdziesz instrukcję, jak stworzyć stronę konkursową według naszego szablonu :)
Według Foczej wizji wszystkie konkursy organizowane przez WMPL mają spójny dizajn, i własny kolor przewodni, a przygotowane szablony mają to ułatwić :) Ta strona w połączeniu z informacjami, które znajdziesz w asanowym szablonie konkursu edycyjnego, powinny pozwolić Ci na samodzielne przygotowanie strony konkursu (ale również na jego samodzielną organizację!).
Tworzenie stron konkursowych[edytuj | edytuj kod]
Pewnie już wiesz jak utworzyć stronę w Wikipedii. Strony konkursów docelowo umieścimy w przestrzeni „Wikipedia:” (np. Wikipedia:WikiWalentynki 2023), jednak przenosimy je tam najlepiej dopiero wtedy, gdy będą już gotowe (wcześniej lepiej robić je w brudnopisie). Przenieść stronę możesz w łatwy sposób (klikasz w Więcej → Przenieś → podajesz nowy tytuł w odpowiedniej przestrzeni i gotowe!).
Najpierw należy utworzyć nowy szablon nawigacyjny dla danego wydarzenia w tym celu skopiuj zawartość {{Wydarzenia/Szablon}} i wklej na nowej stronie. Najlepiej jako podstronę szablonu {{Wydarzenia}}. Jeśli dane wydarzenie miało miejsce w przeszłości, to możesz też skopiować edycję z zeszłego roku np. skopiuj {{Wydarzenia/walentynki 2023}} do {{Wydarzenia/walentynki 2123}}.
Ten szablon nawigacyjny musisz wstawić na każdej podstronie konkursu w pierwszej linijce wikikodu. Wstawiamy wywołanie szablonu np. {{Wydarzenia/nowy konkurs 2023}}. Pod spodem standardowo lecimy z treścią stron!
Gdy już Twoje strony i podstrony będą gotowe, nie zapomnij o dodaniu do nich specjalnej kategorii (którą najpierw należy utworzyć ;)).
Formularze pomocnicze[edytuj | edytuj kod]
Tworzenie szablonu nawigacyjnego[edytuj | edytuj kod]
Ten formularz ułatwi utworzenie szablonu nawigacyjnego (zamiast „konkursik” wpisz nazwę wydarzenia, popraw też rok):
Tworzenie CSS z kolorami[edytuj | edytuj kod]
Jeśli chcesz ustawić inne kolory kafelków, to utwórz nowy CSS (zamiast „mój” wpisz nazwę wydarzenia i ew. rok):
Nowy CSS musisz dodać pod bazowym CSS.
Podstrony[edytuj | edytuj kod]
Zastanawiasz się, jakie podstrony będą Ci potrzebne?
Podstawowe podstrony to:
- Strona główna
- Zasady
- Nagrody
- Uczestnicy i uczestniczki
- Kontakt
Jednak w zależności od konkursu mogą Ci się przydać również takie, jak:
- Kalendarz
- Materiały dla początkujących (Zachęcam bardzo mocno!)
- Stworzone i rozbudowane artykuły
- Kategorie specjalne
- Wyzwanie dodatkowe
- Aktualny tydzień/aktualna runda
- Klasyfikacja generalna
- Zwycięzcy nagród
Jeżeli chcesz podejrzeć, jak mogą wyglądać strony konkursowe i co może się w nich znajdować, koniecznie odwiedź stronę CEE Spring 2021 czy (Nie)znanych 2021!
Zmiany w css[edytuj | edytuj kod]
W naszym szablonie stylu css na szczęście nie musimy zbyt wiele grzebać. Jedyne, co nas interesuje, to background-color:#000000 w wierszu 18 i 23. W tamto miejsce wpisujemy jedynie kolory kafelków (zgodnie z naszymi kolorami przewodnimi konkursu :)).
Szablon nawigacji konkursowej – tłumaczenie wikikodu[edytuj | edytuj kod]
Poniższe fragmenty kodu zostały skopiowane ze strony Szablon:Wydarzenia/Szablon, czyli naszej właściwej nawigacji konkursowej. Postaram się wytłumaczyć Ci, jak działają!
- Ten fragment kodu mówi pobiera wzór stylu zapisanego w języku css ze strony Szablon:Wydarzenia/baza.css, gdzie jest zapisane jak to wszystko powinno wyglądać ;) (nie zmieniać lub zmienić link)
<templatestyles src="Wydarzenia/baza.css"/>
- Na to właściwie nie musimy zwracać uwagi, te div classy mówią z jakiego wzoru z szablonu w css pobiera dany typ zawartości. (nie zmieniać)
<div class="szablon-nawi">
- Tutaj podajemy nazwę banera w Commons, jego wymiary, link, do którego ma nas przenosić po kliknięciu w baner (czyli zwykle na stronę główną konkursu) i tworzymy opis alternatywny dla tej grafiki.
<div class="banerek">
[[File:Przykładowy baner konkursowy.png|1000px|link=Wikipedia:Nazwa konkursu|alt=tu wstawiamy opis alternatywny]]
</div>
- Tutaj ta sama sytuacja jak powyżej. (nie zmieniać)
<div class="szablon-nawi-lista">
- Ten fragment szablonu interesuje nas najbardziej, ponieważ to on tworzy nasze kafelki w nawigacji konkursowej. Możemy je spersonalizować – do każdego z nich wstawiamy odpowiednią ikonę (możemy dostosować jej rozmiar i link do strony, do której będzie nas przenosiła po kliknięciu) oraz dodać odpowiedni podpis (również z linkiem). Ikony, które możecie wykorzystać w kafelkach znajdziecie np. zbiór ikon Foki.
<div class="sekcja">
[[File:Noun Project information icon 216932 cc.svg|none|40px|link=Wikipedia:Nazwa konkursu]]'''[[Wikipedia:Nazwa konkursu|<span style="color:#000000;">Strona główna</span>]]'''
</div>
- W drugim i każdym kolejnym kafelku zmieniamy ikony, podpisy i linki na takiej samej zasadzie ;)
<div class="sekcja">
[[Plik:Checklist Noun project 5166.svg|none|35px|link=Wikipedia:Nazwa konkursu/Zasady]]'''[[Wikipedia:Nazwa konkursu/Zasady|<span style="color:#000000;">Zasady konkursu</span>]]'''
</div>
- A te znaczniki zamykają nam po prostu div class="szablon-nawi" oraz div class="szablon-nawi-lista" ;) (nie zmieniać)
</div>
</div>
I to chyba właściwie tyle! W razie pytań pisz do Foki :)
Zobacz też[edytuj | edytuj kod]
- Szablony konkursowe (przykłady) – przykłady różnych przeszłych konkursów.
- Zbiór ikon Foki – ikony do wykorzystania na kafelkach.
- Szablon:Wydarzenie na stronie Stowarzyszenia Wikimedia Polska.