Tämä sivu kuvailee kuinka mukauttaa kuvagallerioita, diaesityksiä ja liukusäätimiä wikitekstiä käyttäen.
Katso myös perusteet sivulta Ohje:Galleriat, diaesitykset ja liukusäätimet. Huomaatahan, että galleriat ja liukusäätimet eivät tue videoita jos uudet kuvagalleriat eivät ole käytössä.
Galleria[]
Galleria on kokoelma pikkukuvia, jotka näkyvät sivulla laattoina.
Perusesimerkki[]
Tässä on gallerian peruskoodi:
<gallery> Example1.png Example2.png Example3.png </gallery>
Esimerkkejä muunnosten kera[]
Seuraava koodi tuottaa monimutkaisemman gallerian kuten yläpuolella näytetään:
<gallery navigation="true"> Example1.png Example2.png|Kuvatekstin kera Example3.png|'''[[Ohje:Wikiteksti|Wikitekstiä]]''' voi käyttää kuvatekstissä. Example4.png|Tämä kuva vie sivulle [[Ohje:Sisällöt]].|link=Ohje:Sisällöt </gallery>
Tässä esimerkissä...
- Ensimmäisessä on pelkkä kuva.
- Toisessa on myös kuvateksti.
- Kolmannessa kuvateksti sisältää wikitekstiä.
- Neljäs on wiki-sivulle linkitetty kuva, jolla on kuvateksti.
Esimerkkejä muuttujien kera[]
Jos haluat käyttää muuttujia kuvien sijaan, sinun on vaihdettava lievästi erilaiseen galleriatunnisteeseen, kuten alla näytetään (kolmen kuvamuuttujan ja joidenkin määriteltyjen asetusten kera):
{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|hideaddbutton="true"
|crop="true"
}}
Diaesitys[]
Diaesitys on kuvamoduuli, joka näyttää yhden kuvan kerralla ja siirtyy automaattisesti esitykseen kuuluvasta kuvasta toiseen.
Perusesimerkki[]
Tässä on diaesityksen peruskoodi:
<gallery type="slideshow"> Example1.png Example2.png Example3.png </gallery>
Esimerkkejä muunnosten kera[]
Seuraava koodi tuottaa monimutkaisemman diaesityksen:
<gallery type="slideshow" hideaddbutton="true" navigation="true"> Example1.png Example2.png|Kuvatekstin kera Example3.png|'''[[Ohje:Wikiteksti|Wikitekstiiä]]''' voi käyttää gallerian kuvatekstissä. Example4.png|Kuvan klikkaaminen vie sinut sivulle [[Ohje:Sisällöt]].|link=Ohje:Sisällöt|linktext=Ohje:Sisällöt </gallery>
Tässä esimerkissä...
- Ensimmäinen kohde on pelkkä kuva.
- Toinen kohde on kuva kuvatekstin kera.
- Kolmas kohde on kuva, jonka kuvatekstiin kuuluu wikitekstiä.
- Neljäs kohde on kuva, joka linkittää wikisivulle. Siihen kuuluu myös kuvateksti, sekä linkin kuvaus.
Liukusäädin[]
Liukusäädin on kuvamoduuli, johon ulottuu koko sivun levyinen kuva ja joko automaattisesti selaa läpi neljä kuvaa.
Vihje: Parhaan tuloksen saamiseksi, käytä kuvia, joiden koko on 670 x 360 pikseliä.
Perusesimerkki[]
Tässä on liukusäätimen peruskoodi:
<gallery type="slider"> Example1.png Example2.png Example3.png </gallery>
Esimerkkejä muunnosten kera[]
Seuraava koodi tuottaa monimutkaisemman liukusäätimen:
<gallery type="slider"> Example1.png Example2.png|Esimerkki 2 Example3.png|Esimerkki 3|linktext=Hienot linkit Example4.png|Esimerkki 4|link=Ohje:Sisällöt|linktext=Kiinnostavat sivut </gallery>
Tässä esimerkissä...
- Ensimmäinen kohde on pelkkä kuva.
- Toinen kohde on kuva otsikon kera.
- Kolmas kohde on kuva otsikon ja kuvauksen kera.
- Neljäs kohde on kuva, joka on linkitetty wiki-sivuun. Se sisältää myös otsikon ja kuvauksen.
Monimutkaisempi liukusäädin muuttujien kera[]
Jos haluat käyttää muuttujia kuvien sijaan, sinun on vaihdettava lievästi erilaiseen galleriatunnisteeseen, kuten alla näytetään (kolmen kuvamuuttujan ja joidenkin määriteltyjen asetusten kera):
{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|type="slider"
|orientation="right"
|hideaddbutton="true"
}}
Wikiteksti ja vaihtoehdot[]
Seuraavat viitetaulukot osoittavat mukautusvaihtoehdot näille kaikille kolmelle kuvamoduulille.
Galleria[]
| Tyyppi | Wikitekstivaihtoehdot | Oletusasetus |
|---|---|---|
| Rakennevaihtoehdot | ||
| Kuvanl leveys (max) | widths=[number of pixels] |
200px |
| Sarakkeiden määrä | columns=[number of columns] or perrow=[number of columns] |
Sovitettu sivun mukaan* |
* Jos sarakkeita ei ole määritelty, näkyvien kuvien määrä yhdellä rivillä määräytyy automaattisesti selaimen ikkunan koon mukaan.
| ||
| Gallerian asettelu | position=[left/center/right] |
Vasemmalla |
| Kuvien välit | spacing=[small/medium/large] |
Keskellä |
| Kuvien suuntautuminen ja rajaus | orientation=[none/landscape/portrait/square] |
Ei mitään |
| Kuvatekstin vaihtoehdot | ||
| Kuvatekstin sijainti | captionposition=[within/below] |
Alapuolella |
| Kuvatekstin kohdistus | captionalign=[left/center/right] |
Vasemmalla |
| Kuvatekstin väri | captiontextcolor=[hex color code] |
Artikkelin tekstin väri |
| Rajausvaihtoehdot | ||
| Reunaviivan paksuus | bordersize=[none/small/medium/large] |
Pieni |
| Reunojen väri | bordercolor=[hex color code] |
Korostusteemavääri |
| Muut | ||
| Piilota "Lisää kuva" -painike | hideaddbutton=true |
Ei piilotettu |
| Gallerian kuvateksti | caption=[text displayed] |
Ei kuvatekstiä |
| Kuvat | ||
| Kuvat ovat erotettu rivinvaihdoilla. | ||
| Kuvatekstit ovat vaihtoehtoisia. Hakasulkeita käytetään lisäämään linkkejä kuvatekstiin. | ||
Linkit ovat vaihtoehtoisia, ja käytä koodia link= |
||
Diaesitys[]
| Tyyppi | Wikitekstivaihtoehdot | Oletusasetus |
|---|---|---|
| Rakennevaihtoehdot | ||
| Kuvan leveys (maksimi) | widths=[number of pixels] |
300px |
| Rajaus | crop=[true] |
Ei rajausta |
| Viimeisimpien latausten näyttäminen | showrecentuploads=[true] |
Ei näytetä |
| Diaesityksen asema | position=[left/center/right] |
Oikealla |
| Muut | ||
| Piilota "Lisää kuva" -painike | hideaddbutton=true |
Ei piilotettu |
| Diaesityksen kuvateksti | caption=[text displayed] |
Ei kuvatekstiä |
| Kuvat | ||
| Kuvat on erotettu rivinvaihdoilla. | ||
| Kuvatekstit ovat vaihtoehtoisia. Hakasulkeita käytetään lisäämään linkkejä kuvatekstiin. | ||
Linkit ovat vaihtoehtoisia, ja käytä koodia link= |
||
Liukusäädin[]
| Tyyppi | Wikitekstivaihtoehdot | Oletusasetus |
|---|---|---|
| Rakennevaihtoehdot | ||
| Suuntautuminen | orientation=[left/right] |
Pohja |
| Kuvat | ||
| Kuvat erotetaan toisistaan rivinvaihdoilla. | ||
| Otsikot ovat vapaaehtoisia. | ||
Linkit ovat vapaaehtoisia, ja voit käyttää koodia link= |
||
Alaotsikot ovat vapaehtoisia, ja voit käyttää koodia linktext= |
||
Katso myös[]
Lisäohjeet ja palaute[]
- Lisää ohjeita löydät sivulta Ohje:Sisällöt.
- Vieraile Yhteisöwikissä saadaksesi lisätietoja ja tukea >>
- Ongelmia tai epäselvyyksiä? Ota meihin yhteyttä!
- Opi käyttämään Fandomia Fandom Universityn kautta: lyhyitä opastusvideoita kaikenlaisiin kokemuksiin