Ader Cómics fue el primer sitio web profesional que realicé en WordPress de manera independiente. Estuvo en línea desde el año 2014 hasta el 2020.

Implementé un diseño personalizado, con un lightbox hecho a medida. Además, gestioné el nombre de dominio, el hosting y el mantenimiento.

Adercomics.com WP Theme Galería temática (detalles)

Adercomics.com WP Theme Galería temática (detalles)

La historia

Ader es un excompañero de estudios que, debido a mi experiencia en una compañía de software, me consultó acerca de cómo podría poner en línea un portafolio suyo de ilustraciones e historietas.


Su idea era tener una web como la del dibujante Iván Reis. En ese momento este artista había implementado su web con un CMS (content management system) de imágenes que requería una licencia. Así que le planteé la idea de utilizar WordPress. 


Con un diseño personalizado y un complemento que ayudaba a gestionar galerías multimedia, más un lightbox basado en PrettyPhoto (pero modificado para parecerse más a lo que quería), lo ayudé a plasmar en línea su trabajo sin tener que aprender a escribir código HTML. Lo que eventualmente le valió su primer encargo profesional.

Adercomics.com WP Theme Frontpage (versión preliminar)

Adercomics.com WP Theme Frontpage (versión preliminar)

Portada del WP theme de Adercomics.com

Portada del WP theme de Adercomics.com

Adercomics.com WP Theme Bloque de columnas de la portada

Adercomics.com WP Theme Bloque de columnas de la portada

Portada del WP theme de Adercomics.com

Portada del WP theme de Adercomics.com

Adercomics.com WP Theme Biblioteca de Medios

Adercomics.com WP Theme Biblioteca de Medios

Pantalla anotada para que el cliente entendiera los diferentes campos de datos de la Biblioteca de Medios.

El Problema

Cómo publicar un portafolio profesional de ilustraciones e historietas, y poder editarlo y actualizarlo sin tener que aprender HTML o pagar una licencia de software.

La Solución

Implementar un diseño personalizado en WordPress, más un lightbox modificado para que funcione con tal diseño y un complemento para gestionar galerías multimedia.

El lightbox

El otro elemento importante de la web fue el lightbox, independiente de alguna manera de WordPress, que fue implementado con PrettyPhoto

PrettyPhoto trae varias skins con diseños predeterminados, entre los que se puede elegir el que más se prefiera: oscuro, claro, tipo Facebook, etc. 

Sin embargo ninguno complacía al cliente: todos tenían sangrías y disponían los botones de otra manera. Así que la única solución fue "hackear" el script.

Adercomics.com WP Theme Lightbox (especificaciones)

Adercomics.com WP Theme Lightbox (especificaciones)

Esta era la skin de PrettyPhoto; debajo, lo que Ader realmente quería:

Adercomics.com WP Theme Lightbox (especificaciones)

Adercomics.com WP Theme Lightbox (especificaciones)

Finalmente preparé una versión más ajustada a lo que solicitaba el cliente:

Adercomics.com WP Theme Lightbox (propuesta)

Adercomics.com WP Theme Lightbox (propuesta)

Este video era una demostración del lightbox. Si bien no fue exactamente la versión final, ya estaba aplicando una modificación al código para remover totalmente las sangrías y disponer la interfaz de otra forma.