Manual:Dispositivos móveis, tablets e design responsivo

This page is a translated version of the page Manual:Mobiles, tablets and responsive design and the translation is 84% complete.
Outdated translations are marked like this.
MediaWiki.org with Minerva Neue skin and MobileFrontend extension on a mobile device

MediaWiki irá funcionar em vários dispositivos móveis (como Telefones ou Tablets), mas não está otimizado para todos os dispositivos. A não ser que você adicione estilos (skins) ou extensões adicionais isso significa que alguns sites serão difíceis de se visualizar como menus, projetos ou mídias não aparecerão da melhor forma ou lugar.

Exceto para estilos como Timeless, nenhum outro estilo agregado ao MediaWiki, incluindo o último estilo padrão Tema:Vector , estará otimizado para dispositivos móveis. Esta página mostra dicas e formas de usar o MediaWiki e dispositivos móveis como telefones ou tablets.

Soluções

There are two common approaches:

  • Tema:Timeless is already bundled with MediaWiki. Make sure it is registered in LocalSettings.php so it is available as a setting in preferences. Consider using it as the default .
  • Tema:Minerva Neue is bundled with MediaWiki since version 1.38. Its mobile mode requires installing Extensão:MobileFrontend . This is the method Wikipedia uses.

Extensões

  • Extension:MobileApp - Aplicativo de estilos e regras simples para usar o MediaWiki em aplicações móveis.
  • Extensão:MobileFrontend - Provê uma usabilidade móvel amigável. Foi desenvolvida pela Wikimédia e é utilizada pela Wikipedia em todo o seu site. Quando instalada a extensão por si só irá tornar o site com MediaWiki mais amigável para dispositivos móveis e irá incluir seu próprio estilo.

Temas

Você não precisa de uma extensão se você utiliza um tema. Os temas para o uso em navegadores móveis estarão em duas formas:

  1. Aqueles temas que são projetados especificamente para dispositivos móveis e não funcionarão bem em dispositivos que não são móveis. MediaWiki detectará que tipo de dispositivo está acessando e irá mudar para o tema apropriado. (See Extension:MobileDetect)
    1. WPtouch - É um tema que irá formatar sua Wiki com um tema apropriado para os dispositivos móveis.
  2. Responsivo Temas que são pensados para responder automaticamente para cada tipo de tela independente se é um computador, tablet ou telefone.
    1. Tweeki - otimizado para semânticas de Wiki.
    2. Chameleon - Customizado para diferentes estilos.
    3. Medik
    4. Metrolook
    5. Refreshed - usa código CSS responsivo para adaptar-se a dispositivos móveis.
    6. Foreground
    7. Tema:Timeless (MW 1.31+) - Teama Wikimedia que suporte temas responsivos.
    8. ...e mais!

CSS & JS

Quando usado Extensão:MobileFrontend , você poderá editar MediaWiki:Mobile.css e MediaWiki:Mobile.js para regras e estilos globais a sere aplicados num dispositivo móvel.

Desenvolvedores

Ver também: Making MediaWiki Mobile Friendly

  • Categoria:Móvel - Projetos, extensões e outras páginas relacionadas ao desenvolvimento e apresentação de dispositivos móveis.
  • Reading/Web - responsável por criar, crescer e evoluir como o diversificado conjunto de projetos da Wikimedia usa tecnologias móveis
  • Manual:$wgResponsiveImages (MW 1.21+) - Se deve ou não produzir imagens de alta resolução para telas de alto DPI.
  • Extension:MobileDetect (MW 1.15+) - permite que os usuários controlem qual conteúdo é exibido apenas em navegadores móveis ou apenas em desktops
  • Category:Mobile skins - Temas para dispositivos móveis