• Renann Mendes
  • por Renann Mendes
  • Branding, Content Marketing e Comunicação. Sou Sócio-fundador do Profissional de E-commerce. De jan/2018 a jan/2019, liderei os times de Branding (Content Marketing, PR, Social Media e Branding), Product Marketing, área de cursos da Foxbit, fintech de criptomoedas e o projeto e primeiro ano de atuação do Cointimes. Entre ago/2016 e set/2017 atuei como head da área de Marketing da Ebit, empresa Buscapé Company, hoje Nielsen, referência em informações, certificação de lojas e inteligência de e-commerce. Entre 2012 e 2016, participei ativamente da estruturação da startup Universidade Buscapé Company, entrei na coordenação de treinamentos de E-commerce e Marketing Digital. Lá assumi também a coordenação de Marketing Digital e Conteúdo da Uni Buscapé e do Profissional de E-commerce. Desde 2013, ministro aulas de Marketing de Conteúdo para E-commerce na Faculdade Impacta e em algumas empresas de internet no formato workshop. Você pode encontrar mais informações em meu perfil do LinkedIn ou marcando um café! ;)

Como otimizar um blog em WordPress para celulares e smartphones

2 de julho de 2013
Share Button

Antes de qualquer coisa é importante entender porque você deve otimizar seu blog em WordPress para celulares e smartphones. Hoje temos mais de 260 milhões de celulares no Brasil com mais de uma linha por habitante e um crescimento de 86% em relação ao ano anterior. Veja os dados acima.

Diante disso e da facilidade hoje em ter um acesso 3G, a demanda por estar preparado para os acessos por celular cresce exponencialmente. Sentimos isso na pele com nosso blog, o Profissional de E-commerce, que não tinha o layout adaptado para a leitura em celulares até… Hoje. Por mais que seu layout fique bonito no Desktop não é garantido que ele tenha usabilidade no celular. É muito mais válido usar um layout mais simples e que seja adequado ao dispositivo.

Versão mobile do Blog Profissional de E-commerce
Versão mobile do Blog Profissional de E-commerce no iPhone.

A dica é muito simples, o plugin é totalmente instintivo e bem customizável que não compromete a versão de Desktop. A página de entrada não permite uma customização tão grande, porém nas páginas de leitura das publicações a diagramação são bem fiéis à do Desktop. O que é bastante importante para tornar a experiência de leitura mais agradável.

Na interface de administração do seu WordPress procure pelo WPtouch. Acesse pelo menu lateral no painel de administração: Plugins ? Add New. Procure por “WPtouch”. Instale, ative e vá ao menu de configurações: “Settings”.

Nas configurações é possível alterar título, conteúdo que deseja exibir entre itens do menu, categorias, tags e autores, além dos ícones. Nas publicações você pode tanto usar o ícone de calendário quanto Thumbnails das imagens das publicações.

O ícone principal do blog também é personalizável, o plugin permite que você coloque qualquer imagem à sua escolha. A imagem deve estar em .png transparente, recomendo que esteja com as dimensões 114×114 pixels. Para o arredondamento usei 19 pixels no Adobe Fireworks.

Ainda existem opções para a personalização de cores e fontes e inserção de Google Adsense e Analytics para medir exatamente a quantidade de visitantes pelo celular (importante usar!). O plugin oferece também uma versão paga, onde é possível customizar outros layouts, ter acesso ao suporte dos desenvolvedores e mais algumas coisas.

E para você que adora nosso blog, agora ficou fácil de consumir muita informação sobre sobre E-commerce, Empreendedorismo e  Marketing Digital. Você pode adicioná-lo à Tela de Início e ter sempre à mão todas as notícias do Profissional de E-commerce. A versão otimizada para celular funciona tanto em iOS quanto em Android.

Como otimizar um blog em WordPress para celulares e smartphones

SEGREDOS DO E-COMMERCE

Receba as novidades toda semana

6 comentários sobre “Como otimizar um blog em WordPress para celulares e smartphones”

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Você pode usar essas tags HTML e atributos:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>