Coders.me » Wordpress

WP-TagTip

Eduardo — Wed, 30 Sep 2009 03:00:29 +0000

¿Que es WP-TagTip y para que sirve?

WP-TagTip es un plugin para Wordpress, que te permite mostrar artículos relacionados a un tag específico mediante un tooltip.

Una excelente manera de aumentar el tráfico interno en tu sitio y ofrecer al usuario contenido relevante.

1. Instalando

Descarga WP-TagTip desde el repositorio de WordPress o desde esta misma página.

Descomprime el zip en la carpeta “plugins” de tu instalación de WordPress.
Activa el plugin desde el menú “Plugins” en WordPress.
Una nueva opción llamada WP-TagTip se habrá creado dentro del menú “Opciones” en WordPress, desde donde podrás configurar los estilos.

2. Configurando

Add MooTools ?
- Agrega MooTools al footer del blog. En caso de que ya estés usando MooTools, deberías marcar esta opción en NO. Si estás usando jQuery el plugin no funcionará a menos que jQuery esté configurado en modo no-conflicto.
Title
- Título predeterminado del ToolTip. Por defecto es “Enlaces relacionados”.
Width
- Ancho máximo del ToolTip.
Max number of related posts
- Número de post relacionados máximos a mostrar. Por defecto es 4.
CSS
- Estilo CSS del ToolTip.

Para configurar el aspecto de las palabras marcadas como tagtips, debemos abrir el archivo “style.css” ubicado en wp-content\plugins\wp-tagtip\css\ de tu instalación de WordPress, y modificar la clase span.relatedspan:

span.relatedspan
{
  border-bottom:1px dotted #000;
  color:#000;
  cursor:pointer;
  background:#F2F8F9;
  padding:0 3px
}

3. Usándolo en WordPress

Una vez instalado el plugin se te habilitará en el editor de Entradas un botón llamado [ TagTip ]. Para linkear una palabra con tagtip la marcamos entre la etiqueta [tagtip] (sin espacios) por ejemplo:

[tagtip]TagName[/tagtip]

Donde TagName es un tag (o etiqueta) de cualquier post. Si WordPress no encuentra ningún post coincidente con TagName no se mostrará ningún tooltip.

Por una cuestión técnica wp-tagtip sólo funciona en la vista del post, no en la Home. Más adelante se corregirá esto.

4. Demo

Para ver la demo debes hacer click en la siguiente palabra: Wordpress y se te abrirá el tooltip con los artículos escritos relacionados a esa palabra.

5. Colabora

Si te gustó el plugin y lo encuentras útil, o si te gustó el blog y quieres colaborar con nosotros, puedes hacerlo descargándote el siguiente archivo y eligiendo hacer una pequeña donación:

Este artículo contiene los siguientes archivos:

WikiLink WordPress plugin

Eduardo — Tue, 29 Sep 2009 03:00:39 +0000

¿Que es WikiLink y para que sirve?

WikiLink es un plugin para Wordpress, que te permite ver definiciones de una palabra cargando la Wikipedia pero sin salir de tu blog. La definición de esa palabra se muestra en un tooltip que puede ser configurado.

1. Instalando

Descarga WikiLink desde el repositorio de WordPress o desde esta misma página.

Descomprime el zip en la carpeta “plugins” de tu instalación de WordPress.
Activa el plugin desde el menú “Plugins” en WordPress.
Una nueva opción llamada WikiLink se habrá creado dentro del menú “Opciones” en WordPress, desde donde podrás configurar los estilos.

2. Configurando

Add MooTools ?
- Agrega MooTools al footer del blog. En caso de que ya estés usando MooTools, deberías marcar esta opción en NO. Si estás usando jQuery el plugin no funcionará a menos que jQuery esté configurado en modo no-conflicto.
Show Thumbnail ?
- Muestra una imagen (si es que existe) asociada a la definición de esa palabra.
Language
- Idioma predeterminado de la Wikipedia.
Width
- Ancho máximo del ToolTip.
Mode
- Click: El tooltip se abre cuando el visitante hace click en la palabra marcada.
- MouseEnter: El tooltip se abre cuando el visitante pasa el mouse por arriba de la palabra marcada.
CSS
- Estilo CSS del ToolTip.
Enable Cache ?
- Guarda la consulta de la palabra en un archivo. La próxima vez que se consulte esa palabra, se leerá la definición desde ese archivo, ganando en velocidad. (Recomendado).

Para configurar el aspecto de las palabras marcadas como wikilinks, debemos abrir el archivo “style.css” ubicado en wp-content\plugins\wikilink\css\ de tu instalación de WordPress, y modificar la clase wikispan:

.wikispan
{
  font-weight:bold;
  cursor:help;
  border-bottom:1px dotted #eee;
}

3. Usándolo en WordPress

Una vez instalado el plugin se te habilitará en el editor de Entradas un botón llamado [ wiki ]. Para linkear una palabra con Wikilink la marcamos entre la etiqueta [wiki] por ejemplo:

[wiki]Palabra[/wiki]

Por una cuestión técnica wikilink sólo funciona en la vista del post, no en la Home. Más adelante se corregirá esto.

4. Colabora

Si te gustó el plugin y lo encuentras útil, o si te gustó el blog y quieres colaborar con nosotros, puedes hacerlo descargándote el siguiente archivo y eligiendo hacer una pequeña donación:

Este artículo contiene los siguientes archivos:

SexyLightBox for WordPress

Eduardo — Thu, 28 Aug 2008 04:00:27 +0000

Estoy muy emocionado por la repercusión que han tenido Sexy Alertbox y Sexy LightBox .

La nueva versión del plugin para WordPress de Sexy Lightbox se encuentra en frozzer.com

Luego de instalarlo como cualquier plugin, en el menú Opciones aparecerá una nueva opción llamada SexyLightBox en donde podremos configurar la apariencia del lightbox.

Muchas gracias a Mario por contribuir!