Mobile Gateway/Etusivun mobiiliversion muotoilu
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 Extension:TemplateStyles in responsive skins such as Skin:Ajaton and Skin:Minerva .
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 "Muokkaa" ja etsi elementit, jotka haluat sisällyttää mobiilinäkymään.
Jokaiselle elementille jonka haluat jättää pois sivulta pitäisi antaa class "nomobile" tai sen pitäisi olla elementin sisällä, jossa on tämä class.
<div class="nomobile"> ... </div>
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 Extension:TemplateStyles 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 Making MediaWiki Mobile Friendly .
Klikkaa "Tallenna sivu".
Make sure to test all your changes!