Blog

Construindo um Site Móvel de maneira Rápida e Fácil com WPtouch

Construir um Site Móvel no WordPress
Opinião

Construindo um Site Móvel de maneira Rápida e Fácil com WPtouch

Existem várias maneiras de oferecer ao visitante do seu site uma experiência móvel. Na verdade, ter um site responsivo ou adaptado para dispositivos móveis, é obrigatório hoje em dia. Um site responsivo é um site que se ajusta a resolução do dispositivo, para oferecer ao visitante a melhor experiência de navegação. Neste artigo, vamos falar sobre como construir um site móvel no WordPress de maneira rápida e fácil com o plugin WPtouch.

Transformando o WordPress em Mobile-Friendly

Como mencionamos acima existem diversas formas de tornar seu site amigável aos dispositivos móveis, como celulares, smartphones, tablets, etc. A principal forma, é através de um layout responsivo. Responsivo significa que o design do seu site vai se ajustar de acordo com o dispositivo usado para acessar seu site. Basicamente é o mesmo código do design normal, porém as folhas de estilo (CSS), mudam a forma como a página é exibida de acordo com a resolução do dispositivo.

Sabemos que atualmente, o Google favorece sites mobile-friendly, por vários fatores, como por exemplo, por usar apenas uma URL por página.

Em uma era onde o desenvolvimento de aplicativos é altamente difundido, criar um aplicativo para seus visitantes seria uma das alternativas. Isso permitiria que você personalizasse a forma como seu conteúdo seria exibido, no entanto, esbarraria na questão que acabamos de falar, visto que seus usuários não usariam a mesma URL de usuários que usassem desktops.

Neste ponto, uma excelente opção é o plugin WPtouch, criado pela BraveNewCode, que permite que você crie facilmente uma experiência móvel para os usuários do seu site.

O que surpreende muitas pessoas, a respeito do WPtouch, é que ele oferece uma interface bem parecida com um aplicativo móvel. Na verdade, ele utiliza um tema personalizado para dispositivos móveis, que permite uma experiência parecida com a dos aplicativos, porém, com todos os benefícios de SEO, como layouts responsivos comuns.

Como temos visto, é comum encontrarmos smartphones com telas bem grandes, isso não será um problema com este plugin, já que ele oferece a opção de desativá-lo para ter acesso a versão desktop, caso o usuário prefira.

Alguns Dados Técnicos

Falamos sobre 3 principais soluções para criação de um site móvel: Responsivo ou Client-Side, Server-Side e Aplicativos. Ter um site responsivo (lado do cliente), pode ser uma boa opção para blogs com um design simples, mas para grandes sites pode ser complicado, principalmente pelo excesso de rolagem. Aplicativos para conteúdo, acabam desfavorecendo, como vimos acima. A melhor solução seria Server-Side (Lado do Servidor), como o WPtouch oferece. É uma solução simples, que pode criar uma experiência móvel muito melhor, mantendo um ótimo desempenho, independente do dispositivo.

Outro detalhe, é que as páginas web tem um tamanho médio de 1.5MB, que tende a aumentar a cada ano. O design responsivo geralmente adiciona um Kbytes a mais, a fim de carregar o código extra e mídia para dispositivos móveis, exigindo um pouco mais de recursos. Em contraste com as soluções do lado do servidor, como WPtouch, que detectam o tipo de dispositivo que o usuário está utilizando, como celulares e tablets, para oferecer uma experiência mais otimizada, rápida e confiável durante a navegação.

Se você quiser saber mais a respeito disso, pode ver este Infográfico (em inglês), que mostra a diferença entre design responsivo e soluções server-side.

Dito isso tudo, vamos analisar o plugin WPtouch, suas características e benefícios.

Configurações Principais (Core Settings)

O título do seu site, por padrão, será o mesmo título do seu site, no entanto, você poderá modificá-lo nestas configurações. Há outras opções interessantes, como Modo Administrativo, Inserção de código personalizado, como Google Analytics e outros.

WPtouch > Configurações Principais > Geral

Ele permite que você desabilite shortcodes, durante a exibição da versão móvel para o visitante. Isso é útil, caso você tenha shortcodes que não funcionem bem com pequenas resoluções.

Você também pode desativar o WPtouch para URLs específicas e definir em quais dispositivos o plugin vai ser usado. A grande maioria dos User-Agents já estão definidas, incluindo dispositivos iOS, Android, Blackberry e webOS.

WPtouch > Configurações Principais > Compatibilidade

Temas e Extensões

O WPtouch é gratuito para download e já vem com um tema chamado Bauhaus. Já a versão premium oferece mais 4 temas adicionais.

WPtouch > Temas

Além disso, o WPtouch PRO, fornece 3 extensões que melhoram a funcionalidade do plugin. Isto inclui um módulo de armazenamento em cache, um que reduz o tamanho das imagens para usuários móveis e um módulo que permite exibir conteúdo específico para usuários móveis.

WPtouch > Extensões

Configurações de Tema

Você pode alterar algumas configurações que são usadas no site principal, como o número de posts que será exibido. Você ainda pode escolher se categorias, detalhes do autor e comentários, serão exibidos.

O Slider do tema pode exibir seus últimos posts ou posts com tags ou categorias específicas. Você também pode escolher quais posts e página devem ser exibidos usando IDs.

WPtouch > Bauhaus > Geral

As fontes e cores também podem ser facilmente alteradas através da seção “Branding”. Você pode usar seu logotipo, exibir links das mídias sociais e até criar seu próprio rodapé HTML personalizado.

WPtouch > Bauhaus > Personalização

O WPtouch também permite alterar os ícones (favicon) que são exibidos para usuários de Android e iOS, quando eles marcam/favoritam seu site.

WPtouch > Bauhaus > Bookmark Icons

Menus

O plugin utiliza o próprio sistema de menus do WordPress. Por isso, é fácil de personalizá-lo. Tudo que você tem a fazer é criar um novo menu e atribuí-lo nas configurações.

WPtouch > Menus > Menus de Temas

Você pode associar ícones aos itens do menu. Tudo que você precisa fazer é arrastar e soltar o ícone desejado para o item do menu correspondente.

WPtouch > Menus > Configurações de Menus

O WPtouch já vem com 12 conjuntos de ícones, inclusive na versão gratuita. Isso é muito bom, caso você queira fazer upgrade, pois não vai precisar atualizá-los. Há também a opção de fazer upload dos seus próprios ícones.

WPtouch > Menus > Envio de Ícones

Mobile Design

Todas as opções de configuração do WPtouch, oferecem um design profissional, fácil de navegar, que se assemelha aos dos aplicativos móveis. Seus visitantes ainda poderão navegar para outros posts e publicar comentários facilmente, como se estivessem usando a versão desktop do seu site.

WPtouch > Preview

WPtouch PRO

Você deve saber, que a versão premium, oferece recursos que elevam o nível da experiência do visitante em dispositivos móveis, tais como:

  • Personalização completa
  • Suporte para tipos de posts personalizados
  • Suporte à iPad
  • Menus Multi-Nível
  • Anúncios personalizados
  • E muito mais…

Todas essas características melhoram e tornam a experiência muito mais adequada. Entenda bem, a versão gratuita é ótima, mas apenas oferece apenas um gostinho do que o WPtouch PRO pode fazer.

WPtouch > Upgrade PRO

Como WPtouch PRO, você será capaz de gerar uma versão do seu tema para iPad e Smartphones. Na verdade, você pode fazer o que quiser em se tratando de personalização do tema. Além disso, você pode gerenciar anúncios do AdSense e exibí-los para seus visitantes móveis.

Suporte

O WPtouch PRO oferece uma documentação online abrangente, que pode ser acessada no site da BraveNewCode.

Eles também têm um fórum, onde você pode obter respostas rápidas para suas perguntas, bem como ler a vasta base de conhecimento que já foi construída.

Depois de usá-lo por um tempo, você vai chegar a conclusão de que os caras são realmente apaixonados por soluções móveis, e que também se interessam pelos seus clientes.

Tanto que criaram a WPtouch PRO Tips Central, uma iniciativa onde os usuários do WPtouch PRO podem enviar seu site para ser revisado pela a equipe, que analisará a forma como o site está usando o plugin e sugerir as melhorias que podem ser implementadas.

Preços

A versão premium do WPtouch, oferece 4 tipos de licenças para o plugin WordPress:

  • PRO Single – $49
  • PRO Business – $99
  • PRO Agency – $199
  • PRO Enterprise – $349

Todas estas licenças possuem as seguintes características: Taxa única; Garantia de reembolso de 7 dias; Suporte; Atualizações; Aceso à base de conhecimento; Download das versões anteriores.

Consideramos que o preço deste plugin é muito acessível, especialmente se considerarmos o que você está recebendo: uma experiência móvel completa por apenas instalar este plugin. Os benefícios justificam o preço.

Conclusão

Construir ou usar um tema responsivo pode não ser a melhor solução para seu site. É aqui que entra o WPtouch. Um plugin sofisticado, que oferece uma excelente experiência para seu usuário móvel.

O WPtouch já obteve mais de 4 milhões de downloads, o que o torna um plugin bem popular, além de ser muito bem visto pela comunidade WordPress. Quando o assunto é criar um site móvel, este plugin é um dos nossos favoritos. De longe, a maneira mais fácil e barata de criar uma versão mobile-friendly do seu site. Se você não tema um tema responsivo, então não terá com o que se preocupar se resolver instalar o WPtouch.

Seus desenvolvedores afirmam que o carregamento da versão móvel com o WPtouch, pode ser 2-3 vezes mais rápido do que a maioria dos temas responsivos. Não testamos aqui no [wp24] (ainda!), mas pelo que observamos, isso faz todo sentido.

A versão gratuita tem tudo que você precisa para construir um site móvel de maneira rápida e fácil, porém, se você quer explorar mais possibilidades e melhorar a experiência móvel do seu site, você deve considerar fazer um upgrade para o WPtouch PRO, especialmente por causa das extensões. Em particular, o armazenamento em cache pode melhorar sensivelmente o tempo de carregamento.

Experimente a versão gratuita do WPtouch, se entregar tudo que falamos aqui, você ficará tentado a atualizar para a versão premium.

Espero que tenha gostado deste review.

Se você já usou o WPtouch, outras ferramentas ou tem algum pensamento a respeito, deixe-nos saber. Escreva um comentário abaixo e compartilhe em suas redes sociais.

Hashtags: #WP24H #WordPress #WPtouch #WPtouchPRO #Mobile #Mobile-Friendly

[cta link=”http://wordpress.org/plugins/wptouch/”]WPtouch[/cta]

Deixe seu comentário aqui...

O seu endereço de e-mail não será publicado.

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Nosso site usa cookies e, portanto, coleta informações sobre sua visita para melhorar nosso site (por meio de análise), mostrar a você conteúdo de mídia social e anúncios relevantes. Por favor, consulte nossa página Termos & Políticas para mais detalhes ou concorde clicando no botão 'Aceitar'. OBS: Ao continuar a navegação, você, automaticamente, concorda.

Configurações de Cookies

Abaixo, você pode escolher os tipos de cookies que quer permitir neste site. Clique no botão "Salvar Configurações de Cookies" para aplicar sua escolha.

FuncionalNosso site usa cookies funcionais. Esses cookies são necessários para permitir que nosso site funcione.

AnalíticoNosso site usa cookies analíticos para permitir a análise de nosso site e a otimização para o propósito de a.o. a usabilidade.

Mídia SocialNosso site coloca cookies de mídia social para mostrar conteúdo de terceiros, como YouTube e Facebook. Esses cookies podem rastrear seus dados pessoais.

PublicidadeNosso site coloca cookies de publicidade para mostrar anúncios de terceiros com base em seus interesses. Esses cookies podem rastrear seus dados pessoais.

OutrosNosso site coloca cookies de terceiros de outros serviços que não são analíticos, mídia social ou publicidade.