¿Qué son los ajustes preestablecidos?
Última actualización: 8 abril, 2025
Con elementos y ajustes preestablecidos, Sitejet te permite crear sitios web atractivos de forma rápida y sencilla, sin necesidad de código adicional. Los elementos proporcionan objetos individuales con los que puedes crear sitios web, como iconos, controles deslizantes, etc. Los ajustes preestablecidos combinan elementos y los amplían con opciones de diseño adicionales. En este artículo, explicaremos cómo usar y personalizar los ajustes preestablecidos.
Conocimientos básicos
Los ajustes preestablecidos se componen de un contenedor que contiene un conjunto de elementos .
Por ejemplo, el ajuste preestablecido “Tarjetas” combina un elemento de imagen (naranja), un elemento de título (azul) y un elemento de texto (morado), todos ellos ubicados en un contenedor (rojo). Puedes identificar rápidamente si estás trabajando con un ajuste preestablecido por el borde naranja que aparece al pasar el cursor o hacer clic. Allí también puedes ver el nombre del ajuste preestablecido.
Estas secciones web prediseñadas ofrecen opciones de estilo personalizables. La mayoría de los ajustes preestablecidos ofrecen variantes y configuraciones para personalizar tu sitio web en diversas dimensiones.
Mira un video
Cómo usar ajustes preestablecidos
Usar ajustes preestablecidos facilita la creación de sitios web. Por ejemplo, el ajuste preestablecido Galería te permite elegir entre varias variantes prediseñadas para darle a tu galería un aspecto impactante que se adapte a tu estilo. Las variantes son conjuntos de opciones para un ajuste preestablecido. Puedes personalizarlo según tus necesidades con la configuración a continuación.
Cada ajuste preestablecido tiene una clase única (p. ej., .preset-gallery-v3-default ). Al añadir un ajuste preestablecido a su sitio web, se añadirá automáticamente un nuevo bloque de CSS al final de la ventana CSS personalizado. El código CSS incluye todas las configuraciones que ha seleccionado en el panel de ajustes preestablecidos de la izquierda. Esto significa que cambiar las variables de uno afectará al otro.
Si desea crear dos secciones con el mismo ajuste preestablecido, pero desea que una sea diferente (por ejemplo, una cantidad diferente de columnas), simplemente puede cambiar la clase preestablecida y agregará un nuevo bloque CSS con un nuevo nombre de clase, por lo que las configuraciones del ajuste preestablecido anterior no se alterarán.
Configuraciones responsivas
Al igual que en la configuración de elementos, también puede cambiar la configuración de diseño en los ajustes preestablecidos para que se adapte al dispositivo y su tamaño. Por ejemplo, puede ajustar los márgenes o el tamaño de fuente específicamente para computadoras de escritorio, tabletas o smartphones, para que tenga control total sobre el diseño de su sitio web en cada dispositivo en todo momento.
Para facilitar la identificación de las configuraciones aplicables a las ventanas gráficas específicas, el color de las etiquetas de configuración se ajusta según el dispositivo. Puede encontrar instrucciones detalladas sobre cómo ajustar la configuración según el dispositivo aquí .
Este artículo es una traducción del original en inglés titulado “What are presets?” publicado por Sitejet.
