Pàgines i menú de la web
És important que l'organització de les pàgines reflecteixi l'arquitectura de la informació. Abans d'afegir una pàgina nova a la teva web cal pensar molt bé on hi encaixa conceptualment.
Les pàgines d'una web s'organitzen de manera jeràrquica. La seva disposició construeix el menú i organitza la navegació. Molt poques vegades està justificat afegir una pàgina a primer nivell del menú.
A la web de la UPF fem servir dos tipus de pàgines:
- Pàgina de ginys: és la que utilitzarem en la majoria dels casos per mostrar continguts a la web.
- Pàgina d'enllaç a una altra web, a un document o a una altra pàgina de la teva web.
Afegir una pàgina de ginys
- Desplega el menú d'administració
- Ves a Constructor de llocs web > Pàgines del lloc web.
- Situa't a l'arrel (Pàgines públiques / privades) per crear una pàgina de primer nivell, o sobre la pàgina on vols situar la nova subpàgina. Els nivells es van desplegant en panells, a la dreta.
- Fes clic sobre el signe + que es mostra al costat del nom de la pàgina.
- Selecciona el tipus de pàgina que vols crear. En aquest cas (pàgina on afegirem continguts), ha de ser Pàgina de ginys.
- Escriu el nom de la pàgina (en l'idioma principal de la web; aquest serà el títol que es mostrarà a la web) i fes clic a Afegeix.
- Per acabar de crear la pàgina, cal configurar-ne algunes opcions:
- Nom: si la web és en diferents idiomes, cal traduir el nom clicant sobre la icona d'idioma.
- Amagada del giny del menú de navegació:
- NO, per mostrar la pàgina al menú de navegació de la web.
- SÍ, per amagar la pàgina del menú.
- URL amigable: la URL s'ha construït a partir del nom de pàgina, però és important que la revisis:
- per escurçar-la i fer-la més amigable
- per eliminar-ne els accents, espais en blanc i caràcters com ç, ñ, signes d'interrogació, etc.
- per tal que defineixi el contingut de la teva pàgina de manera inequívoca
- deixa la mateixa URL per tots els idiomes (no facis servir una URL diferent per cada versió lingüística de la web)
- Tipus: deixa sempre 1 Columna. Després podràs crear seccions dins d'aquesta columna si cal.
- Nom: si la web és en diferents idiomes, cal traduir el nom clicant sobre la icona d'idioma.
- Fes clic al botó Desa.
Veuràs que la nova pàgina t'apareix al final. La pots canviar de lloc i de nivell, arrossegant-la.
- Utilitza un nom de pàgina descriptiu, p.e. "Matrícula 2023-2024" (el pots canviar quan faci falta)
- Utilitza una URL permanent, que no s'hagi de canviar cada any, p.e. "/matricula"
- La URL ha de ser curta i significativa: els cercadors tenen en compte els termes de la URL, p.e."/mesures-covid-19"
- No utilitzis noms de pàgina massa genèrics: p.e. "Pas 1"
- No utilitzis URL que calgui canviar cada any, perquè cada canvi comporta molts enllaços trencats p.e."/matricula-2023-2024"
- No utilitzis URL massa llargues i amb termes irrellevants: p.e."/mesures-especifiques-adrecades-al-personal-per-prevenir-la-covid-19"
Un cop creada, la pàgina quedarà buida:
- Les pàgines de ginys són només contenidors buits.
- Els ginys (o aplicacions) permeten afegir funcionalitat a una pàgina.
- Els continguts són les peces d'informació que es visualitzen a les pàgines mitjançant ginys.
Per saber com afegir un contingut a la pàgina que has creat, consulta Afegir o treure continguts d'una pàgina (Afegir o treure continguts que es mostren directament a la pàgina).
Afegir o modificar una pàgina d'enllaç
Una pàgina d'enllaç permet personalitzar la navegació afegint enllaços a un document, a una altra web o a una pàgina de la teva web.
- Desplega el menú d'administració
- Ves a Constructor de llocs web > Pàgines del lloc web.
- Situa't a l'arrel (Pàgines públiques / privades) per crear una pàgina de primer nivell, o sobre la pàgina on vols situar la nova subpàgina. Els nivells es van desplegant en panells, a la dreta.
- Fes clic sobre el signe + que es mostra al costat del nom de la pàgina.
- Selecciona el tipus de pàgina que vols crear. Tens dues possibilitats:
- Escriu el nom de la pàgina (en l'idioma principal de la web; aquest serà el títol que es mostrarà a la web) i fes clic a Afegeix.
- Per acabar de crear la pàgina, cal configurar-ne algunes opcions:
- Nom: si la web és en diferents idiomes, cal traduir el nom clicant sobre la icona d'idioma.
- Amagada del giny del menú de navegació:
- NO, per mostrar la pàgina al menú de navegació de la web.
- SÍ, per amagar la pàgina del menú.
- URL amigable: la URL s'ha construït a partir del nom de pàgina, però és important que la revisis:
- per escurçar-la i fer-la més amigable
- per eliminar-ne els accents, espais en blanc i caràcters com ç, ñ, signes d'interrogació, etc.
- per tal que defineixi el contingut de la teva pàgina de manera inequívoca
- deixa la mateixa URL per tots els idiomes (no facis servir una URL diferent per cada versió lingüística de la web)
- Selecciona la pàgina del teu lloc web o bé escriu la URL:
- Enllaça a una pàgina d'aquest lloc: permet crear una redirecció cap a una pàgina de la teva web que hauràs de seleccionar.
- Enllaç a URL: permet crear un enllaç o fer una redirecció cap a una altra web o a un document PDF. Hauràs d'introduir la URL que correspongui.
- Consulta Documents i imatges per saber Com obtenir la URL d'un document.
- Nom: si la web és en diferents idiomes, cal traduir el nom clicant sobre la icona d'idioma.
- Fes clic al botó Desa.
Veuràs que la nova pàgina t'apareix al final. La pots canviar de lloc i de nivell, arrossegant-la.
Per modificar l'enllaç d'una pàgina existent:
- Desplega el menú d'administració
- Ves a Constructor de llocs web > Pàgines del lloc web
- Cerca la pàgina corresponent, dins de l'estructura de pàgines
- Fes clic al menú d'opcions i selecciona Configura
- A la pestanya General, podràs modificar la URL o la pàgina de destí.
Canviar o traduir el nom d'una pàgina
- Desplega el menú d'administració
- Ves a Constructor de llocs web > Pàgines del lloc web
- Cerca la pàgina corresponent, dins de l'estructura de pàgines
- Fes clic al menú d'opcions i selecciona Configura
- A la pestanya General, modifica el Nom; si tens la web en diferents idiomes, cal que facis el canvi en cadascun dels idiomes clicant sobre la icona d'idioma.
- Si personalitzes el camp d'URL amigable, tingues present que es poden trencar enllaços i fes servir la mateixa URL per als diferents idiomes.
- No t'oblidis de desar els canvis!
També pots accedir a aquesta configuració quan visualitzes la pàgina clicant a Configura la pàgina
Reorganitzar les pàgines a la navegació
- Desplega el menú d'administració
- Ves a Constructor de llocs web > Pàgines del lloc web.
- Per canviar la ubicació d'una pàgina cal arrossegar-la a la posició desitjada. La pots canviar de lloc i de nivell. Els canvis que facis es veuran reflectits immediatament a la navegació de la web. Això no afecta la URL de la pàgina.
Amagar una pàgina de la navegació
Aquesta opció ens pot ser útil en casos com aquests:
- quan creem una pàgina nova i no volem que estigui disponible fins que no hi hàgim afegit contingut
- quan la pàgina conté informació a la qual s'ha d'accedir passant prèviament per una altra pàgina
- quan no volem que sigui una opció del menú i hi donem accés des d'un Destacat, Slider, etc.
Per amagar una pàgina
- Desplega el menú d'administració
- Ves a Constructor de llocs web > Pàgines del lloc web.
- Cerca la pàgina corresponent, dins de l'estructura de pàgines.
- Fes clic al menú d'opcions i selecciona Configura.
- Canvia el valor d'Amagada del giny del menú de navegació:
- NO, per mostrar la pàgina al menú de navegació de la web.
- SÍ, per amagar la pàgina del menú.
- No t'oblidis de desar els canvis!
Esborrar una pàgina
Quan elimines una pàgina, els seus continguts segueixen existint. Si no són vigents, tingues en compte que, abans d'eliminar la pàgina, has de desplaçar-ne els continguts a la paperera.
Per esborrar una pàgina:
- Desplega el menú d'administració
- Ves a Constructor de llocs web > Pàgines del lloc web.
- Cerca la pàgina corresponent, dins de l'estructura de pàgines.
- Fes clic al menú d'opcions i selecciona Esborra.
- Abans d'esborrar la pàgina, et demana la confirmació per dur a terme aquesta acció.
També pots accedir a aquesta configuració quan visualitzes la pàgina clicant a Configura la pàgina
El menú de la web
Es construeix de forma automàtica a partir de l'estructura de pàgines de la web. S'hi mostren només les pàgines de primer i segon nivell que no s'hagin amagat de la navegació.
Per navegar a les pàgines a partir del tercer nivell has de preveure un punt d'accés:
- un enllaç des d'algun contingut (Slider, Enllaços amb icones, Destacats, etc.). Els canvis de noms, URL o pàgines noves s'han d'actualitzar manualment
- un Mapa del lloc. Els canvis de noms, URL o pàgines noves s'actualitzen automàticament
Com es veu en ordinador
El menú de la web es troba a la part superior, en disposició horitzontal, i es mostra en dos nivells.
- Una pàgina de primer nivell representa una opció o "pestanya" del menú horitzontal que desplega a sota les seves pàgines de segon nivell.
- El nombre d'opcions visibles pot variar segons l'amplada de la pantalla del dispositiu; les opcions "que no hi càpiguen" quedaran agrupades en una opció "Més...", que desplega tot el menú a la dreta.
Com es veu en mòbil
El menú es presenta sempre en format vertical, desplegable.
Conjunt de pàgines
Quan tens un conjunt de pàgines que pengen d'una pàgina principal, però aquesta pàgina principal no ha de tenir contingut, pots crear-la com a Conjunt de pàgines (i així t'estalvies haver de posar-hi un Mapa web). Aquesta pàgina "conjunt" es mostra al fil d'Ariadna, però no és clicable ni s'hi va mai directament.
Segons en quina posició estigui dins de la web, la forma de visualitzar-ho al menú pot variar:
- Si està a primer nivell, es mostra al menú principal de la web, no és clicable però sí que es mostren les seves subpàgines.
- Si està a segon nivell, no es mostra al menú (perquè de fet no és clicable), però sí que es mostrarà en un mapa web. Exemple: Taules i gràfics de la Memòria UPF