Introducción al personalizador de temas de WordPress

  1. 1. Actualmente leyendo: Introducción al personalizador de temas de WordPress
  2. 2. Interactuando con WordPress Theme Customizer
  3. 3. Plantilla del personalizador de temas de WordPress
  4. 4 4. Ampliación de la plantilla del personalizador de temas de WordPress
  5. 5 5. Plantilla del personalizador de temas: opciones condicionales, temas secundarios y complementos

Una cosa que siempre me disgustó acerca de las páginas de configuración de temas fue lo enormemente diferentes que serían. Imagine que cada fabricante de automóviles intenta agregar su propio toque al tener una ubicación de rueda única y verá por qué eso es algo malo para los editores de WordPress.


Afortunadamente, desde 3.4 y gracias a API de personalización de temas no necesitamos páginas de configuración en absoluto.

El blog en cuestión es Galería de opciones de tema, escaparate de “las mejores (y peores) pantallas de opciones de tema de la ciudad”. Principalmente lo peor, pero supongo que eso es lo que lo hizo popular. Según Konstantin, es el Personalizador de temas el que lo hará obsoleto..

A lo largo de esta serie de publicaciones, veremos los beneficios del uso del Personalizador de temas en las páginas de configuración “antiguas”, veremos cómo funciona el Personalizador de temas, veremos cómo puedes extenderlo y finalmente crearemos la plantilla estándar del Personalizador de temas que se puede usar con cualquier tema de WordPress.

Beneficios del personalizador de temas

Ahora, no estoy diciendo que las páginas de configuración del tema sean (¿estaban?) Mal, si se hace bien, se sienten como una extensión natural del panel de WordPress, solo que hay algo mejor ahora. Lo que hace el Personalizador, en comparación con una página de configuración, es facilitar el proceso de configuración del tema quitando los ojos vendados de la cabeza del usuario.

Si nunca lo viste en acción, este video de Otón es una visita obligada:

Entonces, ¿qué es exactamente el Personalizador de temas? Según el Codex:

La pantalla de Personalización del tema (es decir, “Personalizador del tema”) permite a los administradores del sitio modificar la configuración de un tema y ver una vista previa de esos cambios en tiempo real.

Personalizador de temas en pocas palabras

Personalizador de temas tiene tres componentes principales: secciones, configuraciones y controles. Si Theme Customizer fuera una casa, su sala de estar sería una de las secciones, cada luz sería un ajuste y cada interruptor de luz un control. Es así de simple.

Para interactuar con el Personalizador de temas, debe conectarse a la acción personalizar_registro. Al hacerlo, cargarás $ wp_customize object, una instancia de WP_Customize_Manager clase que hace todo el trabajo pesado. Más sobre eso en la Parte 2 de esta serie.

Ya está allí

Si no desea interactuar con el Personalizador de temas y solo necesita dejar que lo haga en su tema, se vuelve aún más fácil. Cuando cree un tema desde cero, el Personalizador de temas ya estará allí, mostrando sus secciones integradas. De hecho, esto es hasta qué punto index.php y un style.css con nada más que líneas de encabezado de comentario lo llevarán:

Personalizador de temas en un tema en blanco

Personalizador de temas en un tema en blanco

Claro, no hay nada que previsualizar en esa captura de pantalla, porque index.php no hace nada, pero ese es el punto: si eres un desarrollador de temas, el Personalizador de temas solo grita “¡Cuando estés listo!” así que no hay razón para no usarlo en su tema de WordPress.

Hay más secciones predeterminadas, pero solo se muestran si su tema las admite, aquí hay una lista completa de las secciones integradas:

  • Título del sitio y lema
  • Colores*
  • Imagen de cabecera*
  • Imagen de fondo*
  • Navegación*
  • Página frontal estática

Las secciones marcadas (*) aparecerán solo si su tema admite sus respectivas características, si desea que aparezca la sección Imagen de encabezado, todo lo que necesita es add_theme_support (“encabezado personalizado”) en algún lugar de su archivo functions.php.

Controles existentes

Con todas esas secciones integradas, debe haber algunos controles existentes (interruptores de luz, ¿recuerdas?) Para llenarlos. Esto es lo que WordPress te ofrece, listo para usar:

  • Campo de texto
  • Caja
  • Radio
  • Seleccione
  • Selector de color
  • Subir archivo
  • Carga de imagen
  • Imagen de fondo
  • Imagen de cabecera

Probablemente sea lo suficientemente bueno para la mayoría de los temas, pero si tu tema es especial (déjame adivinar, ¿verdad?) Y necesita algunos controles personalizados, también puedes hacerlo. Crear controles personalizados es una de las cosas que cubriremos en esta serie, así que estad atentos.

Eso es todo por ahora

WordPress actualmente tiene dieciséis API (¡intente nombrarlos a todos!) y si los juzga por su facilidad de uso y lo fácil que es ingresar y comenzar a usarlos, ninguno se acerca a la API de personalización de temas.

¿Ya hizo un favor a sus usuarios y cambió de las páginas de configuración al Personalizador de temas? Si no es así, me encantaría saber por qué y si lo has hecho, ¿qué piensas hasta ahora??

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map