Tietolaatikon esikatselutyökalu käytössä
Tietolaatikon esikatselu on työkalu, joka on suunniteltu auttamaan käyttäjiä tietolaatikoiden rakentamisessa sekä kannettavien tietolaatikoiden merkintäkielen ja CSS-tyylien kokeilemisessa. Työkalu on hiekkalaatikko — siihen voi lisätä olemassa olevaa koodia yhteisöstäsi, mutta se ei julkaise muutoksia CSS:ään tai yhdellekään mallinesivulle.
Joka kerta kun klikkaat "Esikatselu"-painiketta, työkalu tutkii kommentit kaikista kolmesta välilehdestä — Infobox Markup, Custom CSS, ja Invocation — yhteisön URL-osoitteen sekä mallineen nimen näyttääkseen esikatselun. Se selvittää, missä yhteisösi sivuissa malline on jo käytössä ja näyttää 10 esimerkkiä siitä miten malline näyttää minkä tahansa käyttämäsi koodin.
Muista: vaikka tekisit työkalua käyttäessäsi mitä tahansa, takaamme ettet riko mitään. Työkalu ei tallenna muutoksia mallineisiin tai CSS-koodiin — se on yksittäinen ominaisuus. Pidä hauskaa!
Miten pääsen käsiksi työkaluun?[]
Avaa joko selaimellasi sivu http://infoboxpreview.appspot.com/ tai klikkaa mallinemuokkaimen sisällä painiketta "Open Infobox Preview".
Mitä eri painikkeet tekevät?[]
XML[]
Kun klikkaat 'XML'-painiketta ja kentät 'Wikia domain' ja 'Template name' ovat täytetty, 'Infobox Markup' –välilehti täyttyy mallineen sisällöllä.
Jos esimerkiksi tahdot testata mallinetta http://scrubs.wikia.com/wiki/Template:Character, sinun tarvitsee kirjoittaa verkkotunnukseksi 'scrubs.wikia.com' ja mallineen nimeksi 'Character'.
Jos mallinetta ei ole olemassa tai mallineesta ei löydy tietolaatikoiden XML-merkintäkieltä, 'Infobox Markup' -välilehti näyttää tyhjät <infobox></infobox> -tunnisteet.
Opi lisää tietolaatikoissa käytetyistä XML-tunnisteista sivulla Ohje:Tietolaatikot.
CSS[]
Kun klikkaat 'CSS'-painiketta ja kenttä 'Wikia domain' on täytetty, sivun Järjestelmäviesti:Wikia.css koko sisältö tuodaan 'Custom CSS' -välilehteen.
Esikatselu[]
Kun klikkaat 'Esikatselu'-painiketta, saatavilla oleva tieto yhdistetään luomaan esikatselunäkymä. Seuraavat kolme asiaa tapahtuvat samanaikaisesti:
Ensiksi työkalu tarkistaa kentät 'Wikia domain' ja 'Template name' löytääkseen artikkelit, joissa malline on jo käytössä parametreineen. Esimerkiksi, http://scrubs.wikia.com/wiki/Template:Character tutkii sivun http://scrubs.wikia.com/wiki/Doug_Murphy ja näyttää sen esikatselualueella.
Toiseksi, työkalu renderoi tietolaatikon 'Infobox Markup' -tunnisteen merkintöjen pohjalta. Yritä järjestellä tunnisteet uudelleen 'Infobox Markup' -välilehdessä ja klikkaa 'Preview' nähdäksesi miten tämä toimii.
Kolmanneksi, työkalu tuottaa tietolaatikolle sopivan CSS-tyylin. Työkalu tutkii ensin kaikkeen 'Wikia domain' -kenttään annetun yhteisön käyttämän CSS-koodin ja lataa sen esikatselualueelle. Sen jälkeen se lataa 'Custom CSS' -välilehden sisällön mikäli muutoksia on tehty.
Neljänneksi, työkalu tutkii 'Invocation' -välilehden ja tuottaa sen muiden valintojen yläpuolelle. Katso tarkempaa tietoa alapuolelta osiosta "Avunkutsu".
Työkalu tuottaa ainoastaan esikatselun kannettavan tietolaatikon merkinnöistä. Mitään muuta sisältöä mallineesta ei oteta huomioon.
Jakaminen[]
Painikkeen 'Share' klikkaaminen tuottaa kuvan esikatselun nykyisestä tilasta — kentät 'Wikia domain' ja 'Template name' sekä kaikkien kolmen välilehden sisältö. Tuotettu linkki osoittaa aina siihen oikeaan luonnokseen. Voi tehdä muutoksia ja tuottaa enemmän jakamislinkkejä.
Jakaminen on hyödyksi, jos haluat tehdä yhteistyötä toisen muokkaajan kanssa tietolaatikon rakentamiseksi ilman, että vaikutat yhteisöösi jo luotuihin artikkeleihin. Se on myös hieno tapa pelastaa työsi ja palata jatkamaan muokkausta myöhemmin.
Mitä eri välilehdet tekevät?[]
Infobox Markup[]
Tämän välilehden voi automaattisesti täyttää klikkaamalla painiketta 'XML' työkalun yläreunassa. Voit vaihtoehtoisesti rakentaa tietolaatikon alusta asti. Esikatselualue tutkii 'Infobox Markup' –välilehden ymmärtääkseen miten tietolaatikot kuuluu rakentaa.
Opi lisää tietolaatikoiden XML-merkinnöistä sivulta Ohje:Tietolaatikot.
Custom CSS[]
CSS-puu
Tämän välilehden voi täyttää klikkaamalla painiketta 'CSS' työkalun yläreunassa. Voit vaihtoehtoisesti kirjoittaa CSS-koodin alusta asti. Esikatselu näyttää päivitykset sitä mukaan kun kirjoitat toimivaa CSS-koodia.
CSS-rakennepuun näkymä alareunassa näyttää jokaisen elementin oikeiden luokkien nimet esikatselualueella. Klikkaa esikatselualuetta puun lukitsemiseksi tai lukituksen poistamiseksi.
Opi lisää sivujen muotoilusta CSS:n avulla artikkelista Ohje:CSS:n ja JavaScriptin mukautus tai opi CSS:n perusteet sivulta http://www.w3schools.com/css/
Invocation[]
Esimerkki mukautetusta avunpyynnöstä, joka on nähtävissä sivulla http://infoboxpreview.appspot.com/?snapshotId=-K3bhjfXNDZBULEN3om1
Jos rakennat mallineen, joka ei ole käytössä yhdelläkään sivulla, tai haluat nähdä miltä tiettyjen parametrien yhdistelmä näyttää, voit täyttää 'Invocation' -välilehden juuri niin kuin upottaisit mallineen artikkelisivulle.
Voit esimerkiksi kirjoittaa:
{{Infobox Character
|name = EXAMPLE
|image = O-Ren Ishii.jpg
|caption =
|full_name = THIS IS A TEST
|alias = Experiment
...
}}
ja esikatselu näyttää miltä tämä wikiteksti näyttää oikealla artikkelisivulla.
Usein kysytyt kysymykset[]
Olen valmis! Haluan tallentaa muutokset[]
Tämä ominaisuus ei julkaise CSS-koodiin tai mallineisiin tehtyjä muutoksia. Joudut kopioimaan ja liittämään ne oikeaan paikkaan, kun olet valmis.
Haluan esikatsella tietolaatikkoa, jonka nimi loppuu päätteeseen /Draft[]
Jos esikatselet mallinetta, jonka nimi loppuu päätteeseen /Draft — kuten http://scrubs.wikia.com/wiki/Template:Episode/Draft, esikatselu näyttääkin haun kaikilta mallineen http://scrubs.wikia.com/wiki/Template:Episode käytöiltä ja näyttää silti esikatselun oikein.
Haluan muokata sivua Järjestelmäwiki:Common.css tai toista CSS-sivua[]
Tämä toiminto vain tuo sivun Järjestelmäwiki:Wikia.css sisällön välilehteen 'Custom CSS', mutta automaattisesti lataa kaiken CSS-koodin esikatselualueelle. Voit silti käyttää 'Custom CSS' -välilehteä kirjoittaaksesi CSS-koodia, kunhan kopioit ja liität sen mille tahansa haluamllesi CSS-sivulle.
Esikatselualueeni on tyhjä![]
Esikatselualue voi näkyä tyhjänä, jos:
- Annettua mallinetta ei käytetä yhdessäkään artikkelissa antamassasi yhteisössä
- 'Infobox Markup' -välilehti on tyhjä
- 'Infobox Markup' -välilehti on laajalti epämuodostunut
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