Manual:Mobiles, tablets and responsive design/es

From Linux Web Expert

The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
File:Mediawiki-mobile-smartphone.png
MediaWiki.org with Minerva Neue skin and MobileFrontend extension on a mobile device

MediaWiki funcionará en muchos dispositivos móviles (es decir, teléfonos inteligentes y tabletas), pero "no" está optimizado para dispositivos móviles. A menos que agregue aspectos o extensiones adicionales, esto significa que los sitios pueden ser difíciles de ver, con menús, diseños y medios, que no aparecen en el mejor lugar.

Excepto la skin Timeless, ninguna de las máscaras incluidas en MediaWiki, incluida la última máscara predeterminada, Skin:Vector , está optimizada para su uso con móviles. Esta página proporciona consejos para usar MediaWiki en dispositivos móviles, como teléfonos inteligentes y tabletas.

There are two common approaches:

Extensions

  • Extensión:MobileApp - Simple app that serves styles and scripts for use in the Wikimedia mobile applications
  • Extensión:MobileFrontend - Provides a mobile-friendly view. Developed by Wikimedia, and used on Wikipedia. Installing only this extension by itself, will make your MediaWiki site mobile-friendly, and it includes its own skin.

Skins

You do not require an extension if you use a skin. Skins for use with mobile browsers come in two forms:

  1. Those designed specifically for use with a mobile, and may not view well on non-mobile devices. MediaWiki detects the kind of device on which it is running, and then switches to the appropriate skin. (See Extension:MobileDetect)
    1. Skin:WPtouch - A skin which formats your wiki with a mobile theme
  2. Responsive skins, which are designed to respond automatically to the size of the screen, regardless of whether it is a desktop PC, tablet or smartphone.
    1. Apariencia:Tweeki - optimized for Semantic wikis
    2. Skin:Chameleon - customizable with five different layouts
    3. Skin:Medik
    4. Skin:Metrolook
    5. Skin:Refreshed - uses responsive CSS to adapt to mobile devices
    6. Apariencia:Foreground
    7. Apariencia:Timeless (MW 1.31+) - Wikimedia skin that supports responsive design
    8. ...and more!

CSS & JS

When using Extensión:MobileFrontend , you can edit the wiki pages MediaWiki:Mobile.css (see Manual:CSS ) and MediaWiki:Mobile.js for global styles and scripts to be applied only on mobile.

Developers

See also: Making MediaWiki Mobile Friendly