Theme WordPress con forma del Facebook Timeline

Facebook ahora nos brinda la opción de mostrar nuestro perfil a modo de biografía, el nuevo diseño es muy bonito y agrupa nuestras actividades de una forma diferente y original, pero esta en nosotros decidir si es el estilo que va con nosotros o no.

Para hacernos una mejor idea de lo que es el Facebook Timeline podemos ir a la página que lo explica mejor en Facebook.

Tu Facebook Timeline en tu blog de WordPress

Un ingenioso diseñador llamado Julius ha creado a modo de experimento un theme para wordpress muy similar a lo que será el Facebook Timeline, si quieren darle una probada en su blog, aquí les dejo los enlaces.
facebook timeline theme wordpress
Así se ve
Aquí se puede Descargar

Este theme esta basado en la plantilla Twenty Eleven 1.2 que viene por defecto en WordPress por lo que resulta muy compatible y genera muy pocos errores o conflictos con ningún plugin.

Términos relacionados:

theme facebook wordpress blog timeline wordpress facebook theme timeline theme wordpress themes blogger facebook time theme wordpress timeline theme wordpress facebook theme timeline facebook theme facebook for wordpress forma de facebook

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

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: .

Si no te quieres perder ningún detalle de estos artículos, suscríbete a mi feed con tu lector preferido o vía email en la parte derecha de la página.


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 plugin para poner el me gusta por cada post de wordpres me gusta facebook post wordpress me gusta facebook cuantas paginas dominio añadir boton me gusta despues de cada entrada wordpress

Colocar elementos aleatorios de todo tipo en tu blog WordPress

Alguna vez has querido alternar elementos en tu blog, como por ejemplo distintos banners o diferentes imágenes y no pudiste? :!:

Elementos aleatorios

Un uso muy común es querer alternar banners o anuncios publicitarios de sistemas como Adsense y otros. También puede ser que desees mostrar una imagen aleatoria, cargar algún script, flash o cualquier otro elemento según tus necesidades.

La finalidad de los elementos aleatorios es darle más variedad a tu blog si sientes que le falta dinamismo o agregarle alguna funcionalidad extra. El uso se lo das tú :razz: .

Cómo agregar elementos aleatorios a WordPress

La respuesta es muy sencilla, con un plugin. Pero existen múltiples plugins para banners y otros para imágenes, sin embargo ahora te voy a recomendar un plugin que puede ocuparse de múltiples elementos: Adsense, banners, imágenes, texto, Flash, videos, etc.

Por ejemplo puedes probar diferentes sistemas publicitarios, mostrar imágenes aleatorias en tu header, videos aleatorios de Youtube, etc. Tienes muchas posibilidades ya que acepta scripts y Flash.

Además no sólo podrás colocarlo fácilmente en el sidebar con un widget sino que podremos colocar estos elementos aleatorios en cualquier parte de la plantilla con el tag respectivo.

El plugin se llama Random / Rotating Ads V2. Lo primero que tenemos que hacer es crear un grupo de elementos, una vez creado el grupo podemos seleccionarlo fácilmente en la sección widgets o si queremos insertarlo en la plantilla, ello lo haremos con él código php que nos proporcionan allí mismo.

El código luce así:

1
<?php if (function_exists('dfrads')) { echo dfrads('111111'); } ?>

Este video muestra muy bien cómo funciona el plugin, véanlo a pantalla completa.

Finalmente

Les recomiendo mucho el plugin, sirve para muchos propósitos y está bien trabajado. Espero les sirva :smile: .

Si no te quieres perder ningún detalle de estos artículos, suscríbete a mi feed con tu lector preferido o vía email en la parte derecha de la página.


Términos relacionados:

poner diferentes banner entre post en el home de wordpress banner aleatorio wordpress anuncios aleatorios wordpress insertar banner rotativo flash en blogger mostrar imagenes del video en wordpress plugin rotatorio de imagenes script banner sin plugins tag aleatoria wordpress texto rotativo plugin wordpress widget noticias aleatorias con css

Nube de tags 3D en WordPress

A muchos les gusta poner una nube de etiquetas vistosa.
Qué más vistoso que una nube de tags 3D en movimiento :o .

Nube de tags en WordPress

Como ya sabrán los usuarios de WordPress, las etiquetas se pueden colocar muy fácilmente agregando un widget, pero estas etiquetas son estáticas.
Sin embargo y como en WordPress todo es sencillo usando plugins, tenemos algunas opciones para crear nuestra nube de tags en 3D.
nube tags flash

Nube de tags 3d con Flash

Si eres de los que apoya la tecnología Flash, te gustará el plugin WP-Cumulus.
Ya lleva tiempo y muchos bloggers lo han puesto en sus blogs, visualmente se ve muy bien.

Nube de tags 3d con Javascript y CSS

Si quieres un plugin sin flash, puedes probar WP-Cirrus.
Sólo necesita que tengan javascript activado, aunque la animación no es tan perfecta como con Flash.

Nube de tags 3d con HTML5

Si eres un fan del futuro estándar de la web HTML5, este plugin es para ti tagcloud HTML5.
El punto débil es que sólo funcionará si el visitantes está utilizando un browser que soporta el objeto canvas de HTML5.

Cuál plugin escoger para crear mi nube de tags?

De los 3 plugins, el más ligero es sin duda el que crea la nube de tags con HTML5 ya que emplea un único archivo javascript. Claro está que sólo los usuarios con navegadores más recientes podrán ver tu nube.
El plugin que usa javascript y CSS es algo más pesado, pero no tanto como el plugin que usa Flash.

Aquí la recomendación práctica: Si tienes pocas visitas, puedes escoger cualquiera de los tres, sabiendo que el que usa Flash es el más bonito. Si en cambio tienes varios miles de visitas al día, deberías usar el más ligero para evitar problemas con tu hosting.

Si no te quieres perder ningún detalle de estos artículos, suscríbete a mi feed con tu lector preferido o vía email en la parte derecha de la página.


Términos relacionados:

tags 3d nube de palabras flash nube de etiquetas wordpress nube de etiquetas 3d wordpress nube etiquetas wordpress wordpress plugin nube de etiquetas nube palabras wordpress nubes 3d en movimiento nubes de tags en php nuve de palabras flash