Amb el bloc d’iframe podrem inserir iframes de forma senzilla en les pàgines i posts de PortalEdu.
1-Des de l’editor estàndar, busquem el bloc:
2-Introduïm l’URL que volem inserir com a iframe (ha de començar per https://):
3-Quan hàgem completat l’URL, apareixerà la pàgina referida:
4-Ara podem configurar la resta d’opcions, en la columna de configuració, a la dreta:
Podem configurar:
Amplada: responsiva en % o absoluta en píxels.
Alçada: la configurarem sempre en píxels.
Barra de desplaçament: Depenent del contingut, quan estiga activa, es mostrarà la barra de scroll a la dreta per tal de navegar l’iframe de dalt a baix.
Permet pantalla completa: Depenent del contingut, permetrà que l’iframe ocupe tota la pantalla.
Càrrega diferida: Carrega el contingut de l’iframe després de pintar la resta de contingut de la pàgina on es trobe. Així accelerem la càrrega de la pàgina de PortalEdu.
És possible inserir iframes amb el shortcode corresponent, tant des de l’editor de WordPress com des de l’editor visual. Per exemple:
Exemple no permés:
Exemple permés:
Per tal d’inserir l’iframe des de l’editor de blocs, podem escriure directament el shortcode, amb la sintaxi que es veu en els exemples anteriors. Alternativament, podem afegir un bloc de “Codi de substitució” o bé un bloc “HTML personalitzat” i escriure-hi dins el codi de l’iframe,
Cal tindre en compte que no tots els llocs permeten ser embeguts i que en PortalEdu només funcionaran URLs HTTPS.
En cas que vulgueu mostrar continguts d’altres webs, una altra alternativa és que utilitzeu en el Menú de pàgines de la vostra web un element de tipus Enllaç Personalitzat.
Precaucions quan inserim iframes:
Quan obtenim un codi d’iframe de continguts externs, hem de revisar i editar si cal, alguns paràmetres del codi, si no volem que el contingut incrustat ocupe tota la pàgina o la deixe inutilitzable.
Així, per exemple, aquest es un codi d’inserció obtingut de genially (que no podem inserir directament):
Per tal d’inserir-lo en el nostre post, hauríem de eliminar, o ajustar, alguns parámetres, com aquests: width=”1600px” height=”901px” position: absolute; top: 0; left: 0;
A més a més, hem d’utilitzar el shortcode d’iframe. Quedaria així:
O si volem especificar l’alçària en pixels (p.e 500px):
Us recordem que és il·legal la publicació no autoritzada de material subjecte a drets d’autor (llibres, material d’editorials, cançons, vídeos, imatges…).
Es tracta d’una extensió per a visualitzar i administrar les dades del centre educatiu.
Només l’administrador del lloc podrà veure o editar la informació del centre.
Per a accedir a la finestra principal del plugin s’ha de navegar des de l’escriptori del lloc del centre a: Herramientas > Informació del Centre
Des d’ací es podran veure i modificar dades del centre com el seu nom, URL, direcció, etc.
Si es vol modificar la imatge simplement cal fer clic sobre el botó “Upload image” i a continuació seleccionar una foto de la biblioteca d’imatges, o bé pujar una nova imatge.
Una vegada realitzats tots els canvis cal polsar sobre el botó “Guardar”.
La funcionalitat d’URL Amigable canvia l’URL del site. A més a més, quan es tracta de centres educatius, estableix una redirecció de manera que qualsevol URL muntada amb els codis de centre serà redirigida a l’URL amigable corresponent (ex. portal.edu.gva.es/03010831/* –> portal.edu.gva.es/iesaltaia/*).
Widget d’escriptori
Disposem d’un eines en l’escriptori de WordPress amb el format següent:
Widget de visualizació
Podem mostar la informació del centre des d’Aparença > Eines configurant la pantalla següent:
I es veurà de la manera següent amb imatge superior o amb imatge lateral, respectivament:
En cas que el centre tinga llocs vinculats (p. ex. de l’AMPA), el giny mostrarà també una llista d’aquests llocs en una nova pestanya.
Shortcode
És possible pintar el widget d’informació del centre en qualsevol post mitjançant un shortcode:
Alguns llocs en PortalEdu publiquen podcasts de la ràdio escolar.
Aquests podcasts s’allotgen habitualment en el sharepoint DOCUMENTAR del centre i es publiquen en PortalEdu mitjançant un bloc d’Àudio.
Aquest bloc es configura amb l’URL del fitxer d’àudio.
Però això no és suficient si volem que els nostres podcasts siguen llegits correctament per diferents aplicacions de lectura de podcasts a través de feeds de RSS, com per exemple AntennaPod, o altres.
Per tal d’aconseguir el funcionament correcte amb eixes aplicacions, haurem d’afegir al nostre post un camp personalitzat de tipus enclosure, on afegirem les metadades del nostre fitxer de podcast.
Potser t’interesse consultar la informació sobre camps personalitzats:
1-Mentre editem el post, en la, part de baix, secció de camps personalitzats, busquem en el desplegable si existeix algun amb el nom enclosure. Si existeix, el seleccionem. Si no, farem clic sobre Introdueix un nou i escriurem: enclosure
2-Una vegada hàgem seleccionat el nom enclosure o bé l’hàgem afegit, haurem de completar el valor, de la següent manera, en tres línies diferents:
Línia 1: URL del post (la mateixa URL que hem posat en el bloc d’àudio)
Línia 2: 0 (zero)
Línia 3: audio/ogg (tipus de fitxer perquè ho puguen interpretar les aplicacions de lectura de podcats a través d’RSS)
3-I clicarem el botó “Afegeix un camp personalitzat”
4-Sempre que afegim un camp personalitzat, no hem d’oblidar clicar sobre Actualitza en el camp personalitzat mateix. També hem d’actualitzar el nostre post.
5-Finalment, és convenient invalidar la memòria cau del nostre lloc, si volem que els lectors de feeds RSS agarren els canvis ràpidament. Si no invalidem manualment, els lectors de feeds podran veure els canvis passada mitja hora aproximadament. En l’enllaç següent trobareu informació sobre com invalidar la cau:
WordPress permet la utilització de camps personalitzats en els posts. Aquests camps personalitzats o, en anglés custom fields, són metadades que s’associen als nostres posts amb diferents finalitats.
Si no hem utilitzat mai aquests camps personalitzats, potser haurem de configurar el nostre editor per tal d’accedir-hi a la configuració.
1-Aneu a la pantalla d’edició de qualsevol entrada o pàgina.
2-Feu clic sobre els tres punts de dalt a la dreta
3-En la part de baix, aneu a preferències:
4-En la secció Tauler –> Addicional –> Camps personalitzats
5-Activeu l’opció de camps personalitzats. Fixeu-vos que ens adverteix que el post ha d’estar guardat abans d’aplicar la configuració, per a no perdre res del que hàgem fet.
6-Cliqueu sobre Activa i recarrega; WordPress eixirà del post actual (per això havia d’estar guardat prèviament) i us obrirà un de nou, on podreu visualitzar els camps personalitzats en la part de davall:
7-D’ara en avant, tindreu a la vista els camps personalitzats sempre que editeu un post.
Trobareu informació addicional en el següent enllaç:
S’ha incorporat el plugin MetaSlider a PortalEdu. Amb aquesta versió inicial, els usuaris podran crear presentacions de diapositives i carrusels d’imatges. Sabem que aquesta és una funcionalitat molt demandada i que facilitarà la transició del Beaver Builder a l’editor de blocs estàndard, en aquells llocs on encara està funcionant l’editor visual.
En aquesta entrada, us mostrarem com crear un pas de diapositives bàsic amb el plugin MetaSlider. En aquesta versió inicial del plugin en PortalEdu, podrem només utilitzar imatges per a les presentacions.
01-En primer lloc, crearem la presentació, des de l’escriptori, secció MetaSlider
02-Una vegada hem accedit a la secció, farem clic sobre “Nou” (Afegir nou pas de diapositives)
03-Creada la nova presentació, començarem a afegir diapositives (imatges):
04-Tal com hem dit, amb aquesta versió podrem treballar només amb imatges. Podrem pujar imatges locals directament a la mèdia o utilitzar les que ja tenim en la biblioteca de mèdia del nostre lloc web:
05-Per cadascuna de les diapositives de la presentació, podrem definir un text que acompanye a la imatge, així com convertir aquesta imatge en un enllaç
06-En la part dreta trobem les opcions de configuració bàsica, que apliquen a tota la presentació, com ara, l’ample, l’alçada, l’efecte de transició, etc. Hem de tindre en compte que el plugin és capaç d’ajustar l’amplada de les imatges al tamany especificat. Tanmateix, l’alçada es retallarà o es mostrarà completa, segons les opcions avançades que configurem.
Per eixe motiu, és convenient que les imatges d’una mateixa presentació tinguen proporcions semblants, de manera que quede més homogènia.
07-En les opcions avançades, podem configurar, per exemple, que l’amplada s’ajuste al contenidor (ample 100%). Això farà que no es tinga en compte l’amplada configurada en les opcions bàsiques. També hi trobarem altres configuracions com el mode carrusel, el retard de la diapositiva, etc.
08-Quan ja tinguem preparada la presentació, podrem maquetar-la en qualsevol entrada o pàgina del nostre lloc. Per a fer-ho, utilitzarem el bloc de MetaSlider.
09-Inserit el bloc, ens ofereix utilitzar alguna de les presentacions que hàgem creat:
10-Seleccionat el pas de diapositives, podem previsualitzar el resultat:
A partir del proper dimarts 21 de març, les usuàries i usuaris de PortalEdu que s’autentiquen, hauran d’acceptar explícitamentles condicions d’ús del portal educatiu.
Els usuaris autenticats observaran que, en accedir, són redirigits a la visualització d’aquestes condicions d’ús.
Presentació als usuaris de les condicions d’ús.
Després d’acceptar-les, l’usuari podrà continuar normalment el seu treball en PortalEdu.
Acceptació de les condicions
Sempre que hi haja alguna modificació d’aquestes condicions, es repetirà el procediment.
Tal com s’ha informat des de fa dos cursos, el 31 de desembre de 2022, tots els webs de centre de Mestreacasa hauran d’haver passat a PortalEdu.
Al gener de 2023 s’ha tallat l’accés a aquests llocs web. S’ha activat la redirecció dels webs a PortalEdu de forma permanent.
Per a reportar qualsevol incidència al respecte, la direcció del centre haurà de ficar un tiquet al SAI (https://gvasai.edu.gva.es), en la cua de PortalEdu.
Utilitzem cookies per a assegurar que donem la millor experiència a l'usuari en el nostre lloc web. Si continua utilitzant aquest lloc assumirem que està d'acord. Avís legal.
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de acuerdo.Aviso legal.Acceptar / Aceptar
