Destacar concepto o eje de gestión
Usá el componente «eje destacado con ícono» de Poncho para aumentar el impacto de un dato.
En esta página
Qué es el eje destacado con ícono
Eje destacado con ícono es un componente de la librería de estilos Poncho que te permite presentar con un ícono a color, un título y una breve descripción un principio, valor o eje de gestión, una funcionalidad o beneficio de un producto o un concepto importante de un contenido.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
El componente es estático, no interactivo. Por lo tanto, no podés usarlo como atajo ni hipervincular el ícono, el título o la descripción.
La presentación puede ser a 1, 2, 3 o 4 columnas con el ícono y los textos centrados.
El subtítulo tiene nivel 3 (h3
o 3 numerales); por lo tanto, el componente no puede estar debajo de un subtítulo de niveles 4 a 6 (error de semántica web).
Insertar uno o varios ejes
Para insertar uno o varios ejes, copiá el bloque de código de abajo, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
El bloque de código corresponde a un solo eje. Por lo tanto, debés editar y pegar al menos dos bloques si es a dos columnas, al menos tres si es a tres columnas y al menos cuatro bloques si es a cuatro columnas.
Recordá que este recurso no admite hipervínculos en el ícono, el título ni el párrafo de texto.
[
[colNÚMERO-{
[
[ejes-{Título del eje}-{Párrafo de texto con descripción del eje.}-{ícono-de-Poncho}-{color-de-Poncho}]
]
}-]]
En la primera línea, en lugar de colNÚMERO
informá la cantidad de columnas que va a tener el componente.
- una columna se escribe
col1
; - dos columnas se escribe
col2
; - tres columnas se escribe
col3
; - cuatro columnas se escribe
col4
.
A partir de la segunda línea del bloque, escribí el título y la descripción entre sus respectivas llaves {}
, informá el nombre del ícono entre llaves en ícono-de-Poncho
y el color de Poncho entre llaves en color-de-Poncho
.
Elegí el ícono de la librería de Poncho. Podés buscar entre toda la variedad de íconos que hay por palabras clave. Cuando encuentres uno que se ajuste a la información, hacé clic en el ícono, copiá el nombre que te informa a continuación y pegalo en tu código.
¿Falta un ícono o necesitás uno en especial?
La librería de Poncho tiene muchos y muy variados íconos. Si necesitás uno que no está en la librería, pedilo a contenidosdigitales@jefatura.gob.ar con una descripción lo más precisa y detallada posible de cómo debe ser.
Si tu organismo desarrolló un ícono, envianos el archivo en pdf en curvas. El ícono debe ser monocromo, con bajo nivel de detalle (para que sea legible en todos los tamaños) y tener una relación de aspecto cercana a 1:1.
Elegí el color de la paleta de Poncho. Copiá el nombre del color que se ajuste a la información y pegalo en tu código.
Por ejemplo, el bloque de código
[
[col1-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]
]
}-]]
muestra la siguiente información a una columna.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
El bloque de código
[
[col2-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]
]
}-]]
[
[col2-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]
]
}-]]
muestra la siguiente información a dos columnas.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
El bloque de código
[
[col3-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]
]
}-]]
[
[col3-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]
]
}-]]
[
[col3-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-comida}-{text-arg-lima }]
]
}-]]
muestra la siguiente información a tres columnas.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
Por su parte, el bloque de código
[
[col4-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]
]
}-]]
[
[col4-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]
]
}-]]
[
[col4-{
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-comida}-{text-arg-lima}]
]
}-]]
[
[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-viajero}-{text-arg-arandano}]
]
}-]]
muestra la siguiente información a cuatro columnas.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.
Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.