Gestor de enlaces destacados - govimentumcms/govimentum_semilla GitHub Wiki
Esta característica funcional implementa dos niveles de enlaces que se localizan en la página principal del sitio web de la Entidad. Los enlaces de primer nivel incluyen imágenes de fondo que se combinan con información textual para asegurar mayor accesibilidad en este componente. Los enlaces de segundo nivel se diferencian por la selección de color asignada en la gestión de este tipo de contenido.
- Administrador
- Gestor de contenido
- Ciudadano
Como | Yo quiero | Para |
---|---|---|
Administrador, Gestor de contenido | Crear, editar, eliminar y ver enlaces destacados | mantener un registro de los enlaces destacados hacia información de interés de la Entidad |
El tipo de contenido Enlace destacado
debe contener la siguiente estructura de campos:
-
Título
(*) -
URL
(*) -
Tipo de enlace
(*) -
Imagen
(*) -
Titulo parte 1
(*) -
Titulo parte 2
(*) Color del enlace
Esta sección permite la gestión de enlaces de Primarios y Secundarios dependiendo de la selección del administrador durante la creación del contenido, por lo tanto, se debe describir de manera clara la forma en que el contenido se presenta de acuerdo con la configuración definida por el usuario.
Nota: Los campos marcados con (*) son obligatorios
Nota: Los campos marcados con (**) cuentan con una clasificación de términos o lista de opciones
Como | Yo quiero | Para |
---|---|---|
Ciudadano | Ver los enlaces destacados de la Entidad mediante uno o dos bloques destacados en en el Home del portal | Acceder a páginas internas o externas considedadas como relevantes por la Entidad |
Este bloque presenta 5 enlaces con imágenes de fondo, contenido textual a partir del titulo
del enlace
que es manejado en dos partes Titulo 1
y Titulo 2
con el fin de proveer unos estilos gráficos predeterminados que aseguren la correcta diagramación del enlace y aporte a la accesibilidad de este componente. En caso de que la imagen
implemente contenido no textual, el título
del enlace
debe ser utilizado como texto alternativo.
Este bloque cuenta con máximo 5 enlaces que presentan el titulo
del enlace y un color
distitivo. Estos enlaces deben abrir en una ventana nueva.
- Accesibilidad web
- Diseño responsivo
- Navegación consistente en urls, breadcrumbs y contexto
Nombre de la etiqueta | Tamaño del campo | Obligatoriedad | Tipo de campo | Validación del campo |
---|---|---|---|---|
Título | 150 char | Si | Caja de texto (textfield) | Alfanumérico con texto plano |
URL | Si | Enlace (Link) | URL Absoluta, abrir enlace en nueva página | |
Presentación del enlace | N.A | N.A | Grupo (Fieldset) | Grupo de campos con comportamiento colapsible |
-- Tipo de enlace | N.A | Si | Selector (List) | Selector de lista con los valores: * N/A, * Primario y * Secundario. Controla campos dependientes |
-- Imagen | 400 Kb | Si | Imagen (image) [Condicional][Primario] | Acepta los formatos: png, jpg, gif, jpeg. Resolución máxima: 309x70px, atributo de texto alternativo |
-- Titulo parte 1 | 29 Char | Si | Cuadro de texto (textfield) [Condicional][Primario] | Alfanumérico con texto plano |
-- Titulo parte 2 | 29 Char | Si | Cuadro de texto (textfield) [Condicional][Primario] | Alfanumérico con texto plano |
-- Color del enlace | N.A | Si | Color (Color field) [Condicional][Secundario] | Selector de color con los valores predeterminados #0080ff, #a300d9, #ffbf00, #008c69, #ff4000, #9999ff. |