Um site com design responsivo é muito importante para garantir o acesso de um maior número de pessoas. O design responsivo é aquele que se adapta a qualquer tipo de dispositivo, ou a maioria deles. Se seu leitor ou cliente, consegue acessar seu site a partir de um smartphone, tablet ou até de um computador com uma tela menor, com certeza ele terá vontade de voltar para uma visita.
Hoje você consegue encontrar para WordPress vários temas com design responsivo. Em sua maioria são temas pagos, mas que realizam muito bem a tarefa de deixar o visual do seu site a se encaixar em qualquer dispositivo. Existem também temas gratuitos, mas é um pouco difícil conseguir algum com visual arrojado e que contemple o design responsivo de forma satisfatória.
Diversos são os plugins para WordPress que prometem transformar o site num site 100% responsivo. A verdade é que não conhecemos nenhuma solução que faça isso de forma automatizada. Então, se você não quer realizar um investimento considerável para comprar um tema responsivo ou contratar um design, você vai gostar das nossas dicas para o design responsivo do seu site.
Design Responsivo no WordPress
Menu Responsivo
O menu do seu site é uma das coisas mais importantes. É através dele que seus visitantes e consumidores conseguem navegar pelas páginas do seu site. Então, se o menu aparece quebrado, impossível de clicar em qualquer link, ou pior, ele não aparece! Saiba que você tem um problema para a experiência de seu usuário mobile.
Para resolver esse problema de forma rápida, vá no seu Painel WordPress e instale o plugin Responsive Select Menu. Esse plugin resolve seu dilema transformando o menu do seu site em um selectbox ou dropdown, quando acessado por dispositivos mobile.
Slider Responsivo
A maioria dos sites ou blogs pessoais, de empresas ou marcas estão equipadas com algum tipo de slider. O slider é a ferramenta que dá maior destaque dentro do seu site para produtos, assuntos e páginas. Algo muito comum em um site que se considera responsivo, é o slider não ser exibido ou não funcionar corretamente. Muitos preferem retirar o slider quando o acesso é por dispositivo mobile, pois eles requerem uma maior atenção para funcionar de forma correta.
Com o plugin Slider Revolution Responsive WordPress você monta um slider 100% responsivo. Esse é um dos melhores plugins para você ter um belo site com design responsivo e funcional. Com ele você consegue montar um slider com conteúdo totalmente customizável, utilizando efeitos, transições e diversos tipos de animação. Tudo isso funciona perfeitamente no smartphone, no tablet e no PC!
Design totalmente responsivo
Se ao invés de ajustar menu e slider – partes do seu site separadas, você prefere um plugin que prometa um design responsivo para seu site de forma completa, você pode utilizar o WPtouch Mobile Plugin.
Anteriormente, neste mesmo post, comentamos sobre a existência deste tipo de plugin. Logo, se você pretende testar a eficácia de uma ferramenta propõe design responsivo para seu site o plugin WPtouch Mobile Plugin.
Com poucos cliques você consegue exibir em tablets e smartphones posts organizados, num site com menu e até slider. Caso você instale o plugin e ele não consiga ajustar o menu ou slider – este que é muito mais complexo de tornar responsivo, você pode tentar harmonizar as 3 ferramentas que indicamos aqui.
Proporcionar um site com design responsivo é mais do que um luxo, tornou-se uma obrigação para todos aqueles que almejam o sucesso e a sobrevivência no mundo digital. Muitas empresas preferem desenvolver tipos diferentes de sites, um para PC e outro para smartphones, do que tornar um site responsivo. Tudo depende do tempo e dinheiro que o seu negócio dispõe.
Se você testou as nossas soluções, a que acabamos de indicar, por favor deixe um comentário. Vamos gostar muito de saber que estamos te ajudando.
Está sentindo dificuldade para realizar alguma customização ou configuração no seu site? Entre em contato! Nós do CanalWP vamos gostar muito de apresentar soluções para resolver o seu problema.
Ferramentas WordPress Veja Mais Ferramentas
SEO PowerSuite
SeedProd
Lucky Table of Content
Temas responsivos já não precisam mais ser discutidos. O WordPress precisa ter um e ponto. O meu problema mesmo é com o próprio editor do WordPress: ele não me permite criar uma página (ou post) responsivo caso eu queira disponibilizar meu conteúdo em colunas, por exemplo. O Editor só nos fornece a possibilidade de criar tabelas (que não é responsive na acepção da palavra). Fica a pergunta: como criar linhas com 1, 2,3 ou mais colunas de forma que estas colunas fluam acompanhando os dispositivos móveis? Se tenho conhecimento posso escrever o código em colunas flutuantes, mas isto para leigos… Continue Lendo »
Olá Ed,
Obrigado por deixar seu comentário.
Concordo com a dificuldade que você falou sobre a criação de conteúdo responsivo no WordPress dentro do editor.
É por isso que vemos hoje uma infinidade de plugins para criação e edição de conteúdo responsivo como o Visual Composer.
Espero que com o tempo o próprio WordPress tenha uma ferramenta própria para esse tipo de conteúdo que requer uma necessidade especial.
Mas no momento é necessário utilizar de plugins ou ter conhecimento básico em programação front-end.
Abraço.
Sem dúvidas esse post me ajudou muito a ajustar o tema do meu wp para algo mais bonito e realmente responsivo. WPtouch Mobile Plugin fez um verdadeiro milagre.
Olá, as imagens que utilizo não estão ficando responsivas dentro da pagina, quando você acessa pelo celular as imagens diminuem impossibilitando a visão, e a imagem é essencial! Como faço para deixar essas imagens responsivas?
Olá, gostaria de saber como eu faço para deixar todas as imagens do meu site responsivas no celular ? No Pc eles ficam normal como e o certo, mais pelo telefone aparece a imagem pelas metades cortada veja no site.
Olá Gabriel,
Obrigado por deixar seu comentário.
Você se refere aquela imagem do Anuncie Aqui? Porque no meu celular ela é a única que fica cortada.
Se for ela, é preciso adicionar algum CSS para controlar a imagem em dispositivos móveis.
Abraço.
Olá, Sendy! Obrigada pelo artigo! Minha dúvida é que fiz o teste e apareceu compatível para dispositivo móvel só que o Google webmaster fala que tem 3 erros, entre eles, letra pequena. O que eu faço? Como melhorar isso? Obrigada!
Olá Ana Paula,
Você pode resolver esse problema utilizando outra fonte, aumentando o tamanho da fonte para mais de 16px e criando espaço entre listas e texto do seu conteúdo através de CSS.
Abraço.
Olá, Sendy! Obrigada pelo artigo! Minha dúvida é que fiz o teste e apareceu compatível para dispositivo móvel só que o Google webmaster fala que tem 3 erros, entre eles, letra pequena. O que eu faço? Como melhorar isso? Obrigada!
Olá Ana Paula,
Você pode resolver esse problema utilizando outra fonte, aumentando o tamanho da fonte para mais de 16px e criando espaço entre listas e texto do seu conteúdo através de CSS.
Abraço.