Mobile Gateway/Mobile homepage formatting/fi

Main pages of MediaWiki instances which go beyond traditional text (for example using two column layouts) usually require special treatment to display on mobile via in responsive skins such as  and.

Jos Wikimedia-projektisi etusivua (kotisivua) ei ole muotoiltu mobiililaitteilla katseltavaksi, ja olet kyseisen projektin hallinnoija, seuraa alla olevia ohjeita.

Huomaa: Tarvitset ylläpito-oikeudet kotisivun muokkaamiseen.

Hiding content on mobile
Aluksi, valitse mobiilietusivulle sopiva sisältö.

Arvioi sivun työpöytäversion elementtejä (esim. "Päivän kuva") kysymällä:


 * kuinka suosittuja ne ovat?
 * päivittyvätkö ne säännöllisesti?
 * sopivatko ne nopeasti luettavaksi?
 * sopivatko ne hyvin mobiililaitteen näytölle?

Kun olet päättänyt järkevät elementit, siirry vaiheeseen 2.

Sinun täytyy olla kirjautuneena sisään ja omata ylläpito-oikeudet suorittaaksesi seuraavan vaiheen. Kotisivun työpöytänäkymässä klikkaa "" ja etsi elementit, jotka haluat sisällyttää mobiilinäkymään.

Jokainen mobiilietusivulle sisällytettävä elementti täytyy merkitä id="mf-..." -attribuutilla (missä "..." on yksilöllinen nimi; käytäthän jotain lukukelpoista). Näitä voi kutsua "mf-valitsimiksi". Yksi tapa tehdä tämä on laittaa div-tagi haluamasi elementin ympärille ja laittaa "mf-valitsin" div-tagiin, kuten tässä:



Mitä avaavan ja sulkevan div-tagin väliin tulee? Todennäköisimmin malline sivun sisällölle, kuten "Päivän kuvalle".

Using responsive styles
Certain styles are not mobile friendly. For example any css rules which make use of fixed pixel size e.g. width, height, padding. If different style treatment is needed please use or port these styles to MediaWiki:Common.css or MediaWiki:Mobile.css. TemplateStyles is recommended but 3rd parties may wish to use the MobileFrontend feature flag $wgMFSiteStylesRenderBlocking.

For common problems with table based layouts, you can use the styles in the Minerva compatiblity template.

Some tips on common problems are addressed at.

Klikkaa "".

Make sure to test all your changes!