Micaela 9 de septiembre de 2009 a las 09.02
   Imprimir artículo
elWebmaster.com

Modifica tu Theme de WordPress para mejorar la interactividad de tu blog


wordpress_finalSeamos sinceros: A todos los bloggers nos gustaría obtener una mayor interacción y participación de sus lectores y visitantes y estámos dispuestos a hacer cuanto “pequeño truco” sea necesario.

En esta nota vamos a ver algunas cosas que puedes hacer en su theme de WordPress para añadir la posibilidad de algún tipo de interacción como comentarios, e-mail, Facebook y otras formas de que los lectores se involucren.

1. Mostrar comentarios más recientes

Una de las maneras más importantes en que los blogs pueden animar a los lectores a involucrarse es a través de los comentarios. Hay una serie de estrategias diferentes para aumentar los comentarios y la participación de los lectores, y muchos de ellos incluyen la colocación de un mayor énfasis en los comentarios. Al mostrar los comentarios más recientes (en la barra lateral, por ejemplo) puede ser que animes a más usuarios a comentar, porque los visitantes verán el valor de su participación.

Para mostrar una lista de las observaciones más recientes, utiliza el siguiente código en tu theme:

  1. comments
  2. LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID =
  3. $wpdb->posts.ID)
  4. WHERE comment_approved = '1' AND comment_type = '' AND
  5. post_password = ''
  6. ORDER BY comment_date_gmt DESC
  7. LIMIT 10";
  8. $comments = $wpdb->get_results($sql);
  9. $output = $pre_HTML;
  10. $output .= "\n
  11. <ul>";
  12. foreach ($comments as $comment) {
  13. $output .= "\n
  14.     <li>".strip_tags($comment-&gt;comment_author)
  15. .":" . "<a href="\">ID) .
  16. "#comment-" . $comment-&gt;comment_ID . "\" title=\"on " .
  17. $comment-&gt;post_title . "\"&gt;" . strip_tags($comment-&gt;com_excerpt)
  18. ."</a></li>
  19. ";
  20. }
  21. $output .= "\n</ul>
  22. ";
  23. $output .= $post_HTML;
  24. echo $output;?&gt;

Fuente: WP Hacks

2. Permite que los visitantes le puedan mandar los posts por e-mail a sus amigos

Si los lectores disfrutan y aprecian los artículos de tu blog puede que estén interesados en mandarlos por correo electrónico a sus amigos. En la mayoría de los sitios web de noticias verás un enlace que dice “enviar por correo electrónico a un amigo,” pero no es tan común en los blogs. La adición de esta funcionalidad en tu tema no es tan difícil como podría pensarse.

Para añadir un link de “envía esto por email”, utiliza el siguiente código en tu archivo single.php:

  1. <a href="mailto:?subject=<?php the_title();
  2. ?>&amp;body=<?php the_permalink() ?>" title="Send this
  3. article to a friend!">Email this</a>

Fuente: WP Recipes

3. Añade un link de “Compartir en Facebook”

Si bien los medios de comunicación social y las redes sociales suelen integrarse con los blogs, es más común ver un botón de Digg o Tweetmeme a uno que permitirá a los lectores compartir el link a través de Facebook. Dado que Facebook es un sitio tan increíblemente popular, podrá disponer de exposición extra para tu blog y ofrecer más oportunidades para tus lectores de interactuar con su contenido.
Para añadir un enlace de “Compartir en Facebook”, utiliza el siguiente código:

  1. <a href="http://www.facebook.com/sharer.php?u=&lt;?php the_permalink();?&gt;&amp;t=&lt;?php the_title(); ?&gt;" target="blank">Share on Facebook</a>

Fuente: WP Recipes

4. Añade links de marcadores customizados

Muchos blogs reciben una enorme exposición de los sitios de medios sociales, y alentando a tus lectores para interactuar mediante el voto o marcadores puede hacer una gran diferencia en términos de niveles de tráfico. Existen plugins y widgets disponibles para este fin, así como los botones e insignias de los sitios de medios sociales, pero si deseas más control sobre el aspecto o si simplemente deseas hacerlo por ti mismo es posible.

Bookmark con Delicious:

  1. <a title="Bookmark this post at Delicious" rel="nofollow" href="http://delicious.com/post?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php echo urlencode(get_the_title($id)); ?&gt;">Bookmark at Delicious</a>


Digg:

  1. <a title="Submit this post to Digg" rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=&lt;?php the_permalink(); ?&gt;">Digg this!</a>

Twitter:

  1. <a rel="nofollow" href="http://twitter.com/home?status=<?php echo urlencode("Currently reading: "); ?><?php the_permalink(); ?>" title="Share this article with your Twitter followers">Tweet this!</a>

StumbleUpon:

  1. <a title="Share this post at StumbleUpon" rel="nofollow" href="http://www.stumbleupon.com/submit?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php echo urlencode(get_the_title($id)); ?&gt;">Stumble this!</a>

Fuente: Perishable Press

5. Reordena los comentarios para que muestren primero los más recientes

Tener un blog que recibe una gran cantidad de comentarios de los lectores en modo alguno pueden disuadir a otros de participar. Algunos lectores no se toman el tiempo para dejar un comentario si sienten como que el suyo será enterrado debajo de los 100 otros comentarios. Un truco para premiar a los que se van a tomar el tiempo para comentar es listar los comentarios con el más reciente en la parte superior, en lugar de ser el más antiguo en la parte superior.

Encuentra el siguiente código en el archivo comments.php (tenga en cuenta que no todos los temas utilizan los mismos códigos para el archivo comments.php):

  1. foreach ($comments as $comment)

Y antes de eso añade:

  1. $comments = array_reverse($comments);

Fuente: WordPress Forums

6. Añade links de traducción

Como Blogger, puede que te sorprendas al ver cuántos de tus visitantes y suscriptores vienen de distintos países. Si bien estas personas pueden ser capaces de leer y comprender tus posts, puede haber momentos en que tengan dificultades o deseen compartir el artículo con alguien que no puede ser capaz de leerlo. En estos casos, la traducción puede ser útil.
La inserción del código que se muestra a continuación permite a los visitantes utilizar fácilmente los servicios de traducción de Google:

  1. <ul id="translations">
  2.     <li><a rel="nofollow" href="http://translate.google.com/translate?u=&lt;?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?&gt;&amp;langpair=en%7Cde">Translate this page to Deutsch</a></li>
  3.     <li><a rel="nofollow" href="http://translate.google.com/translate?u=&lt;?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?&gt;&amp;langpair=en%7Ces">Translate this page to Espanol</a></li>
  4.     <li><a rel="nofollow" href="http://translate.google.com/translate?u=&lt;?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?&gt;&amp;langpair=en%7Cfr">Translate this page to Francais</a></li>
  5.     <li><a rel="nofollow" href="http://translate.google.com/translate?u=&lt;?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?&gt;&amp;langpair=en%7Cit">Translate this page to Italiano</a></li>
  6.     <li><a rel="nofollow" href="http://translate.google.com/translate?u=&lt;?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?&gt;&amp;langpair=en%7Cpt">Translate this page to Portugues</a></li>
  7.     <li><a rel="nofollow" href="http://translate.google.com/translate?u=&lt;?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?&gt;&amp;langpair=en%7Car">Translate this page to Arabic</a></li>
  8.     <li><a rel="nofollow" href="http://translate.google.com/translate?u=&lt;?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?&gt;&amp;langpair=en%7Cja">Translate this page to Japanese</a></li>
  9.     <li><a rel="nofollow" href="http://translate.google.com/translate?u=&lt;?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?&gt;&amp;langpair=en%7Cko">Translate this page to Korean</a></li>
  10. </ul>

Fuente: Perishable Press

7. Búsqueda personalizada de Google

Una de las mejores maneras para que los visitantes encuentren lo que buscan es utilizar un sitio de búsqueda ancho. Desafortunadamente, la búsqueda de WordPress por defecto no es de gran ayuda en la mayoría de los casos. Sin embargo, puedes agregar fácilmente la búsqueda personalizada de Google a tu blog (además de que puede obtener beneficios económicos de la búsqueda a través de AdSense).
Para obtener tu propia búsqueda personalizada de Google, tendrás que firmar con ellos y te proporcionarán el código.

Haz clic aquí para saber más sobre Google Custom Search »

8. Muestra el estado de Facebook en tu Blog

Muchos blogs muestran los tweets más recientes, pero también es posible compartir tu estado de Facebook en tu blog. Hay algunos pasos involucrados para hacer esto con WordPress.

Haz clic aquí para ver cómo utilizar LifeStream Wp para mostrar tu actividad de Facebook en tu blog »

Fuente: Vandelay Design


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. facebook quotes dice:

    thanks alot for the facebook like button code :)

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder