Separadores

Separadores de contenido de portada / plantillas

Los separadores son elementos visuales y funcionales que se utilizan para organizar la portada, permitiendo dividir en secciones de contenido o agrupar módulos temáticos la portada. Además de su función estética, pueden actuar como botones de acceso directo a secciones específicas si se les asigna un enlace.

Acceso a la herramienta

Para gestionar estos elementos, se debe ingresar al panel de administración y localizar la opción Separadores en el menú lateral izquierdo (generalmente ubicado debajo de "Layout" o "MediaKit").

Crear o Editar un Separador

En la pantalla principal se visualiza el listado de separadores existentes. Para dar de alta uno nuevo, se debe presionar el botón "Nuevo". Para modificar uno existente, se utiliza el icono del lápiz (✏️) en la columna de acciones.

Al ingresar a la pantalla de edición, se deben completar los siguientes campos:

• Texto (*): Es el título o nombre visible que tendrá el separador en el sitio. Este campo es obligatorio.

• Enlace: (Opcional) Si se desea que el separador funcione como un botón o vínculo, se debe pegar aquí la URL de destino (ej: /economia para una sección interna o https://sitioexterno.com para una web externa).

• Abrir enlace en una pestaña nueva: Se debe marcar esta casilla si se prefiere que, al hacer clic, el usuario sea redirigido a una nueva ventana del navegador sin cerrar el sitio actual.

• Color: Permite seleccionar el estilo visual del separador desde un menú desplegable.

Gestión de Colores del Separador

El campo "Color" muestra una lista predefinida de estilos (ej: "Separador default", "Rojo", "Azul"). Estos estilos no se crean en esta pantalla, sino que toman la configuración global del sitio.

Para agregar nuevas opciones de color al desplegable o modificar los colores existentes, se debe acceder al módulo de Configuración > Colores. Allí se definen las paletas que luego estarán disponibles para ser seleccionadas en los separadores.

Nota: Si se necesita un color específico que no aparece en la lista, primero se debe crear en la configuración general de colores y luego regresar a esta sección para asignarlo.

Acciones en el listado

Desde la vista principal de Separadores se dispone de las siguientes herramientas:

• Buscador: Permite filtrar rápidamente por la denominación del separador.

• Editar (✏️): Abre la configuración del elemento para realizar cambios.

• Eliminar (🗑️): Borra el separador de forma permanente. Se recomienda verificar que el separador no esté siendo utilizado en el Layout antes de eliminarlo.

Agregar el separador en portada / plantilla

Desde Layout, ingresar a la Portada o Plantilla donde se quiera agregar el separador, insertar un contenedor al 100% y asignar como elemento del contenedor el separador creado.