No hay duda alguna de que hablar de blogs es sinónimo de WordPress. Ya sea en su versión independiente o como servicio, se ha convertido en el líder indiscutido debido a su simpleza y gran número de funcionalidades.

Lo mejor de su versión independiente, es la posibilidad de personalizar prácticamente hasta el último detalle posible, lo que siempre nos permite ir un poco más alla para diferenciar nuestro blog de otros. Sin embargo, lo que mucha gente no sabe es que WordPress es más que una herramienta de blogs, ya que al tratarse de un CMS (content management system  – sistema administrador de contenidos) podemos hacer una serie de adaptaciones para lo que necesitemos, incluso si se trata de un simple sitio Web.

Hoy en CLH, traemos la primera parte de una serie de tutoriales en donde cubriremos distintos aspectos para optimizar de la mejor manera posible WordPress y adaptarlo a las distintas funcionalidades que podamos necesitar.

El detalle de este número, como siempre, después del salto.

Cómo sacarle el jugo a WordPress – Parte 1

Nota: Los contenidos de este y otros números son solo para las versiones instalables independientes de WordPress. Las versiones ofrecidas como servicio en el sitio Web de WP pueden no aplicar.

Con eso claro, veamos que necesitamos:

Implementos necesarios:

1. Una versión de WordPress instalada de forma independiente en un servidor Web. Recomendamos la última versión de WordPress, la 2.7.1, obtenible desde el sitio Web oficial.

En caso de que no tengan instalada la versión, les recomendamos revisar el tutorial existente en el sitio Web de WordPress, es bastante sencillo de implementar.

Con eso claro, veamos que contenidos cubriremos hoy:

Contenidos:

1. Integrando Gravatars a nuestro blog.
2. Estilizando el tablero de administración.
3. Protección del tablero de administración.
4. Integración de nuestro blog con Twitter.
5. Evitar que vinculen imágenes desde nuestro blog a terceros.

Con eso claro, vamos, manos a la obra:

1.- Integrando Gravatars a nuestro blog

Algunos dirán que la esencia de un buen blog son los artículos. Otros por su lado dirán que son los comentarios. Ambos lados tienen un poco de razón, ya que si bien los artículos son la base de poder generar un buen interés sobre nuestros blogs, son los comentarios los que muchas veces siguen generando interés sobre un artículo que ya ha pasado de moda. Es por esto que siempre es bueno optimizar la forma en que los comentarios se ven, con el fin de hacerlo lo más agradable posible a nuestros visitantes.

Una forma de hacerlo es la integración de Gravatars.

¿Qué es un Gravatar?

Un gravatar (sigla de globally recognized avatar – avatar reconocido globalmente), es un servicio que consta de una imagen enlazada a una cuenta de correo electrónico que sigue a un usuario de sitio en sitio, siempre que este comente en un blog que soporte gravatars y utilice la cuenta de correo electrónico con la cual registro un avatar.

Para registrar nuestros gravatars, solo debemos ir al sitio oficial de Gravatar y seguir los pasos.

Si bien las últimas versiones de WordPress, traen la funcionalidad de reconocimiento de gravatars integrada. Muchos de las plantillas que aplicamos en nuestros blogs, no los reconocen por defecto, y es por eso que usualmente debemos añadir código manualmente para que los reconozca.

Para integrarlo es muy simple, solo debemos abrir el archivo comments.php , ubicado en la raíz del directorio de la plantilla que hemos aplicado (usualmente ubicado en wp-content/themes/plantilla), con algún editor Web o editor de texto, y buscar el lugar donde queramos que aparezcan los gravatars. Normalmente en el archivo comments viene un, valga la redundancia, comentario en donde nos indican que desde ese punto podemos editar. Ahí buscamos el lugar que más nos acomode y agregamos el siguiente código:

<?
$email = $comment->comment_author_email;
$default = “”; // enlace al avatar por defecto
$size = 62; // tamaño en pixeles
$grav_url = “http://www.gravatar.com/avatar.php?gravatar_id=
“ . md5($email) . “&default=” . urlencode($default) . “&size=” . $size;
?>
<img src=“<?=$grav_url ?>” height=“<?=$size ?>” width=“<?=$size ?>” alt=“User Gravatar” />

Grabamos la edición y deberíamos tener nuestros gravatars integrados.

2.- Estilizando nuestro tablero de administración

Para todos los administradores o editores de un blog, el lugar que más familiar se vuelve, debido al tiempo que se pasa ahí, es el panel de administración. Ya sea creando nuevos artículos, editando comentarios o trabajando en nuevas funcionalidades, a veces el aspecto del panel puede volverse algo aburrido y rutinario, así que ¿por qué no mejorarlo un poco?

Existen varias alternativas para darle un poco más de estilo a nuestro panel. Hemos revisado varias de ellas y llegamos a la conclusión sobre algunas muy convenientes. Dividiremos en 2:

a) Estilizando el panel de entrada

Para eso, haremos uso del plugin BM Custom Login:

1. Partimos por descargar el plugin desde su página oficial.
2. Descomprimimos en nuestro equipo.
3. Subimos el directorio a la carpeta wp-content/plugins.
4. Activamos el plugin desde nuestro panel de administración.
5. Automáticamente se pondrá la imagen por defecto que viene con el plugin. Si queremos reemplazarla, solo debemos crear una nueva (podemos utilizar el PSD que viene en la carpeta image-templates del plugin) y subirla al directorio images del plugin en nuestro servidor.

b) Estilizando el panel de administración

Para esto, haremos uso de alguno de estos 3 plugins, dependiendo del gusto de cada uno: Leopard admin, SpotMilk Admin o WP Tiger Administration.

Leopard Admin

WP Tiger Administration

SpotMilk Admin

1. Descargamos el plugin que deseemos de los enlaces propuestos más arriba.
2. Descomprimimos y subimos al directorio wp-content/plugins
3. Activamos desde el panel de administración y listo.

3.- Protección del tablero de administración

A pesar de que para ingresar a nuestros tableros de administración necesitamos poseer un usuario y contraseña válidos, el panel de ingreso es público y se puede acceder mediante una URL conocida por todos, lo que entrega la posibilidad para personas malintencionadas de hacer un ataque de prueba y error, intentando ingresar probando distinta información hasta que lo puedan lograr.

Para eso, es posible la implementación de un plugin, el cual permite definir un número máximo de intentos para ingresar y de no concretarse, bloquear el acceso a esa IP por un tiempo determinado.

Para implementar, haremos lo siguiente.

1. Descargar el plugin Login LockDown.
2. Descomprimir y subir el contenido al directorio wp-content/plugins.
3. Activamos el plugin desde el panel de administración.
4. Vamos a opciones y personalizamos el número máximo de intentos y el tiempo de bloqueo en caso de fracaso al ingresar.

Así de simple integramos una interesante funcionalidad de seguridad.

4.- Integración de nuestro blog con Twitter

Hace algunos días, veíamos un tutorial a fondo sobre Twitter. Si bien lo cubríamos desde la perspectiva personal para cada usuario, hay muchos blogs (como CLH), que realizan publicaciones de sus actualizaciones de contenido en el servicio.

Una opción es realizar las actualizaciones de forma manual, lo cual sin duda no es óptimo ya que muchas veces se nos olvidará y perderemos la oportunidad de informarle a nuestros visitantes de los nuevos contenidos que tengamos para ofrecer.

Para solucionar esto, existe un servicio llamado Twitterfeed el cual nos permite realizar una integración completa y una actualización automática cada vez que haya un nuevo contenido.

Para implementar:

1. Vamos al sitio oficial de Twitterfeed.
2. Ingresamos mediante OpenID.
3. Proveemos al servicio de la URL de nuestro feed RSS.
4. Configuramos las opciones de cuan seguido actualizarán por nosotros.

5.- Evitar que vinculen imágenes desde nuestro blog a terceros

Una de las cosas más odiosas a las que nos enfrentamos como administradores de sitios Web, es el hotlinking o reutilización de nuestros contenidos en páginas de terceros, vinculándolo directamente desde nuestro sitio y por ende haciendo uso de nuestro ancho de banda y transferencia.

Si bien hay muchas formas de evitar este delito, una de las más sencillas es la implementación del plugin Hotlink Protection, que en solo unos fáciles pasos nos permitirá definir una imagen por defecto que se reemplazará cada vez que vinculen alguna de nuestras imágenes desde otro sitio:

1. Descargamos el plugin.
2. Descomprimimos y subimos al directorio wp-content/plugins.
3. Activamos desde el panel de administración.
4. Vamos a Opciones >> Hotlinking Protection y definimos las opciones, así como la imagen por defecto que se mostrará.

Con estos 5 pasos, hemos mejorado gradualmente nuestro blog de WordPress. En próximos números iremos viendo otras funcionalidades interesantes a implementar con el fin de sacarle el máximo provecho a esta aplicación.

Como siempre, recuerden que este tutorial ha sido:

Cualquier duda o comentario que puedan tener, los invitamos a dejarnos unas líneas en el área habilitada a continuación.

Esperamos que este tutorial haya sido de utilidad para Uds.

Muchas gracias por leer y será hasta una próxima oportunidad.