WordPress práctico: Creación básica de temas

Modificación dinámica del tema utilizando customizer

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Aunque esto no es estrictamente un plugin que instalar, es muy importante saber que existe el personalizador, también conocido como customizer, que tendrá parte activa en la configuración de los elementos que componen el sitio.

Transcripción

Quiero hablar también de otro plugin que es muy importante cuando trabajamos con temas, aunque, en realidad, no es, estrictamente hablando, un plugin que ayude al desarrollo de estos temas. Es el personalizar, el Customizer. Este plugin permite hacer modificaciones del aspecto final del tema, pero las va a hacer de manera completamente dinámica. Es decir, vamos a poder teniendo un tema determinado con todo tipo de configuraciones hacer cambios sobre él directamente desde aquí. Eso implica que tendremos que entender cómo funcionan varias cosas. Vamos a ver, ¿qué es lo que podemos cambiar? Eso es lo primero de todo. Aparte, por supuesto, de poder cambiar el tema que tengo seleccionado, tengo diferentes apartados para hacer cambios en las configuraciones. En Identidad del sitio, por ejemplo, aquí podría cambiar el Título del sitio, o puedo cambiar también la Descripción y puedo, de hecho, hacer que aparezcan o que no aparezcan esos títulos, esa descripción. Incluso también añadir un Icono del sitio, que aparecerá en caso de que lo tenga seleccionado. De momento, no tengo icono marcado y voy a dejarlo sin que aparezca. También puedo trabajar con colores, elegir tanto el color para el texto, como el color para el fondo. Aquí podemos verlo. Voy a dejarlo como estaba. Por otro lado, puedo trabajar también con la Imagen para el header, añadir una imagen que sirva de header de fondo. Puedo utilizar una imagen para todo el fondo del sitio también. En vez de utilizar un color, podría aplicar una imagen. Puedo personalizar los menús de diferentes maneras: añadir nuevos menús, hacer que esos menús tengan unas páginas u otras, cambiar el orden de ellas. Aparte de los menús, puedo hacer lo mismo pero con widgets y elegir qué widgets van a aparecer en el sidebar o sidebars que quiera. También puedo definir una Portada estática diferente, es decir, puedo definir qué es lo que se va a mostrar en el front de la página web. Y por último, una nueva característica, que me va a permitir añadir estilos CSS especiales, propios del sitio en el que esté. Esto va a servir para que si tengo que hacer pequeñas modificaciones sobre un tema en concreto, en vez de tener que modificar los archivos del tema o hacer un tema hijo que herede a ese tema para hacer cambios sobre él, puedo aplicar esos pequeños cambios aquí directamente. Es una forma cómoda de personalizar temas que he cargado en mi sitio. Estas son las opciones que me ofrece, pero estas opciones tienen que estar también relacionadas con mi tema. Mi tema tiene que estar preparado para poder trabajar con las personalizaciones del Customizer. Y, de hecho, tendremos varios archivos que se ocupan de ello. Dentro de la carpeta inc, voy a tener el archivo customizer.php. Este archivo customizer.php tiene una serie de entradas, registra una serie de settings. Por ejemplo, el blogname, la descripción o el color del texto del header. Todas estas descripciones después lo que hará será aplicarlas a través de diferentes técnicas al sitio, saltándose completamente las variables que haya podido, por ejemplo, definir dentro de los estilos CSS, como podría ser color habitual del texto. Para hacer esa conexión, tenemos un segundo archivo que está dentro de la carpeta js y que es el archivo customizer.js. De hecho, un poco más abajo, dentro del customizer.php, vemos que añade wp_enqueue_script, aquí podemos ver que está añadiendo precisamente ese customizer.js, y en él veo la referencias que estoy pasando desde el get_setting, por ejemplo, ese blogname, aplicadas, aquí lo vemos, a través de JavaScript, y las está aplicando, en concreto, a todos los selectores que tienen un estilo concreto, que es el que está asociado precisamente a ese elemento. Así que lo que estamos es a través del Customizer no cambiando los valores que estoy definiendo dentro de, por ejemplo, los colores, sino que lo que estoy es utilizando jQuery para hacer una selección de los elementos concretos a los que se le aplican los cambios del customizer y hacer modificaciones en esos cambios una vez que ya se ha cargado la página. Eso también implica que voy a poder definir características nuevas, diferentes que pueda añadir, como digo, dentro del customizer.php, dentro del customizer.js, que me permiten también hacer otras modificaciones nuevas que no estuviesen previstas.

WordPress práctico: Creación básica de temas

Aprende a dar un nuevo aspecto a tu página de WordPress, creando un tema desde cero usando como base las plantillas Underscore y dándole aspecto a nuestro gusto.

4:16 horas (48 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:11/08/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.