Como deixar o seu blog responsivo (Blogger ou WordPress) | Follow your dreams
Blogosfera

Como deixar o seu blog responsivo (Blogger ou WordPress)

Oi pessoal, como estão?

Atualmente grande parte dos acessos de um blog é feito através do celular, por isso é muito importante nós blogueiros(a) darmos uma atenção especial à esse tipo de público, fazendo com que a navegação deles fique mais fácil e prazerosa. Como fazer isso? É a dúvida que eu mais recebi nas últimas semanas.

Como deixar o seu blog responsivo (Blogger ou WordPress)

Responsivo é quando o site/blog se ajusta à todas as resoluções.

Adaptar o seu tema ou template para que ele se transforme em responsivo não é tarefa fácil, exige conhecimento de algumas linguagens html e css (e php para WordPress), e como cada template/tema varia de nomenclatura e estrutura, seria impossível vir aqui e dizer pra vocês uma receitinha de bolo que funciona perfeitamente. Se é esse o seu interesse recomendo que procure uma empresa especializada nesse tipo de serviço.

Mas se você procura uma alterativa simples, rápida e gratuita, tanto o WordPress quanto o Blogger oferecem opções que você mesmo(a) pode fazer, e nesse post vou mostrar o passo-a-passo. :)

Para Blogger

No painel do Blogger vá na aba Modelo. Do lado esquerdo há uma demonstração do seu blog no celular, clique na engrenagem:

Como deixar o seu blog responsivo (Blogger ou WordPress) 1

 

Deixe escolhida a opção “Sim, mostrar modelo para celular em aparelhos celulares.” e abaixo disso você pode selecionar um dos modelos que o Blogger oferece:

Como deixar o seu blog responsivo (Blogger ou WordPress) 2

Depois é só salvar e pronto!

 

Para WordPress

~> Infelizmente o WordPress.com não tem suporte para instalação de plugins, então essa solução serve apenas para quem usa o WordPress.ORG. <~

Existem outros plugins com essa função, mas o que eu uso e recomendo é o WPtouch, sua versão gratuita tem várias opções de personalização, no entanto, também existem temas pagos e se você tiver conhecimento de php e css, pode fazer como eu e personalizar diretamente nos códigos do plugin.

Como deixar o seu blog responsivo (Blogger ou WordPress) 3

 

Pra confirmar se deu certo você pode acessar essa página e fazer o teste de compatibilidade com dispositivos móveis da Google.

Como deixar o seu blog responsivo (Blogger ou WordPress) 4

Gostaram da dica? :)
Dúvidas e sugestões nos comentários.

Até a próxima! Emoji5

29 Comentários

  1. oiee! Tava olhando seu blog, muito top por sinal, e vi que em alguns posts você cita que “brincava” de criar templates. Quando você criava, era com código puro, ou vc usava algum editor visual? to entrando nesse ramo de web master, web design, engenharia de software etc.. mas ainda não sou tão bom em códigos, e queria criar temas urgentemente rsrs. Ah, post ótimo. obrigado ;)

    1. Oi Ian, sim, depois que fiz um curso de web design eu praticava fazendo templates, só por diversão mesmo. Sempre só nos códigos, sem editor visual. A parte gráfica é feita no Photoshop ou Illustrator. Continuo assim até hoje. :)

      1. ah sim, que top! Quero Ser Engenheiro de Software ou algo do tipo. Vou fazer um curso também para ficar melhor, e quem sabe, como vc huehue. Sucesso ;) (Código é poesia :D )

        1. hahahahah imagina! Você vai ser muito melhor que eu, tenho certeza! :)
          Boa sorte, obrigada por comentar e acompanhar o blog

  2. Adorei, estou voltando a postar em um antigo blog que eu tinha, e isso pode me ajudar com um novo que eu abri, hahahaha.

  3. Karol, adoro seu blog e seus templates. Sei que você publicou um a pouquíssimo tempo, mas queria que você disponibilizasse uma base pra gente (blogger) poder modificar ela, adicionar plugins e outras coisas. Seus tutorais são muito úteis.

  4. Passando pra dizer que sou apaixonada pelo seu blog e amo todas as suas dicas. O meu blog é composto de praticamente quase tudo que você disponibiliza para download e eu como uma blogueira iniciante só tenho a agradecer. Quando eu crescer vou querer você pra fazer meu layout profissional rsrs. Parabéns. Abraços!

  5. Oi Karol, eu uso o seu templade de Aquarela e ele não fica direito no celular! :(
    Pelo menos não bonitinho como o seu e de outros blogs que entro! :/

    Além disso, tenho muitas dúvidas em outros setores. Você poderia me ajudar?

  6. Olá tudo bem? eu coloquei o meu, é painel blogger, só que ele aparece padrão..o seu também é blogger? como colocar o banner do blog para aparecer no celular como no seu? o meu banner fica no html então não aparece…como modificar esse padrão do blogger? você sabe? obrigada
    http://www.beautyinforlife.com

  7. Karol, suas dicas são as melhores possíveis!!
    Agora que eu migrei para WordPress.org então, estou aqui direto procurando ajuda. Haha

    Muito obrigada <3
    Seu blog é lindo demais, está de parabéns!!
    Beijos

  8. Adorei seu blog, muitas dicas para quem está começando agora!! sz
    Mas o meu não deu certo, eu coloco padrão e ele não aparece o meu blog igual o do navegador pelo computador, ele fica simples. Então coloquei não mostrar modelo de celular, assim ele ele mostra meu blog porem as imagens da postagem fica fora de tamanho. :(
    Bjs
    http://arianerosa.blogspot.com.br/

    1. Oi Ariane, se você quer que o seu blog apareça no celular igual ao seu template personalizado, porém adaptado ao tamanho, isso se chama responsivo e é exatamente o que eu mencionei no post. Leia o segundo parágrafo:

      Adaptar o seu tema ou template para que ele se transforme em responsivo não é tarefa fácil, exige conhecimento de algumas linguagens html e css (e php para WordPress), e como cada template/tema varia de nomenclatura e estrutura, seria impossível vir aqui e dizer pra vocês uma receitinha de bolo que funciona perfeitamente. Se é esse o seu interesse recomendo que procure uma empresa especializada nesse tipo de serviço.

      Bjs

Deixe uma resposta