Cómo agregar botones de redes sociales en WordPress

Arac · 14 Jun 2012

Hola, e estado buscando un tutorial o plugin para poder poner estos botones de redes sociales con contador en un tema de wordpress, no e encontrado nada me gustaría si alguien sabe como o conoce un pugin para hacerlo.

Quiero algo lo mas parecido a esta imagen.

Gracias por adelantado.

webbber · 14 Jun 2012

te refieres a que muestren la cantidad de vece que se ha compartido un post en una red social?Si es eso, addthis.com Ahi pegas el codigo en tu plantilla y listo. Y sin plugins!

Desiigner · 14 Jun 2012

El que buscas es este Digg Digg.

tumastervip · 14 Jun 2012

quizas si me dices de que pagina lo sacaste te pueda ayudar. :encouragement:

Arac · 14 Jun 2012

webbber dijo:
te refieres a que muestren la cantidad de vece que se ha compartido un post en una red social?Si es eso, addthis.com Ahi pegas el codigo en tu plantilla y listo. Y sin plugins!

Si los botones para compartir los articulos.

pulga91 · 14 Jun 2012

Pues no entendi bien tu pregunta, pero este es el codigo que uso para Pinterest, twitter, Facebook, Digg y Google + y salen con contador

HTML:

<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
								 <a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-lang="es">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
								 <iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;send=false&amp;layout=box_count&amp;width=60&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowTransparency="true"></iframe>

<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a><g:plusone size="tall"></g:plusone>
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Arac · 14 Jun 2012

Lo que quiero es que cada que alguien entre a una entrada le muestre los botones de redes sociales para compartir dicha entrada.

Desiigner · 14 Jun 2012

Ufff.... ya hace un rato te dije que el plugin que buscas es Digg Digg, pero ni bola me paraste :/
instalalo es el mismo que estas buscando :encouragement:

Arac · 14 Jun 2012

thedemon dijo:
Ufff.... ya hace un rato te dije que el plugin que buscas es Digg Digg, pero ni bola me paraste :/
instalalo es el mismo que estas buscando :encouragement:

Perdón no se por que pero te salte, si es el que quiero muchas gracias a todos.

webbber · 15 Jun 2012

ps hace rato tb te dije que addthis.com tiene el codigo que buscas, yo siempre uso esta herramienta, tienes muchas opciones para mostrar los botones.

BYG01 · 17 Jun 2012

thedemon dijo:
El que buscas es este Digg Digg.

Muy bueno ,gracias por el plugin :encouragement:

Tambien hay una web donde puedes hacer todo esto y mucho mas ,pero que salga en una barra abajo del todo de tu wordpress ,es muy configurable y free ,aqui está la web que te digo:
Enlace eliminado

Espero que tambien te sirva,saludos.

edizzz · 17 Abr 2013

Oye pero el de pinterest no reconoce la imagen como puedo hacer que las reconosca sin usar imagen destacada?

pulga91 dijo:

Pues no entendi bien tu pregunta, pero este es el codigo que uso para Pinterest, twitter, Facebook, Digg y Google + y salen con contador

HTML:

<a rel="nofollow" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
								 <a rel="nofollow" href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-lang="es">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
								 <iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font&height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowTransparency="true"></iframe>

<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a><g:plusone size="tall"></g:plusone>
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Milagros33 · 2013-08-15T21:04:51-0500

Muy bueno, lo instalé. Gracias

pulga91 dijo:

Pues no entendi bien tu pregunta, pero este es el codigo que uso para Pinterest, twitter, Facebook, Digg y Google + y salen con contador

HTML:

<a rel="nofollow" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
								 <a rel="nofollow" href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-lang="es">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
								 <iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font&height=60" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:60px;" allowTransparency="true"></iframe>

<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a><g:plusone size="tall"></g:plusone>
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Cómo agregar botones de redes sociales en WordPress

Arac

webbber

Desiigner

tumastervip

Arac

pulga91

Arac

Desiigner

Arac

webbber

BYG01

edizzz

Milagros33

Temas similares