Vuelvo al ataque con otra contribución que creo interesante para todos aquellos que gestionan sus páginas web mediante Wordpress. En esta ocasión os muestro un sencillo código en HTML/PHP para colocar botones conectados con Fresqui, Menéame y Digg; así como un par de plugins que permitirán a vuestros lectores compartir vuestras publicaciones en Wordpress con el resto de la comunidad de Internet de la manera más sencilla.

Es el sistema que uso yo en esta página y que podéis ver entrando en cualquiera de los artículos publicados. A continuación os muestro una imagen de dicha botonera: 

De todos es conocido el interés que cualquier administrador web tiene en posicionar su página y darla a conocer a la comunidad. Hay muchos sistemas y herramientas para conseguir esto pero tal vez uno de los más útiles y rápidos sean las redes comunitarias de promoción de noticias.

Se trata de sitios en los que la participación de los usuarios, enviando noticias que han encontrado navegando por Internet, es fundamental. Luego el resto de la comunidad vota y comenta esas contribuciones fomentando así su promoción y extensión a través de la red.

Recientemente he integrado en mis artículos una botonera, que podéis ver entrando en cualquiera de las publicaciones de www.davidboticario.com, que conecta con Fresqui y Menéame (a mi juicio las principales redes de este tipo a nivel nacional) y con Digg que es una de las más importantes a nivel internacional.

Adicionalmente he completado esa botonera con un par de plugins para Wordpress, que considero muy útiles y que aumentan la capacidad de promoción de los artículos casi hasta el infinito. Se trata de un plugin para enviar las publicaciones mediante email llamado WP-Email y otro, llamado Share This,  para aumentar las redes comunitarias en las que compartir el artículo hasta el infinito y más allá.

La instalación de estos plugins es sencilla y viene explicada en las páginas que os he puesto en sus respectivos enlaces. En este artículos me centraré en explicaros la otra parte del código. La que se refiere a la inserción de los botones conectados con Fresqui, Menéame y Digg.

Hay dos maneras de hacer operativos estos botones. En primer lugar podemos incluir estos tres botones con un texto explicativo a la derecha de cada botón y que ese texto tenga el enlace que vaya a la comunidad esté en ese texto. En segundo lugar podemos prescindir de ese texto y que el enlace esté en los propios botones/imágenes. Elegir un sistema u otro dependerá un poco del aspecto que le queráis dar a la botonera, el espacio de que dispongáis en vuestra zona de publicación y de cuál queráis que sea su uso.

En el primer caso el código para cada botón es el siguiente:

<img style=”border: 0;” src=”<?php bloginfo(’template_directory’); ?>/images/menefante.gif” align=”top” alt=”Menéame” /><a href=”http://meneame.net/submit.php?url=<?php the_permalink() ?>” title=”Enviar a menéame <?php the_title(); ?>”>Enviar a menéame</a>

¿Qué hacemos con este código?

1. En primer lugar definimos que la imagen del icono no tendrá borde (img style=”border: 0;”). Esto es interesante en algunos templates de Wordpress, como el que uso en esta página, que resaltan las imágenes con un recuadro al pasar el ratón por encima de dichas imágenes. O simplemente si no queremos que la imagen tenga recuadro en ningún caso para optimizar la integración con el aspecto gráfico de la web.
2. A continuación le indicamos mediante PHP de dónde tiene que cargar la imagen, en este caso del directorio de imágenes del template en uso, alineamos la imagen como deseamos y le asociamos un texto contextual que aparecerá al dejar el ratón sobre ella: src=”<?php bloginfo(’template_directory’); ?>/images/menefante.gif” align=”top” alt=”Menéame” />
3. Por último definimos el enlace que tendrá la zona “pulsable” que dará acceso a la web de la comunidad en cuestión (en este ejemplo Menéame): <a href=”http://meneame.net/submit.php?url=<?php the_permalink() ?>” title=”Enviar a menéame <?php the_title(); ?>”>Enviar a menéame</a>

Si este mismo código lo reutilizamos para los botones de Fresqui y Digg lo que habría que escribir es lo siguiente:

<img style=”border: 0;” src=”<?php bloginfo(’template_directory’); ?>/images/menefante.gif” align=”top” alt=”Menéame” />
<a href=”http://meneame.net/submit.php?url=<?php the_permalink() ?>” title=”Enviar a menéame <?php the_title(); ?>”>Enviar a menéame</a> 

<img style=”border: 0;” src=”<?php bloginfo(’template_directory’); ?>/images/fresqui.gif” align=”top” alt=”Fresqui” />
<a href=”http://mix.fresqui.com/post?url=<?php the_permalink() ?>” title=”Enviar a Fresqui <?php the_title(); ?>”>Enviar a Fresqui</a> 

<img style=”border: 0;” src=”<?php bloginfo(’template_directory’); ?>/images/digg.png” align=”top” alt=”Digg” />
<a href=”http://digg.com/submit?url=<?php the_permalink() ?>” title=”Enviar a Digg <?php the_title(); ?>”>Enviar a Digg</a>

He marcado en rojo la parte de las URL que invocan a las comunidades ya que hay que tener cuidado con el fichero al que se llama. Si no se pone tal cual está la página no cargará correctamente o simplemente no funcionará.

El resultado obtenido se puede comprobar en la siguiente imagen:

 

El segundo caso, en el que prescindimos del texto explicativo y simplemente ponemos las imágenes siendo ellas los mismos enlaces a las páginas de Menéame etc…, el código para el primer botón sería el siguiente:

<a href=”http://meneame.net/submit.php?url=<?php the_permalink() ?>”><img style=”border: 0;” src=”<?php bloginfo(’template_directory’); ?>/images/menefante.gif” align=”top” alt=”Menéame” /></a>

La botonera tendría este aspecto:

 

Como se puede apreciar, en este formato se ahorra espacio considerablemente ya que el texto explicativo de lo que hace cada botón aparece sólo cuando se deja el cursor del ratón sobre cada botón. Este ahorro de espacio no es un tema menor ya que en cuanto añadamos un par de funcionalidades más (como hago yo con las de “enviar por email” y “Share This”, y un texto explicativo al principio de la botonera en plan: “Comparte está noticia”, veremos como enseguida nos quedamos sin espacio en la columna principal de nuestro Wordpress.

¿Dónde colocar este código? Eso depende de dónde queramos que aparezca. Lo más lógico es que los lectores de nuestras noticias necesiten leer dichas publicaciones antes de decidir si quieren promocionarlas. Por ello no es recomendable poner estas botoneras en la página principal, en la que no se leen las noticias enteras sino que se ve tan sólo una previsualización de las mismas. El sitio más adecuado para insertar este código es en el fichero single.php del theme que estemos usando. De esta manera la botonera aparecerá en cada post que tengamos publicado.

Por favor, si te ha gustado este artículo puntúalo.

295 veces visto

Comparte este artículo:         Enviar por E-mail