Wordpress

Añade favicons a tu Blogroll de WordPress

Publicado por Claudia en Julio 1, 2009

Una de las cosas que me gustan de Blogger.com, es su Lista de Enlaces con favicons. Desde ahora, también tenemos esa opción disponible para WordPress, gracias al plugin “Blogroll Links Favicon“.

Dicho plugin, derivado de Noio Iconized Bookmarks, añade favicons automáticamente a los enlaces de tu blogroll, “cacheando” la URL de cada favicon, y añadiendo a cada enlace la clase “blogroll-favicon”.

Blogroll Links Favicon es más que un adorno para el blogroll: hay que pensar también en su utilidad. Indiscutidamente, un link acompañado de una imagen atrae más la atención, por lo que puede ser un bonito regalo para tus amigos y favoritos. Inclusive, puedes usarlo para promocionar tus propios sitios y/o redes sociales (Twitter, Facebook, Flickr), y hacerlos más llamativos.

Más información
: Blogroll Links Favicons (página del autor)

Tips

El plugin no agrega los enlaces correspondientes en cada favicon (nota que está en fase alfa), pero puedes hacer un pequeño cambio, buscando esta línea en el archivo blogroll-links-favicons.php:

$new_bookmark .= '<img style="vertical-align: text-top;width:16px;height:16px" class="blogroll-favicon" src="'.$favicon.'" alt="" />';

y cambiándola por:

$new_bookmark .= '<a href="'.$bookmark_url.'"><img style="vertical-align: text-top;width:16px;height:16px" class="blogroll-favicon" src="'.$favicon.'" alt="" /></a> ';

También he notado algunos problemas en la “extracción” de los favicons de algunos sitios. Para evitar ese problema, considero es mejor poner el favicon.ico en el directorio principal de tu blog (ejemplo, /public_html/chicablogger.com), y utilizar la siguiente modalidad de código:

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
Tags: , ,
Tutoriales, Wordpress

Comparte tus URLs cortas al estilo Techcrunch

Publicado por Claudia en Junio 30, 2009

Hace algún tiempo, Techcrunch comenzó a usar su propio acortador de direcciones, con un dominio distinto al principal. Tener un acortador de URLs propio no es cosa difícil, especialmente si usas WordPress e instalas un plugin como Link Shortcut. Pero lo que me llamó la atención, fue la cajita que utiliza Techcrunch para compartir sus URLs cortas, las cuales se generan automáticamente para cada post.

Pienso que mostrar tus enlaces permanentes ayuda a que se difundan tus posts, especialmente si muestras URLs cortas para compartir en Twitter o Facebook. Una URL corta debería significar mayor difusión, porque les ahorra a tus visitantes el tener que ir a Bit.ly (u otro acortador), si es que no usan alguna extensión para Firefox o algún bookmarklet que les permita hacer esto con un click.

Aquí comparto la forma que encontré para mostrar tus URLs cortas al estilo Techcrunch y facilitar que compartan tus enlaces. Probablemente exista una manera distinta, más simple y hasta mejor de hacerlo, pero quise mostrar una vía “casera” que sí funciona (pueden ver el resultado de mi “experimento” al final de este post).

Un poco de javascript

Partiendo por lo general, lo primero fue buscar la manera de seleccionar todo el texto (la URL, en este caso) al hacer click con el mouse. Algo básico, pero necesario. De esta forma, utilicé un script que produce este efecto, y que puedes encontrar en Javascript Array o en Wallpaperama. Cualquiera de las dos versiones me va a permitir mostrar las cajitas para mis URLs, cambiando el valor (value) del input.

Buscando el plugin idóneo

En WordPress, hay varios plugins para generar URLs cortas, pero me decidí por “La Petite URL“, que hace este prodecimiento por sí mismo, instantáneamente.

Este plugin tiene opciones de configuración básicas: eliges el largo de tus URLs y el tipo de caracteres que quieres usar (letras minúsculas, mayúsculas y/o números). Luego de su instalación y configuración, sólo queda encontrar la función que me permita mostrar una URL corta para cada post, en el archivo single.php. La función que utilicé fue la siguiente:

<?php the_petite_url(); ?>

Dicha función muestra sólo los caracteres aleatorios de mi URL (ejemplo, “abcde”), por lo que antes tengo que añadir la dirección de mi blog (http://chicablogger.com/). Por lo tanto, procedí así:

1. Copié el siguiente código (el script) antes del cierre de la etiqueta “body“:

<script type="text/javascript">
function SelectAll(id)
{
    document.getElementById(id).focus();
    document.getElementById(id).select();
}
</script>

2. Puse este código en mi single.php, antes de los comentarios:

<input type="text" style="width:180px; border: 1px solid #c3c3c3" onClick="SelectAll('short_txtfld');" value="<?php echo get_option('home'); ?>/<?php the_petite_url(); ?>" />

Ahora, para mostrar la URL completa (en vez de la versión acortada), el código deberá ser como el anterior, pero cambiando el valor (value) por este:

<?php the_permalink(); ?>

A considerar: El plugin funciona sólo para posts nuevos. Si quieres que genere URLs cortas para tus posts antiguos, deberás volver a guardarlos.

Una alternativa simple para Blogger

1. Pega antes del cierre de la etiqueta “body“.

<script type='text/javascript'>
function select_text()
{
var content=eval(&quot;document.myform.field&quot;);
content.focus();
content.select();
}
</script>

2. Busca el siguiente código:

<div class='post-footer-line post-footer-line-3'>

Y pega debajo:

<form action='' method='post' name='myform'>
<textarea name='field' onClick='select_text();' style='width: 180px; height: 15px; border: 1px solid #c3c3c3;'><data:post.url/></textarea>
</form>

El código anterior no genera URLs cortas, pero sí muestra tus URLs para trackbacks.

Tags: , ,
Blogger, Redes y marcadores sociales, Wordpress

Wikio Buttons: Botones para compartir contenidos

Publicado por Claudia en Junio 10, 2009

Botón Compartir Wikio

Me avisa Jérémy Graveleau sobre el nuevo plugin de Wikio para WordPress que permite compartir los contenidos de un blog en redes sociales. Se llama Wikio Buttons y es muy similar a Share this.

El plugin, aún en beta, tiene 3 funciones básicas: (1) añadir un botón para compartir contenidos, (2) añadir un botón de suscripción universal, y (3) incorporar un botón para que voten tus posts en Wikio. Además, permite añadir un bagde “Top Blogs” y  un widget que muestra las últimas noticias del tema de tu interés.

El plugin está disponible en español, inglés y otros idiomas, y es fácilmente configurable desde el menú Aspecto. Puedes seleccionar los servicios en que quieres promover tus artículos (extrañé ver a Bitácoras en la lista), e insertar automáticamente los botones en el lugar deseado.

Suscripción universalPero quizás, la gran novedad de Wikio Buttons es el botón de suscripción universal que no sólo muestra distintas opciones de suscripción (Google Reader, Netvibes, suscripción por correo y muchos otros), sino que también ofrece la posibilidad de leer los feeds en tu escritorio mediante un gadget para Windows Vista y Mac, lo cual puede resultar altamente beneficioso para captar suscriptores que no están muy familiarizados con los lectores RSS.

Si no usas WordPress, también puedes añadir los botones y badges de Wikio (desde la sección de Herramientas) en cualquier blog que soporte javascript, incluyendo Blogger.

Tags: , , ,
Wordpress

WP-Phototagger: Etiqueta tus fotos al estilo Facebook

Publicado por Claudia en Junio 3, 2009

Phototagger es un nuevo e interesante plugin que trae a WordPress la funcionalidad del etiquetado de fotos, de manera muy similar a Facebook y Flickr. Aún está en fase beta, y no es difícil de usar; salvo algún pequeño percance que puedas tener, corre bien en casi cualquier theme, y es compatible incluso con PHP 4.

Su uso es tan simple como:

1. Instalar el plugin en la carpeta wp-content/plugins y activarlo.
2. Añadir una imagen a la biblioteca de objetos y hacer click en Editar/Edit Tags
3. Pulsar el botón Add new tag para añadir una nueva etiqueta, y seleccionar con el mouse la porción de la foto que quieres etiquetar (puedes agregar un link de destino para cada etiqueta).
4. Crear un nuevo post y añadir la imagen desde la Biblioteca de objetos, seleccionando la opción Show Tags.

Después de publicar el post, el resultado será algo como esto:

Watchmen Charlie Brown

El único reparo que tengo que hacerle al plugin es que por ahora no permite añadir notas o títulos a las porciones de imagen seleccionadas. Pero, al parecer, su autor está pensando en añadir esta nueva funcionalidad.

Más información:

Tags: , ,
Wordpress

Crea tu propio acortador de direcciones en WordPress

Publicado por Claudia en Abril 22, 2009

scissorscuttingpaperLos servicios acortadores de URLs son de uso popular, especialmente entre quienes utilizamos Twitter. Estos servicios son innumerables (incluyendo al conocido TinyURL), y aunque son enormemente útiles, presentan dos grandes desventajas:

1. Al utilizar un servicio externo estamos fortaleciendo determinada marca y llevando usuarios hacia tal servicio, sin ganar nada a cambio.

2. Siempre existe el riesgo de que nuestras URLs sean borradas o cambiadas de destino.

Son razones más que suficientes para pensar en tener nuestro propio acortador de direcciones, cosa nada complicada y que nos permitirá promocionar nuestro dominio y almacenar las URLs generadas en nuestro servidor.

Para crear nuestro propio acortador de direcciones sólo necesitamos dos cosas: (1) Un blog manejado bajo WordPress.org (propio dominio, propio hosting); y (2) un plugin llamado Link Shortcut.

Si instalamos y activamos el plugin, en teoría, ya tenemos nuestro acortador de URLs. Sin embargo, antes de instalarlo es necesario hacer una precisión: El plugin hace redirecciones 302, y es mejor configurarlo para que haga redirecciones 301 (no es estrictamente necesario, pero sí muy recomendado), por una cosa de SEO. Por ello, luego de descargar y descomprimir el plugin, en la carpeta lib debemos buscar el archivo Linkshortcut.php, y ubicar la siguiente línea:

wp_redirect($final_destination);

Ahora, reemplazaremos esa línea por:

wp_redirect($final_destination,301);

Una vez hecho eso, estamos en condiciones de instalar el plugin Link Shortcut, que nos permitirá acortar cualquier dirección (sea de nuestro sitio o cualquier otro), pudiendo elegir entre números y letras al azar o algún nombre breve para cada URL, tal y como cualquier otro acortador.

Configuración

Instalado y activado el plugin, en el menú Opciones debemos configurarlo (Link Shortcut Options), de la siguiente manera:

  • En el campo Character Length ponemos el número de caracteres que tendrá nuestra URL acortada (por defecto = 8), sin considerar el nombre de nuestro dominio con http (sin www) y slash al final. Y aquí es necesario hacer otra precisión: Si queremos URLs para usar en Twitter, debemos pensar en un máximo de 30 carácteres.

Por ejemplo:
http://chicablogger.com/ = 24 caracteres. Por lo tanto, el número máximo que puedo poner Character Lenght es 6 (yo elegí 4).

  • Dejamos en blanco el campo Subdirectory y Guardamos los cambios.

Usando el plugin

En el menú Link Shortcuts > Add New (bajo el menú Opciones) veremos:

shortcut2

Los campos a completar son bastante intuitivos:

  • Shortcurt URL: Elegimos entre generar una URL al azar o usar un nombre determinado para ella.
  • Web Address to Shortcut: La URL que queremos acortar.
  • Shortcut Name: La descripción de la URL que será guardada en nuestro panel de administración (sólo para fines prácticos de organización e identificación posterior de cada destino).

Finalmente, presionamos el botón Add Link Shortcut y volvemos al menú Link Shortcuts > Link Shortcuts, donde aparecerán nuestra(s) URL(s) generada(s), de la siguiente forma:
shortcut3

Conclusión

Las ventajas de la utilización de este plugin son evidentes: promoción de nuestro dominio como marca con URLs cortas y SEO-amigables, manejo y edición de los links generados desde el panel de administración y uso exclusivo y personal, lo cual aumenta la credibilidad de las URLs que utilizamos.

Vía:
OutspokenMedia

Tags: ,