Cómo crear un sistema de diseño con Elementor 3

Mapa de rediseño de sitio

Elementor 3 salió no hace mucho (no sin problemas debo decir), y la gran característica que anunciaron es que por fin trae una implementación bastante usable de ajustes globales, es decir, ahora puedes definir una porción considerable de los ajustes de estilo y visuales que usas en tus diseños, de modo que no tengas que estar definiéndolos una y otra vez; si, habían algunas cosas que ayudaban, como por ejemplo definir colores y fuentes cuasi-globales (que se importan muy bien por cierto en Elementor 3), pero a fin de cuentas no había una manera unificada de definir estilos que permearan en todo el sitio. Elementor 3 por primera vez hace posible definir lo que se llama un sistema de diseño, o como yo lo veo, a su hermano menor, una guía de estilo web.

Introducción a los sistemas de diseño

Un sistema de diseño es básicamente un producto de trabajo que ayuda a generar productos coherentes, en nuestro caso, será una serie de guías que nos ayudará a producir sitios que se vean con una identidad consistente. Quizás a muchos que inician les haya pasado que ponen el color, fuente o disposición de elementos que vengan en gana; un sistema de diseño te ayudará a que esto no te pase. Un sistema de diseño está compuesto más o menos de lo siguiente:

Leer másCómo crear un sistema de diseño con Elementor 3

Cómo añadir código y CSS personalizado a WordPress

Placa con la palabra "Custom" grabada encima

Una de las principales virtudes de WordPress es que puedes modificarlo a la medida de tus anchas; ¿no te gusta como se ve algún elemento del tema? Escribe un poco de CSS y cambia. ¿No te gusta como funciona algo? Escribe un pequeño bloque de código, añádelo y listo. Ahora bien, una de las primeras preguntas que se hacen los que empiezan en WordPress (y otros que ya llevan tiempo y se animan a modificarlo) , es la que viene a continuación: ¿dónde pongo mis personalizaciones de código y/o estilos CSS en WordPress?

Voy a contestar explicando donde NO poner tus personalizaciones de código y CSS.

Como seguramente sabes, todo en WordPress se actualiza; es decir, el software (core), temas y plugins…y cuando lo hacen se  sobreescribe todo lo que haya antes, y si modificaste algún archivo con tus personalizaciones, bueno, tengo malas noticias para ti, particularmente si no tienes un respaldo: acabas de perder tus modificaciones. En pocas palabras, esto nos lleva a la siguiente regla: 

Leer másCómo añadir código y CSS personalizado a WordPress

¡NO sigas este enlace o serás bloqueado en este sitio!