Mobile Gateway/Etusivun mobiiliversion muotoilu

This page is a translated version of the page Mobile Gateway/Mobile homepage formatting and the translation is 53% complete.
Outdated translations are marked like this.
Other languages:
Bahasa Indonesia • ‎Deutsch • ‎English • ‎Lëtzebuergesch • ‎Tiếng Việt • ‎dansk • ‎español • ‎français • ‎interlingua • ‎italiano • ‎kurdî • ‎lietuvių • ‎magyar • ‎polski • ‎suomi • ‎svenska • ‎български • ‎македонски • ‎олык марий • ‎русский • ‎удмурт • ‎العربية • ‎روچ کپتین بلوچی • ‎سنڌي • ‎فارسی • ‎پښتو • ‎বাংলা • ‎မြန်မာဘာသာ • ‎中文 • ‎日本語 • ‎粵語 • ‎한국어

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:Timeless 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.

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ä:

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