Las nuevas variables de CSS, las Custom Properties

Tenemos un tema en wordpress atractivo y con muchas prestaciones, pero ¿qué pasa si necesito poner el color de mi marca? ¡El menú ya podría ser un poco menos hortera! ¿Cómo hago para que esa ventana no quede centrada? ¿Por qué ese texto no empieza junto con la foto? Estas y muchas preguntas empezarán a tener respuesta en la 6ª MeetUp de WordPress Compostela.

Iván Barcia, diseñador y desarrollador web nos hablará de las nuevas variables nativas en CSS, las Custom Properties. Nos explicará su origen, sintaxis, limitaciones y el soporte de los navegadores. Con múltiples ejemplos y demostraciones.

De una manera sencilla veremos de qué modo a la estructura del html de nuestro sitio se le añaden las instrucciones que determinan su diseño. Selectores, propiedades y valores, corchetes… colores, tamaños y posiciones… toda una paleta con la que hacer de cada sitio un lugar diferenciado y que responde a las necesidades de comunicación.

Aprender este básico es de rigor, porque aunque se pueda llegar a hacer complejo, todo camino comienza con tener las bases claras. Para ello invitamos a nuestra sexta meetUp:

@WPCompostela | Custom Properties, las variables de CSS

¡Antes del verano!

Al final, como en cada edición de @wpcompostela, nuestros patrocinadores Dinahosting, auspician un networking. El lugar acostumbrado para las cinco primeras meetUps fue  DoutroXeito Coworking, pero en esta ocasión, aprovechando el ambiente veraniego la hacemos en modo más relajado y de verano. El café O Zuleiro, muy cerca del local de Dinahosting  en Santiago de Compostela, recibirá el encuentro,  (Rúa das Salvadas, 49 el jueves 19 de julio; a las 19h).

Será una excusa para reunirnos los miembros de las diferentes meetUps de Galicia y compartir experiencias de los distintos encuentros que se llevaron a cabo durante el curso.

Iván Barcia: “no avanzamos sin hacer destrozos al código”

En una charla informal EnMateria, como coorganizadores del evento, conversamos con Iván Barcia quien nos aporta sus respuestas a unas pocas preguntas básicas para entrar…en materia.

-En una plantilla wordpress, ¿hasta dónde es posible llegar con los cambios de estilo?

-Con los estilos CSS podemos cambiar totalmente cómo se ve nuestro tema de WP o nuestra web. Hoy en día nos ofrece una potencia y versatilidad enormes, que si le sumamos el buen soporte que tienen los navegadores más importantes, tenemos en el CSS una herramienta muchísimo más potente que hace unos años. Hoy podemos hacer de forma nativa con CSS muchas cosas que hasta hace nada necesitaban programación con JavaScript.

-¿Qué relación hay entre hojas de estilo y el tema hijo?

-Cuando creamos un tema hijo en WordPress debemos indicarlo en la hoja de estilo ‘style.css’. No es imprescindible que tenga ningún otro archivo PHP ni nada, el CSS es el único imprescindible. Por otra parte, cuando creamos un tema hijo suele ser porque queremos hacer algunos cambios visuales en el tema padre, y todo eso lo haremos con CSS. A veces también necesitamos realizar pequeños cambios de PHP, pero si no son cambios muy grandes es común que nos sea suficiente con añadir algún código en el archivo ‘functions.php’, así que, como dije, cuando creamos un tema hijo es probable que con escribir CSS nos sea más que suficiente para todos los cambios visuales que queremos hacer.

-¿Qué tipos de destrozos podemos cometer  tocando los estilos de un tema wordpress?

-Pues la verdad es que bastantes si lo hacemos a lo loco. En el HTML solo tenemos el contenido. Todo el aspecto visual lo establecemos con CSS: Cómo y dónde se vé cada elemento, el tamaño de los textos, que la web sea responsive, etc. Eso sí, los destrozos pueden ser muy visuales, pero no suelen ser demasiado graves. De todas formas, no hay mejor forma de aprender bien CSS que leyendo y tocando (y destrozando) código.

MeetUp @WPCompostela | Custom Properties, las variables de CSS

Rúa das Salvadas, 49;  19 de julio, a las 19h

Autor: Euri Castillo

Licenciada en Periodismo, mi experiencia profesional comienza en la prensa y poco a poco se amplia a otras materias como: edición editorial, elaboración de material didáctico y comercio electrónico