WordPress

Antes de começar

É recomendável fazer backup do site antes de fazer quaisquer alterações ou atualizações. Dessa forma, você terá uma cópia se for necessário restaurá-lo.

Se você não souber ao certo como fazer backup do seu site WordPress, siga a documentação de backup do WordPress. Se você tiver dificuldades, busque ajuda nos fóruns de suporte do WordPress ou na nossa comunidade de suporte para webmasters.

Meu site está hospedado no WordPress.com

Se você hospeda seu site no wordpress.com (por exemplo, meusite.wordpress.com), temos uma boa notícia.

O WordPress apresenta automaticamente um tema compatível com dispositivos móveis para seu site, dependendo do tema instalado atualmente e da plataforma móvel do visitante. Mais informações podem ser encontradas na página de suporte para temas de dispositivos móveis.

Faço uso do WordPress no meu domínio

1. Que versão e tema do WordPress estou usando?

1.1 Como posso verificar isso?

Verifique sua versão do WordPress usando um dos seguintes métodos:

  • Confira seu Painel de Administração. Nas instalações mais recentes do WordPress, o número da versão aparece próximo à parte superior do Painel, como visto abaixo. Em versões mais antigas, o número da versão pode aparecer no rodapé.
O painel do WordPress.
  • Acesse o site com o WordPress instalado. Use a função "view source" do navegador e procure na página a metatag do gerador, que fornece o número da versão. Exemplo: <meta name="generator" content="WordPress 3.9.2" />

  • O número da versão do WordPress também está localizado no arquivo /wp-includes/version.php e pode ser visto em um editor de texto. Se este arquivo estiver em um servidor remoto, muitas vezes será possível visualizar o conteúdo de arquivos de texto remotos por meio de programas de FTP.

Veja mais informações sobre como verificar sua versão nas perguntas frequentes sobre a instalação do WordPress

Observação: caso você se sinta deslocado neste ponto, aconselhamos a parar ou delegar a tarefa a um especialista. Se você está confiante, o WordPress oferece suporte e documentação.

Acesse o Painel de Administração e escolha Aparência -> Temas.

Verifique se o tema exige uma atualização.

1.2 Atualize sua versão e seu tema se necessário.

Se sua versão do WordPress não for a mais recente disponível, recomendamos fortemente que você atualize a instalação do WordPress para a versão mais recente de acordo com a documentação Updating Wordpress (em inglês). Uma atualização para a versão mais recente aplicará automaticamente as atualizações de segurança necessárias e poderá tornar seu site compatibilidade com dispositivos móveis.

Se uma nova versão do seu tema estiver disponível, ela já poderá ser compatível com dispositivos móveis.

1.3 Verifique o URL com a ferramenta de teste de compatibilidade com dispositivos móveis

Teste seu URL na ferramenta Teste de compatibilidade com dispositivos móveis agora que a versão do software ou os temas do site estão atualizados. Se você receber uma pontuação "compatível com dispositivos móveis", isso indicará que está tudo certo.

Uma pontuação positiva no Teste de compatibilidade com dispositivos móveis.

Se o site não for compatível com dispositivos móveis, considere mudar o tema e/ou personalizar o atual. Compilamos a seguinte documentação para guiar você por todo o processo.

2. Como posso tornar minha instalação do WordPress compatível com dispositivos móveis?

2.1 Desejo converter todo o meu site para um tema novo e compatível com dispositivos móveis.

Essa escolha geralmente significa que você deseja um tema com princípios de design responsivo moderno. A maior vantagem do design responsivo é que o site é bem executado em navegadores para computador e dispositivos móveis, adaptando-se a cada tipo de navegador que ele encontrar usando o mesmo código HTML, CSS e JavaScript.

Verifique se o tema que você está usando tem uma atualização disponível e se ela é compatível com dispositivos móveis.

A atualização do tema pode ser a única ação necessária. De qualquer maneira, atualizar o tema é sempre uma boa ideia, pois o site recebe correções críticas de segurança como um benefício adicional.

Os temas normalmente contam com uma página de demonstração ao vivo. É bom visitar essas páginas não somente em um computador, mas também em um dispositivo móvel, para ver se o tema se comporta de acordo com suas necessidades. A forma mais simples de fazer isso é visitar a página de demonstração do tema em um dispositivo móvel.

Se você não tiver um dispositivo móvel disponível, existem alternativas:

  • Caso você esteja usando o Google Chrome, há um recurso de "emulação de dispositivo móvel" no Chrome Developer Tools. Essas ferramentas são encontradas no menu Visualizar > Desenvolvedor > Ferramentas para desenvolvedores do Google Chrome. Visite a documentação Modo de dispositivo para saber mais sobre o recurso de emulação.
  • Para testar se o design do tema é responsivo, basta estreitar a janela da área de trabalho para o tamanho do dispositivo móvel. Esses tipos de temas foram projetados para visibilidade em qualquer área de trabalho e navegador móvel, mudando de comportamento de acordo com o tamanho da viewport (que costuma ser a largura do navegador). Isso não funcionará se o tema escolhido mudar de acordo com o user agent do navegador visitante, de modo que ainda poderá ser preciso um dispositivo móvel como garantia.

Também é uma boa ideia verificar temas com nossa ferramenta PageSpeed ​​Insights. Uma pontuação alta com essa ferramenta é um sinal de que o tema escolhido funcionará bem com dispositivos móveis.

Se o tema atual não for compatível com dispositivos móveis, procure outro tema.

Procure um novo tema responsivo. A Wordpress.org mantém um diretório de temas. Personalize a pesquisa de temas com o recurso de filtro de tags:

Esses temas usam os princípios do design responsivo. Se o tema tiver um link para sua demonstração, verifique-a na nossa ferramenta de Teste de compatibilidade com dispositivos móveis.

Os temas no diretório wordpress.org costumam ser compatíveis com as versões mais atualizadas do WordPress. Confirme se o tema é compatível com dispositivos móveis usando a ferramenta PageSpeed ​​Insights.

2.2 Desejo manter intacta a versão do site para computador e fornecer uma versão compatível com dispositivos móveis para os visitantes com esses dispositivos.

Se você não deseja mudar seu tema, há outras opções disponíveis na plataforma WordPress. As soluções de terceiros podem ajudar adicionando ao seu site recursos compatíveis com dispositivos móveis. Isso pode ser feito por meio da arquitetura de plug-ins do WordPress. Algumas soluções incluem:

  • O Jetpack fornece aos proprietários do site os recursos compatíveis com dispositivos móveis do wordpress.com hospedado com seu site auto-hospedado.

  • O WPtouch é uma solução de plug-in que cria uma versão separada do seu site e compatível com dispositivos móveis. Seus temas para computador permanecerão os mesmos. Para visitantes com dispositivos móveis, o site é exibido com um tema diferente. Várias opções de tema estão disponíveis.

  • O WP Móvel Detector, à semelhança do WPtouch, fornece alguns temas para visitantes com dispositivos móveis.

Siga as etapas e as sugestões na seção 2.2 e verifique se os plug-ins estão configurados para otimizar corretamente a página para dispositivos móveis.

2.3 Desejo personalizar minha instalação atual do WordPress (temas e plug-ins) para torná-la compatível com dispositivos móveis

Este conteúdo é para os níveis intermediário até avançado e requer conhecimento avançado em HTML e CSS. Alguns recursos incluem:

3. Meu site do WordPress já se tornou compatível com dispositivos móveis? Verificação final

Esperamos que seu site tenha se tornado compatível com dispositivos móveis e esteja pronto para exibição ao público-alvo desses dispositivos. Convidamos você a usar a ferramenta de teste de compatibilidade com dispositivos móveis agora.

Se os resultados do teste não forem satisfatórios ou você tiver mais dúvidas, fique à vontade para acessar nossos fóruns internacionais para webmasters para orientação e suporte adicionais.

Estamos sempre procurando aprimorar nossa documentação: fique à vontade para preencher este formulário com seus comentários.

Enviar comentários sobre…