Enllaços amb icones

Permet crear una graella d'enllaços amb imatges o icones i un text (títol i subtítol). Es pot utilitzar, per exemple, per construir un menú visual per destacar opcions de la web o de la intranet.

Com es veu

Com una graella d'opcions amb títols i subtítols, la imatge es mostra damunt del text. El nombre de columnes és configurable, però s'adapta al monitor de l'usuari.

Com una columna d'icones amb títols i subtítols, la imatge es mostra a l'esquerra.

 

Com es crea

Com s'esborra

Com s'edita

Títol

  • Títol intern del contingut. No es mostra a la web, però és molt important per identificar el contingut de forma inequívoca, per això cal que sigui molt descriptiu.

Parts del contingut

  • Número de columnes: Selecciona el nombre òptim de columnes en què es distribuiran les icones. Tanmateix, la disposició final dependrà del tipus de monitor que tingui l'usuari. 
  • Mostrar icones sense el text: Ha d'estar sempre desmarcat (NO modifiquis aquest camp!).
  • Cada Enllaç és un element repetible:Afegir o eliminar
    • Per a cada Enllaç pots completar els següents camps:
      • Enllaç: Enllaç al qual s'accedirà en clicar la icona. 
      • Imatge: Pots utilitzar una imatge d'aproximadament 200x200 px (cal haver-la pujat prèviament).
        • Consulta Documents i imatges (Pujar documents o imatges abans de fer-los servir / en el moment d'editar un contingut).
      • Icona: Pots utilitzar una icona Fontawesome. Cal copiar el codi de la icona (p. ex. "fa-regular fa-thumbs-up" per ). Et recomanem que facis servir sempre aquesta opció.
      • Lletres o números (max 3): Pots escriure un número o lletres, amb un màxim de 3 caràcters.
      • Títol: Títol de l'enllaç.
      • Subtítol: Opcionalment pots afegir un subtítol explicatiu de l'enllaç. Només es pot utilitzar si hi ha un Títol.
    • Per afegir un nou Enllaç, cal clicar el signe més . L'Enllaç s'afegeix a continuació. Pots afegir-ne al final, o bé entre dos ja existents.
    • Per eliminar un Enllaç cal clicar el signe menys .
    • Per canviar de lloc un Enllaç, el pots moure amb la icona d'arrossegar.​

Com es tradueix

Exemple

  • Graella d'icones Fontawesome com a menú interior d'una secció de la web: Serveis Web > Què t'oferim.