Guía sobre el Personalizador del Tema de WordPress: Qué es, Por qué nos Beneficia.

Hace aproximadamente un año, hicimos una breve serie de artículos sobre el Personalizador de Temas de WordPress. Ahora que el Personalizador de Temas ya ha estado disponible para WordPress por suficiente tiempo, y además los desarrolladores han tenido la posibilidad de implementarlo en algunos de sus trabajos, pensamos que sería útil revisar el tema.

Específicamente, el objetivo de esta serie de artículos es introducir a alguien que no sepa nada sobre el Personalizador de Temas, y proporcionar suficiente información como para que además no solo sepas qué es, sino cómo funciona y como implementarlo en los ajustes de tus preexistentes secciones e introducir tus propias secciones con su conjunto de ajustes únicos.

Antes de comenzar a escribir código para implementar nuestras propias características, veamos qué es el Personalizador del Tema, qué hace y porqué nos beneficia.

¿Qué es el Personalizador del Tema?

Extraído directamente del artículo en el Codex de WordPress

La API del Personalizador del Tema, añadida en WordPress 3.4, permite a los desarrolladores personalizar la pantalla de administración del Personalizador del Tema en WordPress. La pantalla de Personalización de Tema ("Personalizador del Tema") permite a los administradores del sitio modificar los ajustes de un tema y disponer de una vista previa de los cambios realizados en tiempo real.

¿Suena suficientemente sencillo, no?

No tengo ninguna duda de que ya habrás visto esto. Quizá una definición más simple sea que el Personalizador del Tema es para los usuarios una forma de realizar cambios en la apariencia de su blog mientras ven los cambios en tiempo real.

Pero esto abre la siguiente pregunta: ¿por qué importa esto si ya existen medios para personalizar el tema desde el escritorio del propio WordPress? Para responder a esta pregunta, necesitamos entender lo que ofrece el Personalizador del Tema tanto para los usuarios finales como para los desarrolladores.

¿Qué Hace el Personalizador del Tema?

De una forma concisa, el Personalizador del Tema te proporciona - incluyendo al usuario final del tema - una previsualización de la apariencia del tema y la capacidad de cambiar ciertas características del blog mientras estás viendo en tiempo real una actualización de los cambios que serán introducidos y la opción de guardarlos.

Para los Usuarios Finales

En lo que afecta a los usuarios finales, no tendrán ya que pasar del escritorio de administración al modo presentación en vivo del blog para ver los resultados de los cambios que están haciendo.

Por ejemplo, con anterioridad al Personalizador del Tema, los usuarios tendrían que haber hecho algo así:

• Acceder al Escritorio
• Pulsar en 'Apariencia'
• Pulsar en 'Cabecera'
• Seleccionar una imagen de cabecera
• Guardar los cambios
• Visitar el Blog
• Volver al escritorio y repetir las acciones hasta acabar.

En efecto - no es exactamente es modo más simple para realizar cambios en tu blog, ¿verdad?

Ahora, con el Personalizador del Tema, los usuarios pueden:

• Acceder al escritorio
• Pulsar en 'Apariencia'
• Pulsar en 'Personalizar'
• Ver el Personalizador del Tema y el blog
• Subir una imagen de cabecera y verla a tiempo real mientras continúas trabajando en el blog
• Pulsar 'Guardar' cuando termines

Mucho más dierecto, ¿no?

Esto obviamente mejora muchísimo la experiencia de usuario, pero los usuarios no son los únicos que se benefician de esto.

Para los Desarrolladores

Primero, en lo que concierne a los desarrolladores y diseñadores, nuestro trabajo no solo consiste en proporcionar a los usuarios la representación visual y la funcionalidad, sino también en hacer todo lo posible para asegurar que tengan la mejor experiencia posible con nuestro producto.  En otras palabras, debemos hacer todo lo posible para reducir la distancia entre lo que el usuario piensa que va ha pasar y lo que realmente pase.

Al aprovechar el Personalizador del Tema, podemos conseguir esto mismo, en primer lugar porque los usuarios son capaces de ver - en tiempo real - que efectos van a tener sus cambios en su blog.

Así que, dicho esto, se integra perfectamente con los Ajustes de la API y es fácil trabajar con él una vez el código inicial ha sido implementado para introducirlo en un tema. Esto significa que podemos implementar el Personalizador del Tema con nuestro tema actual al permitirle a usar los Ajustes de la API.

Y sobre todo, hace que sea realmente fácil introducir nuevas opciones en secciones existentes proporcionadas por, digamos, otro tema (por si estuvieses trabajando con un tema hijo), y así como introducir nuevas secciones en el caso de que estés buscando dar la habilidad a los usuarios de modificar su blog desde el mismo Personalizador del Tema.

Para finalizar, esto nos ofrece la oportunidad de hacer nuestro proyecto mucho más fácil de usar al dotar a nuestros usuarios y clientes un medio más directo para personalizar, confeccionar y trabajar con nuestro tema, mucho mejor que ir una y otra vez del escritorio al propio blog y viceversa.

¿Cómo nos beneficia esto a nosotros?

Ya que esta web (y por tanto esta serie) está enfocada a aquellos que desean aumentar sus habilidades en el desarrollo de WordPress, necesitamos entender los beneficios del Personalizador del Tema antes de implementarlo.

Abreviando, creo que el Personalizados del Tema mejora la experiencia de usuario. Por tanto, tenemos la responsabilidad de implementarlo en nuestro trabajo para asegurarnos que construimos los mejores productos posibles, así como todo aquello que beneficie a nuestros usuarios en la medida en que nos sea posible.

Cuando nuestros usuarios se benefician, nosotros mismos salimos beneficiados.

Pero incluso más, tenemos la habilidad de impulsar el desarrollo del tema mediante:

• La mejora de la forma en la cual los usuarios trabajan con los temas
• La mejora de la forma en la que los temas son personalizados y ajustados en WordPress
• Y finalmente avanzar en una nueva manera de modificar los temas que no requiere que cambiemos el modo en que interaccionámos con los Ajustes de la API

Todo ello al mismo tiempo que facilitamos el uso de nuestro trabajos para otros.

Lo próximo

Dicho todo esto, estamos ya preparados para avanzar escribiendo algo de código. Así que en el próximo artículo, veremos como podemos trabajar con un tema que ya disponga del Personalizador del Tema para introducir algunas nuevas opciones.  

Después, veremos como implementar el Personalizador del Tema desde cero, y después a como enlazarlo con los Ajustes de la API de WordPress de forma que los usuarios puedan empezar a trabajar con sus temas sin tener ya que saltar entre el escritorio y el blog, sino haciendo los cambios y previsualizándolos en tiempo real.