FANDOM


Tiesitkö, että uskomattoman kaunista sisältöä, jota kollektiivisesti kirjoitat, lukee joka kuukausi yli 100 miljoonaa eri puolilla maailmaa? Ja tiesitkö, että yli 50% näistä ihmisistä lukee sisältöäsi tabletilla tai matkapuhelimella?[1]

Wikian parhaat käytännöt auttavat sinua rakentamaan ja muotoilemaan sisältösi näyttämään hienolta millä tahansa laitteella, näkyi se sitten rikkaalla ja dynaamisella pöytäkonesivustollamme, lukijalle suunnatulla mobiilisivustollamme, tai erikoistuneilla mobiilisovelluksillamme.

Mitä ovat parhaat käytännöt?Muokkaa

Wikia toimi useiden kokeneiden ylläpitäjien ja yhteisöjäsenten kautta perustamaan joukon tuettuja sääntöjä ja kieltoja wikian sisältöön ja mallineisiin. Tavoitteemme on tukea ja edistää Wikia-alustan tämänpäiväistä luovuutta, kannustaen samalla Internetin moderneihin käytäntöihin ja standardeihin.

Parhaat käytännöt ovat helppoja lisätä jo valmiiksi luomiisi mallineisiin ja sisältöön. Suurin osa jo olemassa olevasta sisällöstä tulee toimimaan ja näyttämään pöytäkoneilla täsmälleen samalta kuin näinäkin päivinä, mutta vielä paremmilta matkapuhelimilla ja tableteilla, sekä yhteisösovelluksissamme. Lisäksi, noudattamalla näitä parhaita käytäntöjä voit edistää hakukoneen optimointiarvoja yhteisöissäsi ja vähentää sivujen latautumisaikaa.

Tässä on jo terve määrä jaettavaa ja samankaltaisuuksia yhteisöjen välillä, mutta seuraavalla parhaita käytäntöjämme autat Wikiaa tunnistamaan erilaiset sisältötyypit (tietolaatikot, navigointilaatikot, lainausmallineet, yms.) ja tuomaan ne asianmukaisesti maailmanluokan lukemiseksi ja muokkauskokemuksesi jo olemassa oleville hajanaisille elementeille.

Parhaat käytännöt Muokkaa

Tietolaatikko Muokkaa

Tietolaatikot ovat yksi yksi Wikian artikkeliden tavallisimmista elementeistä kaikissa yhteisöissämme. Saadaksesi tietolaatikot näkyvään kunnolla mobiililaitteilla, käytä koodia class="infobox" tietolaatikon rakennetaulukon yläosaan.

Esimerkki

Katso Arrested Development wikian mallinetta Actor Infobox täyttä rakentamista varten.

{| class="infobox"
|-
[...]
Esikatselu


Lainaukset Muokkaa

Monet yhteisöt käyttävät artikkeleissaan lainauksia. Lainaukset ovat hienoja sisältöpätkiä, joita lukijat rakastavat lukea ja jakaa. Tässä on kaksi parasta käytäntöä lainausmallineille:

  1. Rakenna lainausmallineesi div-osioista, älä taulukoista ja käytä koodia class="Lainaus" tai class="blockquote" sopivassa osiossa.
  2. Käytä <blockquote>...</blockquote> -tunnisteita mallineen rakentamiseen.
Esimerkki

Katso Hunger Games wikian mallinetta Quote täyttä rakentamista varten.

<div class="quote">{{{quote content}}}</div>

tai

<blockquote>''{{{quote content}}}'' — <cite>{{{speaker}}}</cite></blockquote>
Esikatselu

Taulukko Muokkaa

Taulukot ovat paljon monimutkaisempia kuin muut parhaat käytäntömme, mutta taulukoiden sopimattomalla käytöllä voi olla uskomattomia haittavaikutuksia siihen miten artikkelisivut näkyvät eri laitteilla — pöytäkone, tabletti, tai matkapuhelin.

Ensimmäinen paras käytäntö taulukoille välttää rakentamista ja formatoida sivut taulukottomiksi. Taulukoita pitäisi käyttää vain järjestelemään ja näyttämään tietoja, kuten tilastollisia jaotteluita videopelin aseelle tai luettelolle jakson näyttelijöistä. Saavuttaaksesi erityiset suunnittelut artikkelisivuille, käytä moderneja HTML- ja CSS-käytäntöjä, kuten niitä, joita havainnollistetaan W3Schools.comissa.

Toinen paras käytäntö taulukoille on on välttää sisäkkäisiä taulukoita. Sen sijaan, yhdistä solut aina kun mahdollista, tai noudata W3Schoolsin ylisopimuksia.

Kolmas paras käytäntö taulukoille on olla kohtuullinen käyttämiesi sarakkeiden ja rivien määrän suhteen, jotta niitä olisi helppo lukea sekä pöytäkoneilla että mobiililaitteilla. Hajauta suuri tietomäärä pienempiin ja helpommin sulaviin taulukoihin.


Tulossa pian... Muokkaa

Seuraaviin parhaisiin käytäntöihin voit sitoutua jo nyt, mobiilituen tullessa vuonna 2015:


Huomautus Muokkaa

Huomautukset ovat elementtejä, jotka näkyvät artikkelisivun yläosassa ilmoittaen lukijoille ja avustajille artikkelia koskevista tiedoista.

Jotta huomautukset näkyvät kunnolla mobiilissa, käytä koodia class="notice" huomautuksen rakenteen ylimmässä elementissä (ensimmäisessä osiossa tai taulukossa). Tunnistaaksesi mitkä tietyt huomautusluokat näkyvät, sisällytä huomautus myös luokkaan (esimerkki: class="notice spoiler")

Huomautuksia on useita erilaisia, mutta viisi korkeatasoista luokkaa, jotka Wikia tunnistaa ovat juonipaljastus, täsmennys, tynkä, ylläpito, ja kattava.

Esimerkki

Katso Tron wikian mallinetta Gallery täyttä rakentamista varten.

<div class="notice">
'''[[{{BASEPAGENAME}}|Gallery: {{BASEPAGENAME}}]]'''<br />This page contains images on the Tron Wiki pertaining to [[{{BASEPAGENAME}}]]. [...]
</div>
Esikatselu

Mobiilituki tulossa pian!


Navigointilaatikko Muokkaa

Navigointilaatikoita käytetään monissa Wikian yhteisöissä auttamaan lukijoita navigoimaan aiheeseen liittyviä sivuja. Useimmat niistä sijoitetaan sivun alaosaan.

Saadaksesi navigointilaatikot näkymään kunnolla mobiililaitteilla, käytä koodia class="navbox" navigointilaatikon rakenteen ylimmässä elementissä. Suosittelemme käyttämään tunnisteita nav, kuten alla olevassa esimerkissä näkyy.

Esimerkki

Katso Scrubs wikian mallinetta Ep Nav S1 täyttä rakentamista varten.

<nav class="navbox">
<div class="navbox-title">Season One Episodes</div>
# "[[My First Day]]"
# "[[My Mentor]]"
# "[[My Best Friend's Mistake]]"
# [...]
</nav>
Esikatselu

Mobiilituki tulossa pian!


Kokoontaitettava esimerkki Muokkaa

Säästääkseen tilaa, monet yhteisöt käyttävät kokoontaitettavia elementtejä piilottaakseen navigaation sekä artikkelin yksityiskohtia "näytä"-painikkeen taakse. Monet näistä navigointilaatikoita, kuten nämä esimerkit:

Saadaksesi nämä yksityiskohdat näkymään kunnolla mobiilissa ja muokkauskokemuksissa, käytä koodia class="mw-collapsible" niiden rakentamiseen. Koodin class="collapsible" käyttö tunnistetaan myös. Nämä luokat ovat yhdistettävissä muihinkin luokkiin.

Esimerkki

Katso Lostpedian mallinetta Navbox täyttä rakentamista varten.

<div class="navbox mw-collapsible"> 
[...]
</div>
Eskatselu

Mobiilituki tulossa pian!


Vieritettävä elementti Muokkaa

Kokoontaitettavien elementtien tavoin, monet yhteisöt käyttävät myös vieritettäviä elementtejä (yleensä mallinetta Scrollbox) saadakseen pitkät tietolistat näkyvät rajoitetussa tilassa.

Saadaksesi vieritettävä sisältö näkymään kunnolla mobiilissa, käytä koodia class="scrollable" mallineen tai elementin rakentamisessa. Tämä luokka onyhdistettävissä muihinkin luokkiin.

Esimerkki

Katso Powerlisting wikian mallinetta Scroll box täyttä rakentamista varten.

<div class="scrollable"> 
[...]
</div>
Esikatselu

Mobiilituki tulossa pian!


Kysymyksiä?Muokkaa

Jos sinulla on kysymyksiä liittyen parhaisiin käytäntöihin, tai tarvitset apua sopeuttamaan sisältösi seuraamaan näitä parhaita käytäntöjä, ota yhteyttä.

Muista — voit aina käyttää mobiiliesikatselua lähdemuokkaimen kautta tarkistaaksesi nopeasti miten sisältösi näkyy älypuhelimilla.

Huomautukset
  1. Wikia Network — Quantcast.com
Community content is available under CC-BY-SA unless otherwise noted.