Quantcast
Channel: Wordpress – TensaiWeb
Viewing all articles
Browse latest Browse all 11

Colocar botón “me gusta” de Facebook en cada post de WordPress

$
0
0

Facebook hace ya buen tiempo que ha impuesto una moda, la moda del botón me gusta :razz: .

Me gusta

El “me gusta” es una forma de compartir en Facebook todo lo que encontremos en Internet, se puede aplicar en todas las páginas web y no solamente a blogs.
El objetivo final es ver a cuantas personas le ha gustado un determinado artículo o página web en concreto, es algo así como un contador de Retweets.

Botón en los posts de WordPress

Esta vez desafiando toda lógica no lo haremos con un plugin de wordpress, ya que es demasiado sencilla su implementación.
Lo primero que tenemos que hacer es ir a la página del plugin de Facebook, escoger las opciones y generar el código.

plugin me gusta

Como podemos ver en la imagen:

  • Si especificamos una URL, ésta será estática. Para nuestro blog, lo dejamos en blanco.
  • Se recomienda la opción Standard. Es cuestión de gustos.
  • Show faces desactivado, para que no cargue demasiado la página.
  • Ancho de acuerdo a donde lo vamos a colocar en nuestro blog.
  • Verbo a usar like(gustar), o si prefieren recommend(recomendar).
  • La fuente se deja igual o si son muy detallistas, la escogen.
  • Color claro(light) u obscuro(dark).
  • Como ven, la mayoría de las opciones son de estilo, se escogen según su gusto para que armonice con su blog/página.
  • Finalmente se genera el código.

De todas las opciones lo más importante es dejar la URL en blanco, escoger la palabra like por ser más popular y un ancho adecuado.

Una vez generado el código, copiamos el que dice iFrame porque el otro requiere una librería especial de Facebook y no es nuestra intención escoger el camino más complicado.

A ese código obtenido le hacemos 2 cambios, uno para ponerlo a español y otro para que obtenga automáticamente la url del post actual.

Para ponerlo a español le agregamos el parámetro “locale=es_ES”.
Para que obtenga la url de tus posts le agregamos un código php del permalink.

El código final quedaría mas o menos así:

1
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=35&amp;locale=es_ES" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

Para seleccionar todo el código denle triple click

Si han escogido opciones especiales al crear su botón, sólamente necesitan modificar la parte después de “href” con el código php y agregar el atributo locale al final. O pueden simplemente copiar el código que les di.

A continuación este código lo agregamos en nuestra plantilla en single.php dentro de la creación del post, generalmente después de que se llame al título del post.

Y eso es todo, guardan y les aparecerá en cada post que tengan publicado.

Finalmente

Acabo de implementarlo en Tensaiweb debajo del título del post. Espero les sirva y a ver si al menos este post recibe algún “me gusta” :smile: .



Puedes agregar este blog a tu lector rss favorito.

Términos relacionados:

boton me gusta en español boton me gusta facebook en español boton me gusta en español facebook BOTON ME GUSTA FACEBOOK español boton me gusta de facebook en español facebook boton me gusta en español iframe boton me gusta con cada imagen en wordpress como poner boton de me gusta en wordpress boton me gusta facebook español generar codigo boton like facebook frontpage

Post creado en: TensaiWeb

Viewing all articles
Browse latest Browse all 11

Trending Articles