Tornando seu WordPress compatível com dispositivos móveis com o WPtouch Pro

Dependendo do perfil demográfico do seu site, pode ser importante que você tenha um site compatível com dispositivos móveis. Você pode fazer isso usando um tema responsivo do WordPress que se adapta a diferentes tamanhos de tela/dispositivos, ou pode criar uma versão específica para celular do seu site se não quiser alterar o design do site. Neste artigo, mostraremos a você como criar um site WordPress compatível com dispositivos móveis com o WPTouch Pro.

O WPtouch Pro é um plugin comercial para WordPress que pode transformar seu site WordPress em uma experiência móvel nativa para navegadores de smartphones modernos. Ele é rápido, tem suporte total à internacionalização, integração com a tela inicial do iOS e muitas outras maneiras de melhorar a experiência do usuário móvel.

Depois de adquirir o WPtouch Pro, você receberá uma chave de licença e o arquivo de download do plug-in. É necessário instalá-lo em seu blog(siga nosso guia simples de instalação do plug-in) e, em seguida, ativá-lo em seu painel.

Após a ativação, o plug-in exibirá uma notificação lembrando-o de inserir a chave de licença. Você precisa inserir a chave de licença para receber atualizações do plug-in, baixar temas e complementos. Clique no link “activate your License” para inserir sua chave de licença.

Na próxima tela, basta digitar o endereço de e-mail da sua conta (aquele que você usou para comprar o plug-in) e a chave de licença do produto e, em seguida, clicar no botão ativar. O WPTouch verificará sua chave de licença e exibirá uma mensagem de sucesso.

Após a ativação, o plug-in adiciona um item de menu WPTouch Pro em sua barra de administração do WordPress. Para configurar o plug-in, você precisa ir para WP Touch Pro ” Core Settings.

Na tela de configurações principais, você pode configurar várias opções para a versão móvel do seu site. A primeira opção nessa tela é alterar o título e o cabeçalho do site. Isso é particularmente útil se o seu site tiver um título e um cabeçalho longos que não se encaixam bem em telas de dispositivos móveis.

A próxima opção nessa tela é Regionalização. O WP Touch Pro detecta automaticamente o idioma do seu site a partir da instalação do WordPress, mas você também pode selecionar manualmente o idioma usando essa opção.

A opção Display (Exibir ) na tela de configurações principais permite desativar manualmente o tema móvel sem desativar o plug-in. A configuração padrão é Normal, que permite a exibição do tema móvel para todos os visitantes que acessam o site por meio de um dispositivo móvel. Você pode alterá-la para Preview, para que o tema móvel seja exibido somente para os administradores do site quando eles estiverem conectados. Você também pode escolher Disabled para desativar completamente a exibição do tema móvel.

Há algumas opções avançadas disponíveis na página de configurações principais. Por exemplo, você pode escolher uma página de destino personalizada para a versão móvel do seu site. Você pode adicionar um código personalizado que aparecerá na área do rodapé do tema. Também é possível fazer backup de todas as configurações do WP Touch Pro e depois importá-las para outro site do WordPress com o WP Touch Pro. Essa é uma boa opção se você tiver um site de teste ou uma instalação local.

Depois de passar pela página de configurações principais, você pode visualizar seu site móvel diretamente no desktop clicando no botão Preview Theme (Visualizar tema ) na parte inferior da página. Quando estiver satisfeito com a aparência do tema, você poderá clicar no botão Save Changes (Salvar alterações ) para salvar as configurações.

Como alterar o tema para celular no WPTouch Pro 3

Por padrão, o WPTouch Pro 3 vem com um tema para celular pré-instalado. Você pode baixar e instalar temas adicionais no WPTouch Pro ” Temas e extensões. Bauhaus, CMS, Classic Redux e Simple são os temas disponíveis em todos os planos de licenciamento. Para instalar um tema, basta clicar no botão Instalar abaixo do tema. O WPTouch Pro baixará o tema da nuvem e o instalará. Depois que o tema estiver instalado, você poderá clicar no botão Ativar para usar o tema.

Personalização do tema para celular no WPTouch Pro3

Depois de selecionar o tema para o seu site móvel, talvez você queira personalizá-lo para atender às suas necessidades. Para fazer isso, você precisa ir para WPTouch Pro ” Configurações do tema. Os temas móveis do WPTouch Pro são altamente personalizáveis. Você pode ajustar todos os aspectos do seu site móvel na tela de configurações do tema. Vamos orientá-lo nas diferentes seções das Configurações do tema.

Na guia do menu superior, você pode ver as diferentes áreas do tema que podem ser personalizadas. Você começará na guia General ( Geral ), que contém opções para algumas configurações básicas, como o número de publicações a serem exibidas na página inicial, a ativação do controle deslizante de categorias, a ativação do controle deslizante de publicações em destaque etc. As configurações padrão devem funcionar para a maioria dos sites, mas você pode fazer alterações conforme necessário. Você também notará um ícone de informação ao lado de algumas opções. Ao passar o mouse sobre o ícone, você verá a ajuda contextual para essa opção.

Depois de fazer as alterações no tema, você poderá visualizá-las clicando no botão Preview Theme (Visualizar tema ) na parte inferior da página. Quando estiver satisfeito com as alterações feitas, você precisará clicar no botão Save Changes (Salvar alterações ) para salvar as configurações do tema. Há também um botão de redefinição, caso você queira voltar às configurações padrão.

Depois de definir as configurações gerais do seu tema para celular, vá para a guia Branding (Marca ). É aqui que você pode carregar seu próprio logotipo, plano de fundo, fontes personalizadas, ícones de mídia social, etc. Você também pode alterar as cores do tema para que correspondam ao seu logotipo e às cores da sua marca.

Transformando seu site em um aplicativo da Web móvel

O WPTouch Pro permite que você aproveite ao máximo os recursos dos dispositivos móveis, transformando seu site em um aplicativo da Web. Primeiro, você precisa clicar na guia Ícones de favoritos na tela Configurações do tema. Você precisará fazer upload de dois ícones, um para dispositivos Android e outro para dispositivos iOS (iPhone, iPod e iPad).

Depois disso, clique na guia Web-App Mode (Modo de aplicativo da Web) nas configurações do tema. Basta marcar a caixa para ativar o modo de aplicativo Web do iOS, e isso exibirá as configurações avançadas do modo de aplicativo Web. Você pode usar as configurações padrão ou carregar suas próprias telas de inicialização personalizadas.

Monetize seu site móvel com o WPTouch Pro

Os temas do WPTouch Pro também facilitam muito a exibição de anúncios em seu site para celular. Você precisa ir para a guia Publicidade nas configurações do tema e escolher entre o Google Adsense ou o serviço de publicidade personalizado.

No caso do Google Adsense, você precisará inserir seu ID de editor do Google Adsense e o ID do slot que pode ser obtido na sua conta do Google Adsense. Depois disso, você precisa escolher o local onde deseja que os anúncios sejam exibidos. Salve suas alterações e seu site para celular começará a exibir anúncios.

Personalização de menus de navegação para site móvel no WPTouch Pro

O WPTouch Pro usa a funcionalidade padrão do menu do WordPress, mas permite que você modifique ou escolha como deseja exibir o menu em seu site para celular. Para configurar os menus, você precisa ir para WPTouch Pro ” Menus. Primeiro, você precisa escolher um menu. Você pode optar por exibir as páginas do WordPress no menu ou escolher um menu existente.

Na guia Menu Setup (Configuração do menu), você pode personalizar ainda mais o menu do WordPress. Você pode associar ícones a cada item de menu simplesmente arrastando um ícone para um item de menu.

Por padrão, o WPTouch Pro vem com o conjunto de ícones Elegant criado pela Elegant Themes. Você pode instalar outros conjuntos de ícones clicando no botão Instalar ao lado deles ou carregar seus próprios conjuntos de ícones personalizados.

O WPTouch é um ótimo plugin para converter qualquer site com WordPress em um aplicativo da Web móvel completo. Com belos temas e poderosas opções de personalização, você pode criar sites móveis de excelente aparência em minutos, sem escrever uma única linha de código. Esperamos que este artigo tenha ajudado você a criar um site compatível com dispositivos móveis com o WP Touch Pro. Para obter feedback e fazer perguntas, deixe um comentário abaixo ou siga-nos no Twitter.