FANDOM


Infobox Preview help page

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? Muokkaa

Avaa joko selaimellasi sivu http://infoboxpreview.appspot.com/ tai klikkaa mallinemuokkaimen sisällä painiketta "Open Infobox Preview".

Mitä eri painikkeet tekevät? Muokkaa

XML Muokkaa

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 Muokkaa

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 Muokkaa

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 Muokkaa

Infobox Preview help page - share dialog

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? Muokkaa

Infobox Markup Muokkaa

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 Muokkaa

Infobox preview - CSS tree

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 Muokkaa

Infobox Preview - Custom 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 Muokkaa

Olen valmis! Haluan tallentaa muutokset Muokkaa

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 Muokkaa

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 Muokkaa

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ä! Muokkaa

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 palauteMuokkaa

Community content is available under CC-BY-SA unless otherwise noted.