Hoje vou ensinar pra vocês como usar um botão personalizado Pin it no seu blog. E também disponibilizar alguns modelos para download. Faz bastante tempo que uso o botão personalizado Pin it nas imagens do meu blog. Particularmente acho muito útil blogs e sites que têm isso e acho bonitinho também.
Esse tutorial serve apenas para quem tem blog no WordPress.Org, infelizmente não serve para Blogger. Com certeza tem uma forma de fazer isso no Blogger mas eu não sei. Mas quem têm WordPress e quer saber como usar um botão personalizado pin it no seu blog WordPress, vem comigo!
Primeiro você precisa ter o plugin jQuery Pin It Button For Images instalado no seu blog. Você pode baixá-lo aqui.
Agora, vamos fazer o upload do plugin para seu blog pelo Wp Admin mesmo, não precisa de um programa FTP pra fazer isso. É muito simples, pra quem não sabe como instalar um plugin, faça login no seu wp-admin do WordPress, vá em Plugins na barra lateral esquerda > Adicionar Novo > Fazer upload do Plugin > Agora vá em procurar arquivo e faça o upload do arquivo .zip que você baixou e clique em Instalar Agora.
Aguarde o carregamento e depois clique em ativar o plugin. Pronto, seu plugin está instalado e ativo!
Agora vamos à personalização do plugin, a melhor parte rs.
Depois de instalado e ativo o plugin, vamos no painel do WordPress em Configurações > JQuery Pin It Button For Images.
Nesse passo eu primeiro configuro ele pra que o botão Pin It apareça somente nas imagens das postagens e não no resto das imagens do blog. Por isso vou em:
Minimum resolution that should trigger the “Pin it” button to show up > Height (Altura) coloco 300 px e Width (Largura) coloco 500 px. Você pode alterar para as medidas que achar melhor mas sempre leve em consideração que se colocar um tamanho muito pequeno ele irá abrangir imagens da sidebar, perfil, etc.
Também deixo todas as categorias selecionadas em “On which page the “Pin It” button should be shown.
Depois de configurado isso, clique em salvar alterações no final da página.
Agora ainda com a página do plugin aberta, vamos na aba Visual. Em Description source deixo o atributo de Page Title, ou seja, a descrição da imagem vai buscar o título da página. Mas você pode alterar como preferir. Tem outras opções como descrição da página, descrição da imagem, etc.
Depois vamos configurar a transparência da imagem ao passar o mouse em cima, em Transparency value. Eu coloco 0,5.
Agora vamos selecionar a imagem em Custom “Pin It” Button. Vá em Upload an image using media library, faça o upload da imagem desejada. Se quiser pode usar uma das que eu disponibilizo no fim do post. Pode copiar a url da imagem aqui no meu post e colar em URL adress of the image se preferir.
Depois de escolhida a imagem, vamos escolher onde você quer que apareça o botão Pin It nas suas fotos.
Eu prefiro no final da imagem à direita. Mas você pode escolher o que preferir.
Top Left = topo esquerdo
Top Right = topo direito
Bottom Left = embaixo à esquerda
Bottom Right = embaixo à direita
Middle = meio
Depois de quiser colocar o espaçamento das margens no “pin It” button margins, configure como desejar. O meu está 20px para todos.
Depois basta salvar alterações e pronto, você configurou o botão Pin It personalizado para seu blog WordPress.
Agora como prometido, as imagens para download. Você pode salvar e usa, sem dar os créditos se não quiser. Apenas não redistribua como se fosse seu ok?! Eu fiz vários modelos e espero que gostem! Quem usar, me avisa aqui pra curiosa aqui ver, gente!
Leave a Comment