Wikiprojekt:GLAM/layout/

Dodaj linki
Z Wikipedii, wolnej encyklopedii

Lista elementów[edytuj | edytuj kod]

Button[edytuj | edytuj kod]

Przycisk może być używany w każdym miejscu jako wyróżniający się link. Najlepiej używać jako przycisku jako linku do strony gdzie można dowiedzieć się więcej informacji. W przeciwieństwie do zwykłego linku, przycisk jest elementem wyróżniającym się, przez co bardziej zachęca do akcji.

Przykład

Tekst buttonu 

{{Wikiprojekt:GLAM/layout/Button|text=Tekst buttonu|target=Test2}}
Przykład

Inny baton 

{{Wikiprojekt:GLAM/layout/Button|text=Inny baton|target=Test2|style=background-color:#000;color:#fff;}}

H2a[edytuj | edytuj kod]

Nagłówek do sekcji stylizowany tak by wyraźnie odróżniać się od treści a zarazem wnosić elementy tożsamości wizualnej witryny.

Przykład

Zobacz inne projekty realizowane w ramach GLAM

{{Wikiprojekt:GLAM/layout/H2a|text=Zobacz inne projekty realizowane w ramach GLAM}}

H2b[edytuj | edytuj kod]

Nagłówek sekcji stylizowany, z dodatkową mniej wyróżnioną sekcją opisową tak by wyraźnie odróżniać się od treści a zarazem wnosić elementy tożsamości wizualnej witryny. Przy okazji wprowadza miejsce na dodatkowy opis — na przykład na tekst akcji czy zachęty do działania.

Przykład

Poznaj 
Galerię FARAS

{{Wikiprojekt:GLAM/layout/H2b|tekst 1=Poznaj|tekst 2=Galerię FARAS}}

[edytuj | edytuj kod]

Banner główny układu strony — element identyfikacji wizualnej zawierający logo jako plik SVG, plik tła z obrazem typu JPG oraz teksty opisowe z nazwą i krótkim opisem projektu.

Przykład
{{Wikiprojekt:GLAM/layout/Banner
|background=MNW-Faras Gallery 29.jpeg
|link=Galeria_Faras_im._Profesora_Kazimierza_Michałowskiego_w_Muzeum_Narodowym_w_Warszawie
|logo=GLAM_Logo_(DACH)_white.svg
|text line 1=test
|text line 2=dssdfsd
|shade color=#8e6e3e
|text color=#ffffff
|top=-100
}}

Menu[edytuj | edytuj kod]

Menu główne projektu.

Przykład
{{Wikiprojekt:GLAM/layout/Menu
|nazwa menu=Galeria Faras |color=red
|link=Strona główna
|Strona_1=projekt
|Strona_2=zdjęcia
|Strona_3=artykuły
|Strona_4=galeria
|Strona_5=zespoły
}}

MenuLink[edytuj | edytuj kod]

Pomocniczy szablon, używany wewnątrz menu. Niezalecane użycie poza nim.

Przykład

Menu link 

{{Wikiprojekt:GLAM/layout/MenuLink|target=Strona główna|text=Menu link}}

Box[edytuj | edytuj kod]

Box to element składający się z dwóch składników: otwierającego BoxOpen oraz zamykającego BoxClose.

Służy do grupowania elementów tekstowych i graficznych powiązanych ze sobą w zwarty układ. Box może mieć tło zdefiniowanego koloru. W układach wielokolumnowych stanowi podstawowy typ kontenera. Jest stosowany na przykład do ekspozycji sekcji kontakt na stronie głównej.

Przykład

Nagłówek H2a

Donec nibh augue, euismod nec ante vel, porttitor dignissim mi. Nam porttitor cursus sem id rhoncus. Curabitur finibus mauris quis enim malesuada facilisis. Aenean a est metus. Morbi at tristique turpis. Vivamus lobortis condimentum urna, tempus hendrerit neque blandit consequat. Nam ultricies tellus nisi, ut porttitor orci posuere a. 

{{Wikiprojekt:GLAM/layout/BoxOpen}}
{{Wikiprojekt:GLAM/layout/H2a|text=Nagłówek H2a}}
Donec nibh augue, euismod nec ante vel, porttitor dignissim mi. Nam porttitor cursus sem id rhoncus. Curabitur finibus mauris quis enim malesuada facilisis. Aenean a est metus. Morbi at tristique turpis. Vivamus lobortis condimentum urna, tempus hendrerit neque blandit consequat. Nam ultricies tellus nisi, ut porttitor orci posuere a.
{{Wikiprojekt:GLAM/layout/BoxClose}}

BoxA[edytuj | edytuj kod]

Przykład

Dołącz jako

Wikipedysta

  • Zdobywaj odznaki i kolejne poziomy

Dołącz jako

Instytucja

  • Sprawdź jakie profity da współpraca
  • Zobacz wcześniejsze realizacje
{{Wikiprojekt:GLAM/layout/BoxA}}

BoxB[edytuj | edytuj kod]

Przykład

Zbiory

Corem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.

Zobacz więcej 

{{Wikiprojekt:GLAM/layout/BoxB
|header=Zbiory
|text=Corem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.
|button target=Target
|button text=Zobacz więcej
}}

BoxC[edytuj | edytuj kod]

Przykład

Zespół

matematycznych, od rozpowszechniania kolekcji obrazów, filmów i zasobów edukacyjnych Matemateca Instytutu Matematyki i Statystyki Uniwersytetu w São Paulo.

Czytaj więcej 

{{Wikiprojekt:GLAM/layout/BoxC
|header=Zespół
|text=matematycznych, od rozpowszechniania kolekcji obrazów, filmów i zasobów edukacyjnych Matemateca Instytutu Matematyki i Statystyki Uniwersytetu w São Paulo.
|button target=Kontakt
|button text=Czytaj więcej
}}

BoxD[edytuj | edytuj kod]

Przykład

Cele i efekty projektu

matematycznych, od rozpowszechniania kolekcji obrazów, filmów i zasobów edukacyjnych Matemateca Instytutu Matematyki i Statystyki Uniwersytetu w São Paulo. Te media, już przesłane do Wikimedia Commons na wolnych licencjach, ilustrują hasła takie jak tablica Galtona, kąt spoczynku i postać Chladniego. Wkład występuje w różnych projektach. Są to: Wikipedia, Wikimedia Commons, Wikidata i Wikibooks. Zapraszamy wszystkich do zapoznania się i przyczynienia się do rozpowszechniania treści!

Czytaj więcej
7
artykułów do tej pory
5
dotychczasowe zdjęcia
{{Wikiprojekt:GLAM/layout/BoxD
|header=Cele i efekty projektu
|text=matematycznych, od rozpowszechniania kolekcji obrazów, filmów i zasobów edukacyjnych Matemateca Instytutu Matematyki i Statystyki Uniwersytetu w São Paulo. Te media, już przesłane do Wikimedia Commons na wolnych licencjach, ilustrują hasła takie jak tablica Galtona, kąt spoczynku i postać Chladniego. Wkład występuje w różnych projektach. Są to: Wikipedia, Wikimedia Commons, Wikidata i Wikibooks. Zapraszamy wszystkich do zapoznania się i przyczynienia się do rozpowszechniania treści!
|target=Page
|link text=Czytaj więcej
|pages={{PAGESINCAT:GLAM-wiki Centrum Nauki Kopernik}}
|pages text=artykułów do tej pory
|pages link=:Kategoria:GLAM-wiki Centrum Nauki Kopernik
|pages link text=Strony projektu
|images=5
|images text=dotychczasowe zdjęcia
|images link=c:Category:Files contributed by Copernicus Science Centre
|images link text=Zobacz i wykorzystaj pliki z projektu zgromadzone w Wikimedia Commons
}}

ProminentNumber[edytuj | edytuj kod]

Przykład
140
plików w Commons
{{Wikiprojekt:GLAM/layout/ProminentNumber|count=140|text=plików w Commons}}

Wikiprojekt:GLAM/layout/Zliczarka zdjęć[edytuj | edytuj kod]

Szablon umieszcza się na oddzielnej stronie, która będzie aktualizowana przez ListeriaBota.

Przykładowy kod
{{subst:Wikiprojekt:GLAM/layout/Zliczarka zdjęć}}

Układy[edytuj | edytuj kod]

Wikiprojekt:GLAM/layout/Columns2Hero[edytuj | edytuj kod]

Przykładowy kod
{{Wikiprojekt:GLAM/layout/Columns2Hero}}
'''Pierwsza kolumna'''
tekst

'''Druga kolumna'''
tekst
{{Wikiprojekt:GLAM/layout/ColumnsClose}}

Wikiprojekt:GLAM/layout/Columns3[edytuj | edytuj kod]

Przykładowy kod
{{Wikiprojekt:GLAM/layout/Columns3}}
{{Wikiprojekt:GLAM/layout/ColumnsClose}}

Wikiprojekt:GLAM/layout/ColumnsClose[edytuj | edytuj kod]

Element zamykający do wszystkich pozostałych elementów typu Column.

Przykładowy kod
{{Wikiprojekt:GLAM/layout/ColumnsClose}}

Motyw projektu[edytuj | edytuj kod]

Definiowanie motywu[edytuj | edytuj kod]

Motyw kolorystyczny definiuje się w pliku CSS. Przykład takiego pliku przedstawiono poniżej. 

.glam-accent-background {background: #8e6e45; color: #fff;}
.glam-accent-color {color: #8e6e45;}
.glam-accent-border {border-color: #8e6e45;}

Przykład ten składa się z trzech reguł, po jednej w każdej linii:

  1. Elementy wypełnione kolorem motywu: należy wskazać kolor tła (w przykładzie jest to #8e6e45) oraz kolor tekstu (w przykładzie #fff).
  2. Elementy, gdzie czcionka jest w kolorze motywu: należy wskazać kolor czcionki (w przykładzie #8e6e45).
  3. Elementy, które mają obramowanie w kolorze motywu: należy wskazać kolor obramowania (w przykładzie #8e6e45).

Podanie powyższych reguł jest opcjonalne. Ich pominięcie spowoduje, że odpowiednie elementy będą korzystały z domyślnego koloru zamiast koloru motywu (czyli z ciemnoszarego).

Definiując kolory, należy pamiętać o odpowiednim kontraście między kolorem tła a kolorem tekstu. Oznacza to, że czasem korzystne będzie użycie nieco innych kolorów dla tła boksów i dla czcionki w kolorze motywu.

Model zawartości[edytuj | edytuj kod]

Aby stronę dało się dołączyć jako arkusz stylów, musi mieć model zawartości „Oczyszczony CSS”. Próba dołączenia stron innego typu poskutkuje komunikatem o błędzie w miejscu szablonu Styles. Model zawartości to właściwość, która mówi oprogramowaniu MediaWiki, w jaki sposób należy daną stronę interpretować. Aktualny model można sprawdzić, klikając „Informacje o tej stronie” w panelu narzędziowym.

Nadanie tytułu, który kończy się na .css nie zawsze będzie wystarczające. Poniżej podano dwie metody, które pozwolą uzyskać stronę o odpowiednim modelu zawartości.

Metoda 1. (bez pomocy administratora)
  1. Utwórz stronę w przestrzeni Szablon:. Jej nazwa musi się kończyć rozszerzeniem .css, np. Szablon:GLAM/Faras/theme.css. Utworzy się strona o poprawnym modelu zawartości.
  2. Wypełnij stronę treścią, jak podano wyżej.
  3. Przenieś stronę w miejsce docelowe, np. Wikiprojekt:GLAM/Faras/theme.css (skorzystaj z opcji „Przenieś” w menu narzędziowym). Model zawartości nie ulegnie zmianie.
Metoda 2. (wymaga pomocy administratora)
  1. Utwórz stronę pod docelową nazwą.
  2. Wypełnij stronę treścią, jak podano wyżej.
  3. Poproś administratora interfejsu lub administratora o zmianę modelu zawartości tej strony na „Oczyszczony CSS”.

Przydatne linki[edytuj | edytuj kod]

  • Kalkulator kontrastu kolorów – Zgodnie z wytycznymi kontrast między tekstem a tłem powinien wynosić przynajmniej 4,5:1. Dla dużej czcionki (>18 punktów lub >14 punktów dla pogrubionego tekstu) wystarczy 3:1.
  • Narzędzie do określania odcieni koloru – Generuje listę ciemniejszych i jaśniejszych odcieni podanego koloru. Może być przydatne, aby wybrać odpowiednio jasny lub ciemny kolor pasujący np. do zdjęcia lub logotypu.

Szablon Styles[edytuj | edytuj kod]

Szablon służy do osadzenia na stronie arkusza stylów, który definiuje wygląd wszystkich powyższych komponentów. Ponadto, istnieje możliwość wskazania dodatkowego arkusza, odpowiadającego za określenie motywu kolorystycznego.

Przykład
{{Wikiprojekt:GLAM/layout/Styles|theme=Wikiprojekt:GLAM/Faras/theme.css}}

Szablon nie ma widocznego efektu w miejscu jego umieszczenia, jedynie oddziałuje na wygląd innych komponentów. Szablon można wstawić w dowolnym miejscu strony, choć zaleca się umieszczenie go na początku.

Wykorzystywane klasy CSS[edytuj | edytuj kod]

(Uzupełnić)

Strony definiujące kolory (nieaktualne)[edytuj | edytuj kod]

Poniższe strony służyły do definiowania kolorów motywu we wstępnej wersji szablonów GLAM. Niektóre z nich mogą być jeszcze używane w wybranych miejscach, ale docelowo będą zbędne i zostaną skasowane.

ToDo[edytuj | edytuj kod]

Zasoby[edytuj | edytuj kod]

Źródło: „https://pl.wikipedia.org/w/index.php?title=Wikiprojekt:GLAM/layout/&oldid=71309791”