Botão de “pin it” nas suas imagens

Muitas pessoas me perguntaram como eu fiz para adicionar o botão de “pin it” aqui nas imagens do blog. Se você reparar, esse botão aparece cada vez que você passar o mouse pela imagem – permitindo pinar as imagens que você quiser de cada post.

Acontece que é muito mais fácil do que você imagina e eu preparei um mini tutorial para deixar mais fácil ainda:

  1. Instale o plugin JQuery Pin it Button for Images;
  2. Ative o plugin;
  3. No seu painel do wordpress, vá em Configurações >> Jquery Pin it Button for Images;
  4. Você vai ver a seguinte tela:

sernaiotto-pinitbuttons

  • Se você não sabe mexer com css ou códigos, deixe o image selector como está. Mais abaixo, você pode selecionar em quais páginas o botão deve aparecer;
  • Você também deve escolher uma resolução mínima para as imagens que devem exibir o botão. Isso é preciso para determinar que imagens pequenas – como seus botões de redes sociais ou o logo do seu blog – não fiquem com o botão de pin it em cima. Eu insiro a largura de 600, pois é a largura mínima que eu uso nas imagens dos posts.

sernaiotto-pinitbuttons2

  • Na aba visuals você consegue editar a descrição das images que vai para o Pinterest – eu deixo como o título da página ou post;
  • Sempre marco a caixinha do “always link do individual post page” pois assim a imagem vai linkar para os posts e não para a página inicial do blog;
  • No custom pin it button, eu habilito a caixinha de usar imagem customizada e faço o upload de uma imagem criada por mim. A que eu uso tem 85px de largura e de altura.
  • Você consegue personalizar a posição do botão, no meu caso é no topo direito;
  • As margens são o espaço entre o botão e o fim da imagem, sempre uso 20px ou 30px – assim ela não fica grudada nas bordas;
  • Salve as alterações.

Pronto! Esse é o básico sobre o plugin que eu uso. Não esqueça de pinar esse post e seguir meu painel cheio de dicas para blogs lá no Pinterest!

Nessa semana eu postei uma calculadora para banners, já viu? Beijas!

Leave a Comment

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