Después de muuuucho tiempo, me di el tiempo de actualizar mi querido plugin para WordPress (y con este post, de pasada aproveché de publicar algo en mi sitio)

Para los que no lo conozcan, pueden ver para que sirve en esta página (en inglés). Para los que no entiendan inglés, les cuento que es un plugin para desarrolladores de WordPress que permite crear miniaturas de cualquier tamaño y a partir de cualquier imágen (png, gif y jpg). Es muy fácil de usar y de configurar.

Pruébenlo!

Para quienes no estén muy familiarizados con todos los conceptos, les describo algunos poco comunes:

Canonicalización: escoger la mejor URL para mostrar una página (o nuestro sitio web).
Googlebot: es el “robot” de Google, que lee nuestras páginas web para agregarlas a su base de datos.

Vía Ayuda WordPress

“The requested theme does not exist” o “El tema solicitado no existe” (según el idioma que tengan instalado).

No era la primera vez que me sucedía, y esta vez NECESITABA solucionar el tema. Por alguna razón, al no reconocer el theme, habían algunas otras funciones que no podía implementar: el sistema no reconcía las plantillas de página disponibles.

… y todo esto se veía reflejado en que al ingresar al menú “temas”, me decía que estaba instalado el tema “(vacío)“… es decir que el tema estaba instalado pero como que no existía… extraño.

Y la solución es…

Resulta que el problema radicaba en algún problema de codificación. En la descripción del theme tenía escrita una palabra con “ñ” y por eso el sistema no reconocía el theme y me decía que no existía. Lo que hice fue conectarme vía FTP, descargar el archivo, editarlo en Dreamweaver y reemplazar la “ñ” por una “n”. Lo subí y listo: se solucionó todo el asunto.

Hay que tener en consideración que eso puede suceder con cualquier caracter extraño, como el famoso “&” (ampersand).

Espero que esta información le ahorre tiempo a varios

El tema es que, buscando plugins, no di con ninguno que me permitiera hacer todo eso al mismo tiempo (si alguien conoce un buen plugin, por favor que lo ponga en los comentarios). Entonces se me prendió la ampolleta y se me ocurrieron dos alternativas para solucionar este problema:

1.- Links de WordPress + Google Analytics

Esta primera idea es un poco técnica, pues requiere que la persona que administre el sitio sepa como configurar y ver la información de Google Analytics, lo cual es un poco complejo porque requiere utilizar javascript para hacer el trackeo de los banners del sitio… por lo tanto: idea desechada.

2.- Links de WordPress + plugin de estadísticas

Esta idea es la que utilicé. El plugin que (a mi juicio) permite ver las estadísticas de manera más clara es el WP Click Tracker. Este plugin permite agregar links manualmente y automáticamente (los links internos del sitio) y recibir estadísticas de cada uno de ellos, aunque para efectos de mi administrador de banners, yo lo configuré para que no trackee ninguna URL automática, sino solamente las que yo le pida.

Por supuesto que estoy utilizando un plugin externo porque wordpress no almacena estadísticas de los clicks en los links.

En resumidas cuentas, el proceso para agregar un banner consta de 3 pasos escenciales:

1. Agregar el link al plugin que llevará las estadísticas de los clicks.
2. Agregar la imagen que quieras utilizar como banner a la librería de medios.
3. Agregar el link utilizarndo la foto y la url que te obtuvimos en los pasos anteriores y asociarlo a alguna categoría específica para que lo muestre en alguna parte definida del blog.

Con este sistema podremos mostrar el banner que queramos en la posición que definamos en la integración, y las estadísticas las podremos ver en la pestaña “Reports” del plugin “WP Click Tracker”.

De todas formas, para quienes no estén muy familiarizados con el administrador de WordPress o para quienes quieran ver algo más gráfico, les dejo un zip con las imágenes paso a paso.

Integración con WordPress

El tema es como integrar el sistema con WordPress para que muestre los banners en la posición que queramos. Fácil. Lo primero que tenemos que hacer es utilizar el siguiente código y ponerlo en la parte donde queramos que vayan los banners:

<?php
$bm = get_bookmarks("category_name=NOMBREDELACATEGORIA&orderby=rating&order=ASC");
foreach($bm as $bookmark){}
    echo "<a href='".$bookmark->link_url."' target='_blank'>";
    echo "<img src='".$bookmark->link_image."' alt='".$bookmark->link_name."'>";
    echo "</a>";
}
?>

Como verán, en el código anterior llamamos a todos los links de la categoría NOMBREDELACATEGORIA (nótese que es el “NOMBRE” y no el “SLUG”), y los ordenamos por “rating”. Esto nos permitirá definir la posición en que queremos que aparezca cada banner.

El nombre de la categoría que escojamos obviamente tendrá relación con los banners. Un ejemplo puede ser “BannerPrincipal” o “Banner200x200″. El tema es que sea una categoría fácil de reconocer para saber donde aparecerá el banner que escogimos.

En conclusión

Yo armé y probé el sistema y me funcionó a la perfección. Si quieren pueden probar con algún otro sistema de estadísticas, y luego cuentan que tal les pareció.

Generalmente los clientes no tienen idea de lo que es WordPress o de lo que es una plantilla para WordPress. Ellos sólo la piden, y cuando les preguntas tampoco sabes realmente que ofrecerles.

Acá vamos a hablar un poco del tema.

1.0: Lo básico

Los elementos más básicos de una plantilla de WordPress son los posts. Por lo tanto, las páginas elementales son:

• plantilla de un listado de posts
• plantilla de detalle de un post (la página a la que se llega al hacer click en el link “ver más” de cada post)

La gracia es que los posts pueden ser usados como posts (obviamente), como noticias, e incluso como catálogo de productos o elementos de un portafolio. Lo importante es tener claro como funcionan los posts y como queremos organizar nuestro sitio.

En torno a estos elementos es posible ir creando un sinfín de otras páginas que permitan hacer la página más completa y amigable.

2.0: Las demás cosas necesarias

Por supuesto que lo otro que es bastante necesario en un blog (pero no escencial) son las páginas de contenido estático y los formularios.

Las páginas de contenido son prácticamente iguales al detalle de un post. La principal diferencia es que la mayoría de las veces no permiten que la gente opine sobre ellas.

Los formularios de contacto están prácticamente en todos los sitios. Lo más importante a considerar es que estos pueden ser diseñados y programados a mano, o pueden ser instalados como un plugin.

Los plugins de formularios de contacto generalmente funcionan con esta lógica:

• Se instala y activa el plugin.
• Se crea una página de WordPress llamada “Contacto” y en el cuerpo de esa página se agrega un texto específico que indica el plugin. Generalemente se hace en la parte HTML del cuerpo y es algo como o [contact-form].
• En la sección de configuración del plugin se indica todo lo necesario para que funcione correctamente.

Entonces, las páginas que tenemos que considerar para estos elementos son:

• plantilla de página tipo (página de contenido estático)
• plantilla de formulario de contacto

En caso de tener que diseñar cada una de estas plantillas, hay que considerar diseñar todos los elementos que deberían ir en cada una:

• Listado de posts
  • Imagen
  • Título
  • Autor
  • Fecha de publicación
  • Resumen
  • Cantidad de comentarios
  • Etiquetas (tags) y/o categorías asociadas
  • Paginador (entradas anteriores, entradas siguientes)
• Detalle del post / Página de contenido estático
  • Título
  • Autor
  • Fecha de publicación
  • Texto completo
    • imágenes
    • párrafos (texto normal, destacado, cursiva)
    • blockquote
    • tablas
    • listas con bullets
    • listas con números
    • trozos de código (etiqueta pre, cuando sea necesario)
  • Cantidad de comentarios
  • Etiquetas (tags) y/o categorías asociadas
  • listado de comentarios (imágen del autor, título del comentario, nombre del autor, fecha y hora, texto del comentario)
  • formulario de comentarios (nombre, email, mensaje, botón de envío)
• Formulario de contacto
  • Puede tener tantos campos como sea necesario. Pero cuidado, porque los usuarios se espantan cuando los campos son muchos. Sólo pidan lo necesario.

3.0: Lo adicional

Una de las gracias que ofrece WordPress es permitir el uso de páginas “especiales”, que se basen en una plantilla (esta plantilla o “template” se escoge al momento de crear una nueva página).

De esta manera podemos crear páginas específicas para cualquier contenido, sin necesidad de que estas páginas utilicen la misma estructura de WordPress o incluso páginas especiales que realicen funciones especiales.

Un dato adicional que se puede tener en consideración es el uso de permalinks para nuestras URL. Para dejar los permalinks más “bonitos”, se debe ir a la sección de permalinks, escoger “Custom” y poner lo siguiente en el campo de texto: “%category%/%postname%“. De esta manera, los usuarios podrán ver nuestras url de la manera misitio.com/contacto en vez de misitio.com/pageid=7, por ejemplo, y el linkeo en nuestro HTML también será más fácil.

Lo bueno del uso del motor de WordPress es que nuestro sitio puede ser complementado con varios plugins que permiten interactuar con muchas redes sociales y hacer una infinidad de cosas. Por ejemplo, se puede instalar un plugin que envíe nuestros nuevos post a twitter, o que lea nuestra cuenta de twitter y publique nuestro último tweet. O podemos utilizar plugins para mostrar imágenes de nuestra cuenta de flickr, youtube, etc. Todo está en encontrar el plugin correcto.

En resumen, lo principal que hay que tener en mente es saber como funciona WordPress y como funcionan los plugins que necesitaremos utilizar, para diseñar y maquetear lo que sea necesario para su correcta utilización.

En este post, está explicado cómo configurar wordpress y como activarlos para su uso en servidores locales, como EasyPHP, XAMPP o AppServe.

Cómo se configuran los permalinks

En el panel de administración de WordPress, podremos configurar los “permalinks“, utilizando varias nomenclaturas diferentes para que las URL’s de nuestras páginas sean más fáciles de reconocer.

WordPress ofrece algunas posibilidades:

Predeterminado: http://www.sebastianbarria.com/?p=123

Basada en fecha y nombre: http://www.sebastianbarria.com/2008/05/24/sample-post/

Numérico: http://www.peivem.com/archives/123

Personalizada: En esta casilla es posible configurar los permalinks de la manera que se desee. Creo que una buena configuración podría ser “/%category%/%postname%/” (sin comillas), con lo que se obtendría como URL: http://www.sebastianbarria.com/categoria/nombre-post/

En resumidas cuentas, los permalinks permiten tener URL’s más amigables en nuestros sitios desarrollados con WordPress.

¿Cómo poder activar el uso de los permalinks?

Cuando WordPress es instalado en un servidor de Internet, o en algún sitio alojado en algún hosting popular, probablemente todo venga configurado para trabajar con los permalinks. Cuando esto no sucede, hay que realizar algunas modificaciones en la configuración de Apache.

Lo mismo sucede cuando uno instala un servidor local. Por defecto estos softwares, instalan Apache (que es el servidor web), y MySQL (que es el servidor de bases de datos), pero por un tema de uso común y seguridad, algunas cosas no vienen configuradas para su uso automático y hay que configurarlas manualmente.

El concepto de permalink, consiste en hacer redirecciones en las URL del sitio, donde los post son siempre redirigidos a URL’s estáticas definidas por una nomenclatura específica (/%category%/%postname%/). Para esto se debe utilizar dos cosas específicas:

1. El módulo “rewrite” (mod_rewrite) de Apache, que es el que permite realizar las redirecciones de URL’s.
2. Una configuración específica en el archivo .htaccess, ubicado en la raíz del sitio.

El mod_rewrite es un módulo de apache que debe ser activado manualmente en los servidores locales. El .htaccess es un archivo de texto que, en este caso, es configurado automáticamente por el mismo WordPress al momento de cambiar las preferencias de los permalinks.

Como activar el mod_rewrite

Al activar los permalinks en un WordPress que se encuentra instalado en un servidor local, probablemente las nuevas URL’s no sean reconocidas y en vez de la página que deberíamos ver, aparezca alguna página de error.

Para esto, independiente del servidor que estemos utilizando, debemos ir a las configuraciones de apache, abriendo el archivo httpd.conf con algún editor de texto simple (en EasyPHP, por ejemplo, la ruta donde se encuentra este archivo, generalmente, es C:\Archivos de programa\EasyPHP1-8\conf_files\).

Una vez abierto el archivo, se debe encontrar la siguiente línea y descomentarla (sacándole el signo #):

#LoadModule rewrite_module modules/mod_rewrite.so

Lo mismo se debe hacer con esta línea:

#AddModule mod_rewrite.c

Una vez hecho esto, se deberá reiniciar Apache. De esta manera, los permalinks comenzarán a funcionar perfectamente en un servidor local.

Hay que tener en cosnideración que en las nuevas versiones de apache, la manera de activarlo puede cambiar. Talvez alguna de estas líneas cambie o ya no exista, pero el concepto central es descomentar las líneas en las que se habla del mod_rewrite.

Últimas versiones

En las nuevas versiones la cosa cambia. Según la versión de apache que tengas, talvez tengas que descomentar solamente esta línea:

 # LoadModule rewrite_module modules/mod_rewrite.so

También, probablemente tengas que hacer un cambio en la seguridad, cambiando esto:

<Directory />
    Options FollowSymLinks
    AllowOverride None
    Order deny,allow
    Deny from all
    Satisfy all
</Directory>

por esto:

<Directory />
    Options FollowSymLinks
    AllowOverride all
    Order deny,allow
    Satisfy all
</Directory>

• Advanced excerpt: Permite controlar de mejor manera los excerpts de wordpress, tanto a nivel de administrador como a nivel de código (desarrollador), generando excerpt customizados para cada parte del sitio.
  
• Akismet: Sirve para eliminar el spam. Requiere que se active mediante una “API Key”, la cual se puede obtener gratuitamente desde wordpress.com.
• Audio Player: Este plugin permite insertar archivos de audio fácilmente en cualqueir página o post.
• Breadcrumb NavXT: Genera automáticamente los “breadcrumbs” o guías (inicio > categoría > página x)
• Clean WP Dashboard: Permite configurar lo que se muestra en el dashboard de wordpress
• Cookies for Comments: Utiliza un sistema de cookies para evitar el spam. En conjunto con akismet funcionan a la perfección.
• Dashboard notepad: Agrega al dashboard un editor de texto simple donde se pueden dejar notas para los demás administradores del sitio. Es ideal para cuando se administra un sitio en equipo.
• Easy contact: El plugin más fácil (a mi parecer) para crear un formulario de contacto. Simple y eficiente.
• Google Analyticator: Inserta automáticamente el código de google analytics en el blog. Tiene algunas otras utilidades avanzadas como trackeo de descargas que puede ser bastante interesante.
• Google XML Sitemaps: Autogenera mapas de contenido para que google indexe de mejor manera el sitio.
• Login LockDown: Permite bloquear el acceso al administrador del blog si falla más de 3 veces en ingresar la clave. Muy útil para evitar intrusos o hackers.
• Maintenance Mode: Muestra una alerta (configurable) de “sitio en mantención” para que la vean los visitantes mientras trabajamos en el blog.
• qTranslate: Permite hacer sitios multilenguajes. Es un poco complejo de implementar, pero una vez que se entiende no presenta muchas complicaciones.
• Secondary HTML Content: Este es un plugin que premite agregar hasta 5 cajas (inputs) de texto HTML adicionales en el editor de páginas o posts (o ambos). Lo bueno es que después uno puede acceder vía the_content_2() o get_the_content_2(), 3, 4 ó 5 y usar esos textos para mostrar el post en varias columnas o mostrar distintas secciones. Ojo que no funciona con qTranslate.
• Subscribe to Comments Reloaded: Permite a quienes comenten en tu sitio suscribirse por e-mail a las notificaciones de futuros comentarios (osea que si alguien comenta en el post al que te suscribiste te llega un correo). Tiene un sistema para desuscribirse a uno o todos los posts a los que estés suscrito.
• Remove quick edit: Este plugin (desarrollado por mi) simplemente elimina (vía CSS) el botón “quick edit” del listado de posts y páginas en el administrador de WordPress. Lo desarrollé porque algunos plugins (como el qTranslate) producen errores al editar los posts/páginas con este sistema. En esos casos es mejor que la opción no exista.
• Resize At Upload Plus: Aplica automáticamente un resize a las imágenes más grandes de las que definas en la página de configuración. Si alguien sube una foto de 1600×1200 y tu lo configuras a 800×600, automáticamente guardará la foto más pequeña para ajustarse a 800×600. Sirve sobre todo si el sitio tendrá que ser administrado por alguien que no entienda mucho de optimización de imágenes.
• thumbGen: Este plugin lo presento con orgullo pues fue desarrollado por mi. Permite generar imágenes en miniatura de cualquier imágen que se desee para utilizarlas en el blog (más información en la página del plugin).
• Viper’s Video Quicktags: Agrega al editor visual de wordpress botones para agregar videos de los sitios de video más populares. Muy útil y fácil de configurar.
• WordPress Mobile Pack: Crea una versión para teléfonos móviles de tu sitio. Además permite administrar el blog desde un teléfono móvil lo cual es bastante útil si es que quieres poder actualizar tu sitio desde el celular.
• WP-Task-Manager: Agrega un listado de tareas pendientes en el dashboard, para que no te olvides de hacer todo lo que tienes pendiente.
• WP Super Cache: Viene integrado con WordPress y permite generar el blog a partir de una versión almacenada en caché, con lo cual evitas que tu servidor se sature.
• WP to Twitter: Permite configurar tu cuenta de twitter para que “twitee” automáticamente tus posts.

Todos estos plugins se encuentran en el repositorio de WordPress y se instalan automáticamente.