menu
Logo TecMundo
Internet

WordPress: como criar versões mobile para o seu site com o Jetpack

Veja como é fácil ter uma página adaptada para ser exibida nos dispositivos móveis.

schedule10/10/2012, às 10:33

Ter um site ou um blog na internet não é muito difícil, o que permite que qualquer pessoa consiga criar uma página para expor suas opiniões e compartilhar experiências. O problema é que o acesso aos portais por meio de dispositivos móveis está cada vez mais comum.

Como um tablet não possui o mesmo poder de processamento de um computador e a internet móvel é relativamente mais lenta do que a banda larga que você tem em casa, muitas páginas aparecem totalmente desconfiguradas ou demoram muito tempo para carregar todas as imagens quando são vistas em um celular, por exemplo.

smart_display

Nossos vídeos em destaque

(Fonte da imagem: Divulgação/Jetpack)

Uma boa maneira de resolver isso é desenvolver uma versão mobile do seu site. Quem utiliza o WordPress como gerenciador de conteúdo para web pode aproveitar os recursos do plugin Jetpack. Com ele instalado, sempre que alguém acessar a sua página a partir de um dispositivo móvel, uma versão mobile do portal é mostrada.

Se você ficou interessado no Jetpack, confira abaixo o processo para a instalação e configuração do plugin. Vale lembrar que é preciso ter o WordPress instalado no servidor para seguir os passos descritos a seguir. O artigo “Como instalar o WordPress” ajuda você no processo de instalação.

Instalando o Jetpack

Há duas maneiras de adicionar o Jetpack ao seu WordPress. A primeira delas é por meio do gerenciador de plugins. Na coluna mais à esquerda da tela de administração do seu site, selecione a opção “Plugins”.

Feito isso, digite o termo “Jetpack” no campo de busca exibido à direita da tela e aguarde até o resultado ser mostrado. Agora, é só localizar o plugin correto, clicar sobre ele e, depois, selecionar a opção “Instalar”.

(Fonte da imagem: Baixaki/Tecmundo)

A outra forma de instalar o Jetpack é manual. O processo é tão simples quanto o anterior. Veja os passos necessários abaixo.

1) Baixe o arquivo compactado do Jetpack para o disco rígido do seu computador.

2) Feito isso, acesse a tela de administração do seu blog.

3) Clique na opção “Plugins”, presente na coluna mais à esquerda da janela, e, em seguida, escolha o item “Add New” (ou “Adicionar Novo”).

4) Agora, na parte centra da tela, selecione a opção “Upload”.

5) Na janela que surgir, clique em “Escolher arquivo”. O próximo passo é localizar o arquivo ZIP do Jetpack baixado e escolher o botão “Install Now”.

(Fonte da imagem: Baixaki/Tecmundo)

6) Pronto! Basta aguardar alguns instantes até que o processo de instalação seja finalizado.

Ativando o plugin

Depois que a instalação do Jetpack for finalizada, é preciso ativar o plugin para que ele comece a funcionar. Para isso, é só clicar no botão “Jetpack” adicionado na coluna à esquerda da tela e, em seguida, selecionar a opção “Connect to WordPress.com”.

(Fonte da imagem: Baixaki/Tecmundo)

Para testar o funcionamento do Jetpack, é preciso acessar a sua página por meio de um dispositivo móvel.

Configure

O Jetpack oferece diversos recursos para você deixar a versão mobile do seu site o mais completa possível. Na tela de configurações do plugin é possível personalizar cores, imagens e outros detalhes da interface do site.

Além do visual customizado, o Jetpack também oferece menus adaptados para funcionar com dispositivos touch, formulários, botões para compartilhamento nas redes sociais e opções para a inserção de comentários nos posts.

(Fonte da imagem: Divulgação/Jetpack)

Mobile ou “versão completa”

Uma das características que chama a atenção em Jetpack é que a pessoa que está acessando a sua página pode escolher se deseja continuar visualizando o conteúdo pela versão mobile ou pelo site “completo”. Isso é possível porque o plugin adiciona o botão “View Full Site” de forma automática.

Hoje já existem serviços criados e pensados para que você gerencie um site WordPress de uma forma mais amigável com serviços desenvolvidos exclusivamente para as suas necessidades. A HostGator oferece a Hospedagem WordPress com um pacote completo para que você tenha um dia a dia mais tranquilo, com atualizações automáticas, temas e plugins pré-instalados e muito mais.