Numa altura em que os temas de resposta são o padrão, seríamos perdoados por nos perguntarmos porque é que é necessário um plugin para tornar o seu site WordPress mobile friendly. A resposta é simples: O WordPress existe desde 2003, o que significa que os proprietários de alguns sites mais antigos estão procurando uma maneira de produzir uma versão mobile amigável do seu site testado.
Enter WPtouch – um plugin WordPress que gera automaticamente um tema simples (e personalizável) para visitantes móveis, tudo isso enquanto deixa o seu tema WordPress existente no desktop intacto. Ele oferece uma solução simples para acomodar o vasto número de pessoas navegando na internet via dispositivos móveis.
Neste artigo, vamos guiá-lo através do processo de como tornar o seu site WordPress móvel amigável com WPtouch. Mas antes disso, vamos explorar porque escolher um tema responsivo – ao invés de usar WPtouch – poderia ser uma alternativa melhor:
Por que você deve considerar um tema responsivo ao invés de WPtouch
Neste momento, a melhor maneira de tornar seu site WordPress amigável para celular é usando um tema totalmente responsivo.
O benefício claro em fazê-lo (ao invés de usar WPtouch) está no fato de que não é necessária nenhuma outra ação para produzir conteúdo responsivo. Se o seu tema é responsivo, o seu website é responsivo. Como tal, não há necessidade de instalar um plugin extra como o WPtouch.
Outras vezes, o principal problema em utilizar WPtouch é que ele produz um tema genérico para o seu site quando visto em dispositivos móveis, que pode parecer drasticamente diferente do seu tema WordPress existente. De uma perspectiva de marca, isto está longe de ser o ideal. Por outro lado, se você optar por um tema de resposta, você alcançará consistência de design em todos os dispositivos – tanto desktop quanto móvel.
Para tornar as coisas ainda mais simples, qualquer tema moderno do WordPress com auto-respeito é totalmente responsivo.
Todos os nossos temas, incluindo o IsleMag acima, são totalmente responsivos.
Não estamos dizendo que o WPtouch é redundante, caso contrário não estaríamos escrevendo este artigo. No entanto, consideramos o uso de um tema totalmente responsivo como a solução ideal, se você puder fazê-lo funcionar para você. Se não, vamos prosseguir com o nosso guia para tornar o seu site móvel amigável com WPtouch!
Como tornar o seu site WordPress móvel amigável com WPtouch
WPtouch
A beleza de WPtouch reside na sua simplicidade. Depois de instalá-lo e ativá-lo a partir do repositório de plugins do WordPress, você vai notar que ele lhe dá imediatamente um novo tema móvel, tornando-o a maneira mais fácil de tornar o seu site WordPress amigável. Abaixo estão exemplos de como WPtouch renderiza três seções chave de qualquer blog, posts/páginas, a página inicial, e comentários:
>2310
Impressivamente, nenhuma configuração adicional é necessária uma vez que o plugin é instalado e ativado. No entanto, por uma questão de consistência de design, recomendamos que você aplique algumas modificações básicas para garantir que o seu novo site móvel se assemelhe mais ao seu site desktop.
Para fazer isso, vá para o ícone WPtouch do painel de controle do WordPress:
Você será presenteado com o painel de controle bastante abrangente das configurações WPtouch:
Para ajustar a aparência do seu novo tema móvel amigável, clique em Configurações de Tema na barra lateral, e WPtouch irá dar-lhe uma longa lista de opções de configuração de temas. Vamos detalhar até as que mais impactam a aparência do seu tema para celular.
Primeiro, você vai notar que você pode carregar um logotipo personalizado para ser exibido em dispositivos móveis. Além disso, você pode incluir uma barra de busca no cabeçalho, e escolher qual lado mostrar o botão de menu em:
Outros abaixo dessa mesma página, você encontrará o Theme Colors. Como você pode esperar, esta interface permite que você personalize as cores usadas por WPtouch. Nós recomendamos que você selecione um esquema de cores que corresponda ao seu design principal.
Você também pode escolher entre um número de fontes diferentes. Mais uma vez sugerimos que você selecione uma fonte que se pareça com a fonte do seu site desktop:
Finalmente, na parte inferior da página, você encontrará algumas opções relacionadas com a apresentação dos seus posts no blog:
Pode escolher exibir miniaturas, tags, datas de posts e o número de comentários que cada post recebeu.
Passo opcional: considere os temas WPtouch para melhorar a consistência do design
Se o tema WPtouch padrão não complementa o design do seu site desktop tanto quanto você gostaria, você pode considerar comprar um dos sete temas premium do WPtouch, disponível a partir de $35, para tornar o seu site WordPress mais amigável de uma forma mais única.
Para acessar esses temas, clique em Temas no painel lateral do WPtouch:
>
A partir daí, você pode navegar através da seleção deles. Ao clicar em qualquer um dos temas disponíveis, WPtouch irá apresentar screenshots e mais detalhes. Para ir para a página de compra, clique em Learn More:
Conclusion
Com mais de 80% dos internautas que possuem um smartphone, não há dúvida da importância de ter um site amigável para celular. Ignorar usuários de dispositivos móveis pode significar um desastre para o seu site, pois eles esperam experiências amigáveis para celular e têm pouca paciência para sites que são difíceis de navegar.
Para garantir que o seu site seja acomodado em todos os tamanhos de tela, não deixe de escolher uma das seguintes opções:
- Opção a) Começar de novo com um tema responsivo (é claro que recomendamos um dos nossos).
- Opção b) Instalar e personalizar o plugin WPtouch para imitar o seu site desktop.