El panel de WordPress como centro de control: el ejemplo de este portfolio

Si recorrés este portfolio, con su galaxia en 3D, la habitación y los minijuegos, difícilmente pienses en WordPress. Sin embargo, todo el contenido que ves, los proyectos y estas mismas notas, se carga y se edita desde un panel de WordPress. Es lo que se conoce como WordPress “headless”, o sin cabeza.

¿Qué significa headless?

Un WordPress tradicional hace dos trabajos: guarda el contenido y también lo muestra, con un tema visual. En un esquema headless se separan. WordPress queda solo como el lugar donde se carga y organiza la información, y otra tecnología, en mi caso Next.js, se ocupa de mostrarla con total libertad de diseño. Se comunican por una API: el sitio le pide a WordPress los datos y los presenta a su manera.

Lo que se gestiona desde el panel

• Proyectos: un tipo de contenido propio con campos personalizados (hechos con Advanced Custom Fields) para tecnologías, enlaces al repositorio y a la documentación.
• Notas del blog: como esta, con su enlace a GitHub cuando corresponde.
• Idiomas: cada contenido existe en español y en inglés, enlazado con Polylang, así el sitio sabe cuál es la traducción de cuál.
• Orden de publicación: un ajuste propio para decidir en qué orden aparecen los proyectos, independiente de la fecha.

Por qué hacerlo así

• Libertad de diseño: el frente puede ser tan creativo como quiera, sin las limitaciones de un tema.
• Un panel conocido: cargar o corregir contenido sigue siendo tan simple como en cualquier WordPress.
• Seguridad: el panel queda mucho menos expuesto, con funciones innecesarias desactivadas, como los comentarios.
• Velocidad: el sitio se arma con tecnologías modernas pensadas para cargar rápido.

¿Para quién conviene?

Para proyectos donde el diseño y la experiencia son protagonistas, pero el contenido cambia seguido y lo tiene que poder editar alguien sin saber programar. Lo mejor de dos mundos: la comodidad de WordPress y la libertad de una web hecha a medida.