Breadcrumbs: què són i com activar-los en el teu web

S’ha afegit en PortalEdu la possibilitat d’utilitzar breadcrumbs (molles de pa). Esta funcionalitat permet mostrar a l’usuari la ruta de navegació dins de la web.

Què són els breadcrumbs?

Els breadcrumbs són un element de navegació que mostra al visitant en quin lloc de la web es troba i com ha arribat fins a eixa pàgina. Se solen mostrar com una seqüència d’enllaços separats per un símbol, per exemple:

Inicie > Notícies > Activitats > Excursió al museu

Cada element de la ruta és un enllaç que permet tornar fàcilment a nivells anteriors de la web.

Per a què servixen?

Els breadcrumbs ajuden a:

  • Orientar a l’usuari dins de l’estructura del lloc.
  • Millorar la navegació, ja que permeten tornar a seccions anteriors ràpidament.
  • Facilitar l’exploració de continguts relacionats.
  • Millorar l’experiència d’usuari, especialment en webs amb moltes pàgines o categories.

On es mostren?

Quan estan activats, els breadcrumbs apareixen just damunt del títol del post o pàgina, mostrant la ruta de navegació fins a eixe contingut.

Com activar-los o desactivar-los?

Pots activar o desactivar els breadcrumbs des del panell d’administració:

Aparença → GVA Capçalera i Peu

Dins d’esta pantalla trobaràs un botó On / Off que permet habilitar o deshabilitar esta funcionalitat.

Una vegada activats, els breadcrumbs es mostraran automàticament en els continguts del lloc.

Com es construïxen els breadcrumbs?

Els breadcrumbs reflectixen l’estructura jeràrquica de les pàgines del lloc.
Si el menú del lloc s’ha creat utilitzant pàgines, cada nivell d’eixa jerarquia apareixerà com un element dins dels breadcrumbs.

Per exemple, si tens la següent estructura de pàgines:

  • Inici
  • Centre
    • Història
    • Instal·lacions
  • Informació Acadèmica
    • Calendari Escolar

Si el visitant accedix a la pàgina Calendari Escolar, els breadcrumbs es mostraran així:

Inici > Informació Acadèmica > Calendari Escolar

Cada element representa una pàgina superior en l’estructura i permet tornar fàcilment a ella.

Recomanació

Perquè els breadcrumbs funcionen correctament, és recomanable:

  • Crear els menús utilitzant pàgines jeràrquiques. Més informació ací
  • Organitzar les pàgines en nivells (pàgina pare i pàgines filles).
  • Mantindre una estructura clara del lloc.

D’esta manera, els breadcrumbs mostraran correctament la ruta de navegació i ajudaran els visitants a moure’s per la web de forma més intuïtiva.

Què són les àncores i com usar-les en Gutenberg?

Les àncores (o enllaços àncora) permeten crear enllaços que porten directament a una part concreta d’una pàgina o entrada. Són molt útils per a índexs de contingut, preguntes freqüents o pàgines llargues on volem facilitar la navegació al lector.

Podem veure un exemple d’esta mena d’enllaços en el següent índex de continguts per a esta entrada

Què és una àncora?

Un ancora és un identificador únic que s’assigna a un bloc dins de la pàgina. Després, pots crear enllaços que apunten directament a eixe punt usant el símbol #.

Per exemple:
https://portal.edu.gva.es/centro/entrada#ancla1 portarà a l’usuari al bloc que tinga l’àncora ancla1.

Com crear una àncora en Gutenberg

  1. Selecciona el bloc al qual vulgues enllaçar (per exemple, un encapçalat).
  2. En el panell dret, obri la pestanya Avançat.
  3. Busca el camp Àncora HTML.
  4. Escriu un nom curt, sense espais ni accents (exemple: servicis, faq, contacte).

Com crear un enllaç cap a l’àncora

  1. Selecciona el text o botó des d’on vulgues enllaçar.
  2. Afig un enllaç usant #nom-del-ancora.

Exemple:

  • Si l’àncora és crear_ancora, com en el cas de la segona entrada del nostre índex. L’enllaç serà 👉 #crear_ancora.

També pots enllaçar des d’una altra pàgina usant la URL completa:
https://portal.edu.gva.es/centro/entrada#crear_ancora

Consells ràpids

  • Usa noms clars i simples.
  • Evita espais i caràcters especials.
  • Les àncores funcionen especialment bé amb blocs d’Encapçalat (H2, H3…) per a crear índexs automàtics.

Les àncores milloren l’experiència de l’usuari i fan que navegar per continguts llargs siga molt més ràpid i còmode.

Bloc contenidor animat

Este bloc ens permetrà:

  • Agrupar blocs amb fons animat d’imatges amb efectes
  • Mostrar una animació d’imatges amb efectes

Este és un bloc titular sobre el contenidor animat

Et mostrarem com utilitzar-lo:

1.-Inserim el bloc

Afegim el bloc “Contenidor Animat”. Ens apareixerà en el llenç, en forma de rectangle.

Fent clic sobre el +, podem afegir altres blocs al contenidor, que quedaran agrupats i tindran el fons comú. En este cas, afegirem un bloc titular.

Triarem un color de text blanc i un fons gris amb transparència, de manera que ressalte el text sense tapar les imatges.

Ajustarem el format del titular al nostre gust, modificant:

  • Negreta (pes de la font)
  • Grandària de la font
  • Color de text: blanc
  • Color del fons: gris amb transparència
Bloc Titular: Selecció de color amb transparència per al fons

2.-Ajustem l’altura del contenidor i altres opcions d’aspecte

Per defecte, el contenidor es mostra a ample complet i amb una altura mínima. És important configurar l’altura que desitgem mostrar.

En este cas, hem ajustat:

  • Altura: 400px
  • Alineació vertical: Centre
  • Alineació horitzontal: Centre

3.-Configuració del fons (animat)

Disposem de tres opcions:

  • Imatge estàtica
  • Color sòlid
  • Degradat
  • Imatge lliscant

En este exemple, triarem esta última, ja que les altres opcions les tenim també en el bloc contenidor de generateblocks.

En seleccionar l’opció d’Imatge lliscant en el tipus de fons ens apareix l’opció de crear una galeria (selecció d’imatges) que es mostraran dinàmicament en el fons del contenidor. Podem triar també algun dels efectes de transició que se’ns oferixen.

Una vegada seleccionades de la mediateca les imatges, polsarem el botó “Crear una galeria nova”, a baix, a la dreta.

Ara se’ns mostraran només les imatges seleccionades i polsarem el botó: “Inserir una galeria”

Una vegada inserida la galeria, apareixerà en el llenç el nostre fons animat amb imatges.

A més, es mostrarà una previsualització de les imatges en el panell dret de configuració.

És el moment de provar diferents efectes d’animació per a deixar el nostre bloc llest!

Pàgines i entrades multilingües

En Portaledu, les pàgines i entrades poden ser multilingües. De fet, com a allotjament de portals institucionals, les portades de tots els portals i la majoria dels continguts els trobarem en valencià i en castellà. Quan un contingut és bilingüe, trobarem el commutador d’idioma en la capçalera, dalt a la dreta:

Per a crear continguts bilingües seguirem els passos següents:

1.-Creem el contingut original en un idioma

Creem un nou post o pàgina en l’idioma que desitgem. Podem comprovar l’idioma en què està configurat el contingut des de l’edició, botó d’idioma, dalt a la dreta.

Guardem les modificacions. Publiquem quan tinguem el contingut acabat. A continuació veurem diferents formes de crear la traducció (versió en altre idioma) del nostre contingut original.

Important: Per tal que es mostre el commutador d’idioma en un contingut, cal que estiguen publicades les versions en els idiomes corresponents.

2.-Generem la traducció. Opció 1: còpia del contingut original

En este pas, generarem el contingut en l’altre idioma, en este cas, en castellà. Utilitzarem esta opció si volem fer nosaltres mateixos la traducció.

Novament, des de la secció d’idioma, dalt a la dreta, mentre editem el contingut, farem clic sobre el + per a crear l’entrada en l’idioma corresponent (identificat per la bandera).

Si volem que el nou contingut siga creat com a còpia de l’original, per tal de conservar tota l’estructura (columnes, imatges, blocs), ens assegurarem que estiga marcada la icona de “Duplicació de contingut”, identificada per dos rectangles solapats.

No oblideu guardar el contingut en l’idioma original abans de crear la traducció.

Es crearà immediatament una nova entrada o pàgina que serà una còpia de l’entrada o pàgina original, si bé estarà classificada amb l’altre idioma. Ambdós continguts quedaran associats o emparellats, l’un com a traducció de l’altre.

Una vegada creada, podem realitzar la traducció dels textos que calga modificar.

3.-Generem la traducció. Opció 2: Traducció automàtica amb Salt

Usarem esta opció quan vulguem una traducció automàtica dels textos de la pàgina. Caldrà fer una revisió de la traducció per part de l’usuari.

4.-Vincular continguts en diferents idiomes

En qualsevol moment podem associar continguts fets en diferents idiomes des de la configuració d’idioma del contingut, mentre estem editant-lo:

Per a fer-ho, teclejarem el nom del contingut que vulguem associar com a traducció. Immediatament apareixeran, per a seleccionar, els continguts que existisquen en l’idioma corresponent i que no tinguen parella encara.

5.-Vista dels vincles de traducció des del llistat d’entrades

Des del llistat d’entrades o pàgines, en el tauler, podem veure en quin idioma està classificat el nostre contingut i també si el contingut té parella de traducció:

La bandera indica l’idioma del contingut. Un llapis indica que el contingut està traduït a aquest idioma i si fem clic sobre ell, iniciarem l’edició d’eixa traducció.

Si en comptes d’un llapis, hi ha un +, indica que no hi ha traducció en eixe idioma per al nostre contingut.

Ocultar blocs i programar la seua visibilitat

Si vols ocultar alguna part del teu contingut (un o diversos blocs) temporalment, de manera que no siguen visibles per als visitants, pots fer-ho amb la nova funcionalitat de “visibilitat” que trobaràs en la configuració de qualsevol bloc.

1.-Opcions de configuració

  • Sempre visible: És l’opció per defecte. El bloc es mostra normalment.
  • Sempre ocult: Si selecciones esta opció, el bloc no es visualitzarà en el contingut.
  • Programat: Permet establir un interval temporal en què es visualitzarà el contingut (Data i hora d’inici, data i hora de fi). És important tindre en compte que la cau de Portaledu pot interferir en este horari. Simplificant l’explicació, l’horari programat pot patir un retard de fins a 30 minuts, tant en el seu moment d’inici, com en el seu moment de fi. Si desitges que el contingut es mostre exactament a una hora concreta, has de gestionar la visibilitat manualment, utilitzant les opcions de sempre visible o sempre ocult i polsant el botó de guardar la pàgina o entrada.

2.-Ocultar diversos blocs

No hi ha límit en el nombre de blocs a ocultar. Cada bloc té la seua pròpia configuració de visibilitat i es pot configurar de manera independent de la resta.

Si desitges ocultar diversos blocs de contingut simultàniament pot ser bona idea agrupar-los en un contenidor.

3.-Efecte de la cau sobre l’horari programat

Perquè tots els sites de Portaledu tinguen un bon rendiment i es puga afrontar l’elevada càrrega de visites al nostre portal, tenim desplegat un servidor de memòria cau que despatxa els continguts prèviament sol·licitats i processats pel servidor d’aplicacions. Això alleuja la càrrega dels servidors principals. Normalment este sistema és transparent i no afecta als usuaris perquè, cada vegada que un editor actualitza (guarda) un post, s’indica al servidor de cau que el contingut s’ha de refrescar, és a dir, s’invalida la cau.

Però en este cas d’esdeveniments programats, és important tindre en compte que la cau de Portaledu pot interferir en l’horari. Simplificant l’explicació, l’horari programat pot patir un retard de fins a 30 minuts, tant en el seu moment d’inici, com en el seu moment de fi. Si desitges que el contingut es mostre exactament a una hora concreta, has de gestionar la visibilitat manualment, utilitzant les opcions de sempre visible o sempre ocult i polsant el botó de guardar la pàgina o entrada. O bé mantindre la programació, però donar-li al botó de guardar l’entrada just quan desitges que el canvi es transmeta als visitants, ja que el guardat invalida la cau.

4.-Recomanacions sobre l’ocultació de blocs

Et recomanem que no deixes blocs permanentment ocults “per si de cas”, ja que estos blocs sense ús ocupen recursos del sistema i perjudiquen el rendiment de l’aplicació, alentixen l’edició del contingut, etc.

Si vols guardar un o diversos blocs que no vages a utilitzar ara, recomanem copiar-los i pegar-los en algun contingut que pot fins i tot estar en esborrany (no publicat).

Vista de llista de blocs en gutenberg

En este article explicarem la vista de llista de blocs de l’editor Gutenberg de WordPress, la seua utilitat, el funcionament de l’arrossegament i reordenació de blocs, i els avantatges específics quan es treballa amb blocs contenidors.

1.-Introducció

La vista de llista de Gutenberg (o List View) és una de les ferramentes més potents i menys aprofitades de l’editor de blocs de WordPress. Encara que a simple vista Gutenberg funciona de forma molt visual —fent clic sobre cada bloc directament en el llenç—, la vista de llista oferix una forma alternativa, més precisa i eficient de treballar amb continguts complexos.

La vista de llista és un panell lateral que mostra tots els blocs del contingut en forma d’estructura jeràrquica, com si fora un arbre.

Permet visualitzar:

  • Quins blocs conté cada secció
  • Els blocs niats dins d’uns altres (columnes, contenidors, files…)
  • L’estructura real del document

És especialment útil quan la teua pàgina:

  • Té molts blocs
  • Inclou maquetacions complexes
  • Usa contenidors niats
  • Treballa amb blocs que visualment són difícils de seleccionar

Pots obrir-la des de la icona amb forma de llista en la barra superior de l’editor.

Edició del post - Botó resum del document
En edició del post: Botó Resum del Document

Edició del post - Vista de llistes
En edició del post: Vista de llista

2.-Utilitat de la vista de llista de blocs

1. Selecció precisa de blocs

A vegades seleccionar un bloc concret en el llenç és complicat, especialment si està dins de diversos nivells d’implantació.
En la vista de llista només has de fer clic en el seu nom.

2. Comprensió visual de l’estructura

Quan treballes amb contenidors, columnes o seccions complexes, veure la jerarquia t’ajuda a entendre millor:

  • Què depén de què
  • Si un bloc està dins o fora del contenidor correcte
  • Com està organitzat realment el contingut

3. Més rapidesa en editar

Editar noms, moure blocs, duplicar o reorganitzar és molt més ràpid ací que usant només el llenç.

3.-Arrossegar i moure blocs des de la vista de llista

En la vista de llista pots arrossegar un bloc i soltar-lo en un altre lloc.
No sols pots reordenar-los dins del mateix nivell, sinó també moure’ls entre diferents nivells d’implantació, alguna cosa que en el llenç sol resultar incòmode.

Com funciona l’arrossegament?

  • Fes clic en el bloc que vulgues moure.
  • Mantín polsat i arrossega a la posició on vols col·locar-lo.
  • Veuràs una línia blava que indica on se soltarà.

El sistema és especialment útil quan:

  • Una pàgina té desenes de blocs
  • Els blocs tenen poc contingut visual (espaiadors, contenidors buits…)

Pots seleccionar diversos blocs utilitzant la tecla MAJÚSCULES + CLIC esquerre del ratolí.

4.-Opcions sobre cada bloc

Si fas clic sobre els tres punts verticals, a la dreta de qualsevol bloc, observaràs que emergix un menú contextual on s’oferixen diferents accions com: Copiar, Duplicar, Afegir abans, Afegir després, Eliminar…

5.-Agrupar blocs dins d’un contenidor

Una de les accions més interessants és arrossegar diversos blocs dins d’un contenidor, com el que incorpora Portaledu, de GenerateBlocks.

Què aporta això?

✔ Reorganització instantània

Passa contingut solt a un contenidor sense haver de tallar i pegar.

✔ Control total sobre el disseny

Tot el que està dins del contenidor pot:

  • Compartir estils comuns
  • Tindre un fons comú
  • Convertir-se en una secció reutilitzable

✔ Neteja estructural

La vista de llista et permet verificar que el bloc està realment dins del contenidor correcte —una cosa que visualment, a vegades,no és evident.

6.-Copiar i pegar blocs

Ús de patrons en Portaledu

Com sabeu, WordPress oferix una sèrie de patrons (o plantilles) genèrics que podem incorporar a les nostres entrades o pàgines. Estos patrons ens oferixen dissenys concrets, elaborats amb blocs de l’editor estàndard. Una vegada afegits al nostre contingut, podrem editar-los i personalitzar-los al nostre gust. Vegem com fer-ho.

1-Accés als patrons

Quan creem una nova entrada o pàgina, o bé en editar qualsevol de les quals ja tenim creades, podem afegir patrons. Per a això, farem clic sobre el “+” que apareix en la part superior esquerra de l’editor:

Tecla més per a afegir blocs o patrons

Després de fer clic, se’ns obrirà un panell a l’esquerra, per a afegir blocs, patrons o fitxers. Seleccionarem la pestanya de patrons:

Panell esquerre afegir patrons

2-Llistat de patrons

En fer clic sobre Patrons ens apareixerà un llistat de categories de patrons. La majoria venen per defecte amb WordPress. Us animem a donar una ullada per si us interessa algun disseny.

En tot cas, Portaledu ha incorporat la seua pròpia col·lecció de patrons, que trobareu en la categoria amb el seu nom.

3-Patrons de Portaledu

Portaledu oferix una selecció de patrons confeccionats amb blocs estàndard, tant genèrics com propis de Portaledu. En fer clic sobre la categoria Portaledu, es mostraran a la dreta els patrons corresponents. Si passem el ratolí per damunt d’algun d’ells, es mostrarà una descripció d’este.

Panell esquerre. Patrons Portaledu

4-Inserir un patró

Afegir un patró al nostre contingut és tan fàcil com fer clic sobre este. En fer-ho, apareixerà automàticament en el nostre contingut. Un missatge emergent ens notifica l’esdeveniment (Patró de bloc “nom del patró” afegit)

Patrons Portaledu. Inserir patró.

5-Idioma dels patrons de Portaledu

Els patrons no tenen idioma assignat, ja que són simplement plantilles de blocs, pensades per a facilitar diferents dissenys de maquetació, sent el contingut de textos i imatges irrellevant. Així, trobarem en els patrons, textos en diferents idiomes i també imatges que estan pensats per a ser editats i substituïts, adaptant cada usuari el seu contingut.

6-Ampliació de la col·lecció de patrons

Portaledu anirà ampliant la seua col·lecció de patrons en funció de les necessitats detectades. Comprova de tant en tant la categoria de patrons de Portaledu, per si hi haguera alguna novetat.

Ús de categories

1-Com ens ajuden les categories en wordpress?

Les categories de WordPress ens permeten agrupar les entrades en grans grups per a poder gestionar o visualitzar aquelles entrades relacionades amb eixa categoria. Un lloc web pot tindre categoritzats diferents temes. Per exemple, novetats, secretaria, general, preguntes freqüents, o nivells educatius com a primària, secundària, etc…

La categorització del contingut és útil en molts aspectes:

  • Donar-li a l’usuari una experiència còmoda on li siga ràpid trobar informació sobre un tema.
  • Quan un usuari entra en un article i li agrada el seu contingut, pot continuar llegint sobre altres assumptes relacionats accedint als altres articles de la categoria.
  • El contingut estructurat de la nostra web pot ajudar al posicionament, ja que els robots d’indexat poden llegir i categoritzar el contingut de manera àgil.

En Portaledu disposem de diferents blocs capaços de mostrar, de diferents formes, les entrades d’una mateixa categoria. Això ens permet que qualsevol nova entrada categoritzada i publicada puga mostrar-se automàticament en les pàgines configurades amb eixos blocs dinàmics.

Al final d’aquest post, trobaràs tota la informació sobre estos blocs.

2-Afegir una categoria

Des del menú de Categories (Entrades –> Categories), podem crear una categoria per a després associar qualsevol entrada a esta. Crear una categoria és simple; el formulari de creació ens explica què és cada cosa perquè no ens perdem.

Formulari afegir nova categoria
Exemple formulari nova categoria
Formulari afegir nova categoria (novetats)
Exemple formulari farcit nova categoria (Novetats)

Com es pot veure, en el formulari, apareixen explicacions de tots els apartats: Nom, Slug, Categoria mare, Descripció i Idioma. Fem èmfasi en el camp slug, que serà l’identificador de la categoria. Es recomana que siga el més clar i senzill possible perquè els visitants entenguen quin contingut estarà adscrit a eixa categoria.

3-Categoria en diversos idiomes. Traduccions.

Els llocs web en Portaledu són habitualment bilingües o multilingües. Necessitarem crear les traduccions per a cada categoria i enllaçar-les entre si. Posem un exemple:

Si hem creat la categoria Novetats, en valencià:

  • Nom: Novetats
  • Slug: novetats-va
  • Categoria mare: cap
  • Descripció: Categoria per a classificar els novetats del portal
  • Idioma: Valencià

Crearem el seu equivalent en castellà:

  • Nom: Novedades
  • Slug: novetats-es
  • Categoria mare: ninguna
  • Descripció: Categoría para clasificar las novedades del portal
  • Idioma: Castellano

Una vegada creades les dos categories, editarem una d’elles i li assignarem la seua traducció, des del camp Traduccions. Simplement teclejant el nom de la categoria en l’idioma corresponent, WordPress ens oferirà l’opció.

Editar categoria. Associar traducció.
Assignar traducció a una categoria

Una altra opció, que podeu explorar, és generar la traducció des del llistat de categories. En este cas, crearíem la categoria en el primer idioma i després, des del llistat de categories, utilitzarem l’opció de “+” o “crear traducció” com mostrem en la imatge següent:

Categoria. Crear traducció des de el llistat.

Una vegada creades i aparellades les traduccions, podem comprovar en el llistat que ja no apareix el “+” de crear traducció, sinó una icona d’un llapis, per a editar les traduccions:

Categories. Parella de traduccions.

4-Administrar categories

Des del menú de categories, podem editar, esborrar i actualitzar les categories. El llistat és idèntic a com es mostren les entrades o les pàgines de WordPress. Es mostra el seu nom amb les opcions d’Edició, Edició Ràpida, Esborrar o Veure.

5-Categoria per defecte

WordPress afig la categoria anomenada ‘Sense categoria’ per defecte, ja que tots les entrades s’afigen a esta categoria per a tindre un orde a pesar que l’usuari no utilitze les categories o s’afigen a esta categoria especial per a saber si existix una entrada sense categoritzar.

Esta categoria es pot modificar, però no esborrar. Si no volem mostrar esta categoria als nostres visitants, simplement hem d’assegurar-nos que cap entrada pertany a la categoria “Sense categoria”.

És una pràctica habitual, canviar de nom eixa categoria (i el slug) a “General”:

Categoria General (Sense categoria)

Per a saber quantes entrades pertanyen a una categoria, basta mirar, en el llistat de categories, el número que es mostra a la dreta. Si fem clic sobre este número, es mostraran les entrades adscrites a eixa categoria.

Nombre d'entrades associades a cada categoria.
Llistat de categories amb nombre d’entrades associades a cada una

6-Com categoritzar una entrada?

Es pot fer de dos formes: des de l’edició ràpida de cada post o bé editant l’article, des de la barra lateral d’utilitats. Recomanem la segona opció, ja que en l’edició ràpida no apareixen totes les possibilitats d’edició de les entrades.

Quan estem editant l’entrada o durant la creació d’esta, podem observar que hi ha un xicotet requadre on posa ‘Categories’. En ell, podrem observar totes les categories que tenim ja agregades, les més utilitzades o fins i tot crear categories noves si es necessita alguna en un moment específic. Òbviament, no podrem afegir tota la informació des d’este panell, però podem crear ràpidament una categoria perquè el nostre article no quede sense categoritzar.

Edició del post. Assignar categoria.

En la imatge de dalt, podem veure la categoria seleccionada per a l’entrada que estem editant.

7-Com mostrar les entrades d’una categoria

Tenim moltes maneres de fer-ho!

BLOCS QUE MOSTREN ENTRADES

Diferència entre Pàgina i Entrada en WordPress

En WordPress, els continguts s’organitzen principalment en dos tipus: pàgines i entrades. Encara que els dos són elements que publiquem en la web, complixen funcions diferents i és important saber quan usar cada un.

Exemple de pàgina de portada (estructura fixa) que mostra contingut dinàmic (entrades de la categoria “Notícies”) mitjançant un bucle de consulta.

1.-Què és una Pàgina?

Una pàgina és un contingut estàtic o amb estructura estàtica, pensat per a informació o aparença que no canvia amb freqüència. Exemples típics en la web d’un centre educatiu són:

  • Portada
  • Secretaria
  • Departaments
  • Qui som
  • Oferta educativa
  • Contacte
  • Normativa del centre

Les pàgines no s’ordenen per data i no formen part del blog o de les notícies. Són ideals per a informació permanent o bé per a mantindre una estructura fixa, mostrant informació dinàmica i actualitzada. És un cas habitual utilitzar les pàgines per a mostrar entrades recents, novetats, etc.; la pàgina manté una estructura però el contingut que mostrano és estàtic.

Les pàgines solen estar referenciades en el menú horitzontal del lloc web.

Ací tens un exemple d’una pàgina:

Portaledu Inici


2.-Què és una Entrada?

Una entrada és un contingut dinàmic, pensat per a publicar notícies, novetats o articles que s’organitzen cronològicament o es poden agrupar per categories. Exemples:

  • Publicació d’activitats recents
  • Avisos importants
  • Esdeveniments del centre
  • Projectes de l’alumnat

Les entrades es poden categoritzar i etiquetar, la qual cosa permet agrupar-les per temes (per exemple: “Notícies”, “Novetats”, “Primària”, “Secundària”, “Activitats extraescolars”). Trobaràs informació al respecte en Ús de categories – Portaledu.

Ací tens un exemple d’una entrada:


3.-Com es relacionen en Portaledu?

En Portaledu, les pàgines no sols mostren contingut estàtic, sinó que també poden incloure entrades categoritzades mitjançant diferents formats:

  • Carrusel d’entrades: mostra les últimes notícies en forma d’imatges lliscants. (+info).
  • Visor lliscant: permet navegar entre diverses entrades destacades. (+info).
  • Bucle de consulta: llesta entrades segons criteris (categoria, data, autor). (+info).
  • Acordió d’entrades: organitza les notícies en panells desplegables. (+info).
  • Pestanyes amb entrades: agrupa continguts per categories en diferents pestanyes (+info).

Això significa que una pàgina pot convertir-se en un contenidor dinàmic, mostrant informació actualitzada sense perdre el seu caràcter estructural.


4.-Quan usar Pàgina i quan Entrada?

  • Usa una Pàgina per a informació fixa i estructural (per exemple, “Portada”, “Calendari escolar” o “Projecte educatiu”).
  • Usa una Entrada per a notícies, avisos i continguts que tenen caràcter temporal (per exemple, “Excursió al museu” o “Resultats del concurs literari”) o ben continguts que es poden classificar en una categoria o temàtica com a “Preguntes Freqüents”, “Novetats”, “Formació”, “Secretaria”. Les entrades que pertanyen a una mateixa categoria poden mostrar-se fàcilment en una o diverses pàgines, a través dels blocs esmentats anteriorment.

Consell pràctic:
Si vols que les famílies troben fàcilment les novetats, publica-les com a entrades i utilitza les pàgines per a organitzar eixes entrades per categories, usant els mòduls dinàmics que oferix Portaledu.

Més informació pràctica ací:

Naix el ‘Centre en Proves’!

Desde Portaledu presentem una nova pàgina web formativa d’un centre fictici creada per a aprendre, inspirar i mostrar totes les possibilitats que oferix una web de centre en Portaledu amb l’editor estàndard que és el ‘Centre en Proves!’

Ací podràs:

💡 Descobrir exemples reals de disseny i estructura web
🧭 Accedir a píndoles formatives integrades en cada bloc
🛠️ Conéixer trucs i recursos per a millorar la presència digital del teu centre

Avís de privacitat

Este lloc web utilitza només cookies tècniques necessàries per al seu funcionament. No s’emmagatzemen dades amb finalitats publicitàries ni es comparteixen amb tercers. S’utilitza analítica interna sense cookies, i només es recull la IP amb finalitats de seguretat.

Veure política de cookies