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

Metadades

  • Títol: 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 i significatiu perquè genera la URL amigable del contingut. Si el títol inclou la data, no facis servir la barra / sinó guionets: 01-07-25.
  • Descripció (opcional): pot ser interessant pel que fa a SEO omplir-la. ATENCIÓ: no confondre amb Resum o entradeta!
  • URL amigable: aquest camp es genera automàticament a partir del títol. Quan es tracta de notícies, fitxes de projecte, fitxes de persona o altres continguts dinàmics, és convenient personalitzar-lo perquè sí que es mostrarà a la web.
  • Si apareix un missatge com aquest, no cal fer-ne cas, llevat de si són continguts dinàmics (notícies, fitxes, etc.):
Avís: L'URL utilitzat a català (Espanya) ja existeix en altres llocs web o biblioteques de continguts.

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 Grup de camps és un Enllaç i é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. Copia i enganxa la URL de la pàgina o document de destí a la casella URL. Si és a una web o document de la UPF, recorda que no es posa mai el domini (p.e., https://www.upf.edu /web/matricula/)
      • 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).
      • Font awesome: Pots fer servir 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.