MobilePress: Seu Blog WordPress Bonito em Dispositivos Móveis

A cada dia aumenta o número de usuários de internet móvel. Segundo estimativas, já são mais dispositivos como celulares e tablets acessando a rede no mundo do que desktops e notebooks, o que não é de se estranhar, com o preço do hardware caindo e os serviços tornando-se mais acessíveis.

Mas o que fazer quando temos um blog bacana, com um belo visual, super compatível com os navegadores, mas que ao ser aberto num celular, fica quase inutilizado, todo bagunçado, elementos fora de posição e pior: extremamente pesado e difícil de navegar? Você já fez um teste para saber como seu site ou blog se apresenta em um dispositivo móvel?

Uma opção de teste está no site do Opera, com o Opera Mini Simulator. Este aplicativo em Java simula com perfeição o navegador Opera rodando em um dispositivo móvel.

Se você não tem conhecimento suficiente para modificar seu tema da forma necessária para que seu visual seja ajustado quando visto em um dispositivo móvel, poderá usar algumas ferramentas prontas, como plugins.

Para usuários do WordPress, como nós, um bom plugin é o MobilePress. Com ele, seu blog passará a usar, automaticamente, um tema apropriado sempre que for aberto em um dispositivo móvel. Nada de um monte de imagens e enfeites, que para um usuário de internet 3G seria um martírio para carregar: o tema é simples e eficiente, organizado para uma perfeita visualização do seu conteúdo.

Compare, usando como exemplo o Tutoriart na ferramenta do Opera para visualizar, a aparência do blog com e sem o plugin:

Todos os elementos que causariam problema numa navegação restrita como a móvel são eliminados. Nada de muitas imagens: limpeza e minimalismo.

Se souber como, você ainda poderá editar os arquivos do plugin, e personalizar mais o tema, ou resolver ocasionais problemas de compatibilidade com outros plugins ou características de seu blog.

O MobilePress pode ser baixado gratuitamente aqui, ou siga à opção Adicionar Novo, na guia Plugins do painel de controle de seu blog.

Na caixa de pesquisa, digite mobilepress e confirme. Quando localizar o plugin, clique em Instalar Agora.

Não esqueça de ativar o plugin. Surgirá no seu menu lateral uma guia para o plugin.

Como Configurar

Com o plugin ativo, você já não tem quase nada a fazer. Se quiser visualizar seu blog com o tema para dispositivos móveis, clique em Options.

1. Blog Title (Título do Blog) - permite que você escolha uma outra frase para aparecer como título do blog. Se deixar em branco, será usado o nome padrão.

2. Blog Description (Descrição do Blog) - permite escolher outra frase para a descrição do blog. Se deixado em branco, usará a descrição padrão.

3. Mobile Themes Directory (Diretório de Temas Móveis) - permite que você mude o caminho para a pasta padrão dos arquivos do tema para dispositivos móveis. Se você quiser desenvolver seus próprios temas, ou já tiver um, basta colocá-lo em seu servidor, indicar o caminho neste campo e o plugin fará o redirecionamento.

4. Force Mobile Site? (Forçar Site Móvel?) - se marcada, esta opção fará que seu blog use o tema para dispositivos móveis mesmo em navegadores comuns.

Para ver seu blog em ação com o tema móvel, há dois links disponíveis logo abaixo das opções: o terminado em /?mobile vai mostrar seu blog com o tema padrão, e terminado em /?iphone, mostra o tema para iphone. Nota: depois de visualizar usando estes links, clique no link terminado em /?nomobile para voltar a ver seu blog com o tema padrão, senão ele será aberto sempre com o tema móvel naquele navegador.

Lembrando que esta é uma ótima opção gratuita, que lhe dará um tema limpo e facilmente navegável em celulares e outros dispositivos móveis. Caso ele não seja suficiente para seu blog, talvez você tenha que recorrer a um recurso pago, mas de qualquer forma, não deixe de dar suporte a este público que poderá lhe render muitos novos visitantes.

Nota adicional: a ferramenta do Opera para emulação de dispositivo móvel requer uso de Java; seu navegador deve ter este plugin para que o aplicativo funcione corretamente, ok?

Leia também...

• 

  Estampas de camisetas com carimbo – por Aaron von Freter

  Todo mundo adora camiseta, e se ela tiver uma estampa legal e bem feita, melhor ainda. Se você produz as suas mas já cansou de tentar técnicas tradicionais de silk ou com máquinas, veja essa do designer americano baseado na europa, Aaron von Freter. Com mais de 12 de experiência no ramo de vestuário, ele inovou alguns anos atrás com esse processo de carimbar - o mesmo dos velhos carimbos de borracha.

  Cada estampa acaba tendo um estilo próprio, variando de acordo com a quantidade de tinta e pressão exercida. Fica ao mesmo tempo rústico e estiloso. Quem sabe é uma inspiração pra você desenvolver algo similar.

• 

  Como criar transição (fade) com CSS no carregamento da página e imagens

  Quem aí trabalhava ou brincava com design web na primeira metade dos anos 2000? Lembram como era feito pra conseguir um botão ou imagem com efeito de transição, tipo ir aparecendo aos poucos, ou mudando de cor? Normalmente eram duas abordagens: uma com Javascript e a outra - mais fácil e menos indicada - era apelar pro Flash. Mais recentemente surgiram vários meios de fazer isso com jQuery.

  Mas felizmente, com a modernização dos navegadores, mais recursos e propriedades de CSS vão se tornando compatíveis num ambiente mais amplo, e dá pra conseguir quase tudo só com CSS. Vamos ver dois exemplos da regra keyframes (quadros-chave) pra criar animações simples, completas pela propriedade animation. Com opacity vamos "esconder" os elementos durante o carregamento, aparecendo aos poucos.

• 

  Cartazes Oficiais das 12 Sedes da Copa do Mundo 2014

  Foram divulgados os cartazes oficiais das sedes na Copa do Mundo Brasil 2014. Alguns foram escolhidos por comissões formadas por designers e membros da FIFA e do governo, outros através de votação popular pela internet.

  Como era esperado, muita gente já está batendo o pé e reclamando da baixa qualidade de um e outro. Apesar de não concordar com as críticas feitas antes ao mascote (que teve o infeliz nome de Fuleco escolhido também por votação popular), concordo que não foi um trabalho muito compacto. Temos ótimos cartazes e outros bem inexpressivos.

  Pra falar a verdade, não curto a ideia de votação popular nesses casos, acho que é uma forma de fugir da responsabilidade de uma escolha que depois pudesse ser criticada. Uma boa equipe profissional deveria ser incumbida, num processo bem claro, mas enfim... Se até no logo oficial já houve tanta confusão...

  Seja como for, aí estão eles. Confira e opine.