Manual:Mobiles, tablets and responsive design/es

From Linux Web Expert

Revision as of 23:58, 8 December 2023 by imported>FuzzyBot (Updating to match new version of source page)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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