Bloque iframe

Imagen Categoría Mejoras

Con el bloque de iframe podremos insertar iframes de forma sencilla en las páginas y posts de PortalEdu.

1-Desde el editor estándar, buscamos el bloque:

2-Introducimos la URL que queremos insertar como iframe (tiene que empezar por https://):

3-Cuando hayamos completado la URL, aparecerá la página referida:

4-Ahora podemos configurar el resto de opciones, en la columna de configuración, a la derecha:

Podemos configurar:

  • Anchura: responsiva en % o absoluta en píxeles.
  • Altura: la configuraremos siempre en píxeles.
  • Barra de desplazamiento: Dependiendo del contenido, cuando esté activa, se mostrará la barra de scroll a la derecha para navegar el iframe de arriba abajo.
  • Permite pantalla completa: Dependiendo del contenido, permitirá que el iframe ocupe toda la pantalla.
  • Carga diferida: Carga el contenido del iframe después de pintar el resto de contenido de la página donde se encuentre. Así aceleramos la carga de la página de PortalEdu.

Inserción de iframes con código de sustitución (shortcode)

Es posible insertar iframes con el shortcode correspondiente, tanto desde el editor de WordPress como desde el editor visual. Por ejemplo:

iframe shortcode mestreacasa

Ejemplo no permitido:

iframe tag no permés

Ejemplo permitido:

iframe shortcode youtube

Para insertar el iframe desde el editor de bloques, podemos escribir directamente el shortcode, con la sintaxis que se ve en los ejemplos anteriores. Alternativamente, podemos añadir un bloque de «shortcode» o un bloque «HTML Personalizado» y escribir en él el código de iframe.

Gutenberg widget shortcode

Hay que tener en cuenta que no todos los sitios permiten ser embebidos y que en portaledu solo funcionarán URLs HTTPS.

En caso de que queráis mostrar contenidos de otras webs, otra alternativa es que utilicéis en el Menú de páginas de vuestra web un elemento de tipo Enlace Personalizado.

Precauciones al insertar iframes:

Cuando obtenemos un código de iframe de contenidos externos, debemos revisar y editar, si fuera necesario, algunos parámetros del código, si no queremos que el contenido incrustado ocupe toda la página o la deje inutilizada.

Así, por ejemplo, este es un código de inserción obtenido de genially (que no podemos insertar directamente):

Para poder insertarlo en nuestro post, deberíamos eliminar, o ajustar, algunos parámetros como estos:
width=»1600px» height=»901px»
position: absolute; top: 0; left: 0;

Además, es necesario utilizar el shortcode de iframe. Quedaría así:

O si queremos especificar la altura en píxels (p.e. 500px):

Propiedad intelectual (Consideraciones sobre lo que publicamos)

Imagen Categoría General

Os recordamos que es ilegal la publicación no autorizada de material sujeto a derechos de autor (libros, material de editoriales, canciones, vídeos, imágenes…).


Los titulares deben respetar la regulación vigente sobre el tratamiento de datos personales y la propiedad intelectual, tal como se indica en las condiciones de uso del portal:
https://portal.edu.gva.es/portal/es/condiciones-de-uso-del-portal/

PortalEdu plugins información centro

Se trata de una extensión para visualizar y administrar los datos del centro educativo.

Solo el administrador del sitio podrá ver o editar la información del centro.

Para acceder a la ventana principal del plugin se debe navegar desde el escritorio del sitio del centro a:
Herramientas > Información del Centro

Desde aquí se podrán ver y modificar datos del centro como su nombre, URL, dirección, etc.

Datos Del Centro

Si se quiere modificar la imagen simplemente hay que hacer clic sobre el botón «Upload image» y a continuación seleccionar una foto de la biblioteca de imágenes, o bien subir una nueva imagen.

Una vez realizados todos los cambios hay que pulsar sobre el botón «Guardar».

La funcionalidad de URL Amigable cambia la URL del site. Además, cuando se trata de centros educativos, establece una redirección de manera que cualquier URL montada con los códigos de centro será redirigida a la URL amigable correspondiente (ej. portal.edu.gva.es/03010831/* – > portal.edu.gva.es/iesaltaia/*).

Widget de escritorio


Disponemos de un widget en el escritorio de WordPress con el siguiente formato:

Widget Escritorio

Widget de visualización


Podemos mostar la información del centro desde Apariencia > Widgets configurando la siguiente pantalla:

Widget

Y se verá del siguiente modo con imagen superior o con imagen lateral, respectivamente:

Widget Arriba
Widget Izq

En caso de que el centro tenga sitios vinculados (p.ej. del AMPA), el widget mostrará también una lista de dichos sitios en una nueva pestaña.

Sitios

Shortcode


Es posible pintar el widget de información del centro en cualquier post mediante un shortcode:

Sin parámetros muestra imagen en la izquierda:

[centre_info] 

Imagen arriba:

[centre_info position='1']

Imagen izquierda:

[centre_info position='2']

Configuración de podcasts

Algunos sitios en PortalEdu publican podcasts de la radio escolar.

Estos podcasts se alojan habitualmente en el sharepoint DOCUMENTAR del centro y se publican en PortalEdu mediante un bloque de Audio.

Este bloque se configura con la URL del fichero de audio.

Pero esto no es suficiente si queremos que nuestros podcasts sean leídos correctamente por diferentes aplicaciones de lectura de podcasts a través de feeds de RSS, como por ejemplo AntennaPod, u otras.

Para conseguir el funcionamiento correcto con esas aplicaciones, tendremos que añadir a nuestro post un campo personalizado de tipo enclosure, donde añadiremos los metadatos de nuestro fichero de podcast.

Quizás te interese consultar la información sobre campos personalizados:

https://portal.edu.gva.es/portal/es/us-de-camps-personalitzats-es/

Lo haremos así:

1-En edición del post, en la parte de abajo, sección de campos personalizados, buscamos en el desplegable si existe alguno con el nombre enclosure. Si existe, lo seleccionamos. Si no, haremos clic sobre Introduce uno nuevo y escribiremos: enclosure

2-Una vez hayamos seleccionado el nombre enclosure o bien lo hayamos añadido, tendremos que completar el valor, de la siguiente manera, en tres líneas diferentes:

Línea 1: URL del post (la misma URL que hemos puesto en el bloque de audio)

Línea 2: 0 (cero)

Línea 3: audio/ogg (tipo de fichero para que lo puedan interpretar las aplicaciones de lectura de podcats a través de RSS)

3-Y clicaremos el botón de «Añadir un campo personalizado»

4-Siempre que añadamos un campo personalizado, no debemos olvidar clicar sobre Actualizar en el campo personalizado mismo. También tendremos que actualizar nuestro post.

5-Finalmente, es conveniente invalidar la memoria caché de nuestro sitio, si queremos que los lectores de feeds RSS cojan los cambios rápidamente. Si no invalidamos manualmente, los lectores de feeds podrán ver los cambios pasada media hora aproximadamente. En el enlace siguiente encontraréis información sobre cómo invalidar la caché:

https://wiki.edu.gva.es/gvait3du/tiki-index.php?page=Gesti%C3%B3n-Cach%C3%A9-PortalEdu

Uso de campos personalizados

WordPress permite la utilización de campos personalizados en los posts. Estos campos personalizados o, en inglés custom fields, son metadatos que se asocian a nuestros posts con diferentes finalidades.

Si no hemos utilizado nunca estos campos personalizados, quizá tengamos que configurar nuestro editor para acceder a la configuración.

1-Ve a la pantalla de edición de cualquier entrada o página.

2-Haz clic sobre los tres puntos de arriba a la derecha

3-En la parte de abajo, ve a preferencias:

4-En la sección Tablero –> Adicional –> Campos personalizados

5-Activa la opción de campos personalizados. Fijaos que nos advierte que el post tiene que estar guardado antes de aplicar la configuración, para no perder nada de lo que hayamos hecho.

6-Clica sobre Activa y recarga; WordPress saldrá del post actual (por eso tenía que estar guardado previamente) y te abrirá uno nuevo, donde podrás visualizar los campos personalizados en la parte de debajo:

7-De ahora en adelante, tendrás a la vista los campos personalizados siempre que edites un post.

Encontrarás información adicional en este enlace:

Incorporación del plugin MetaSlider a PortalEdu

Imagen Categoría Mejoras

Se ha incorporado el plugin MetaSlider a PortalEdu. Con esta versión inicial, los usuarios podrán crear presentaciones de diapositivas y carruseles de imágenes. Sabemos que esta es una funcionalidad muy demandada y que facilitará la transición del Beaver Builder al editor de bloques estándar, en aquellos sitios donde todavía está funcionando el editor visual.

  • Logo PortalEdu

Encontraréis más información sobre cómo utilizar este plugin aquí.

MetaSlider: Creación de una presentación de diapositivas

En esta entrada os mostraremos cómo crear un pase de diapositivas básico con el plugin MetaSlider. En esta versión inicial del plugin en PortalEdu, podremos solo utilizar imágenes para las presentaciones.

01-En primer lugar, crearemos la presentación, desde el escritorio, sección MetaSlider

02-Una vez hayamos accedido a la sección, haremos clic sobre «Nuevo» (Añadir nuevo pase de diapositivas)

03-Creada la nueva presentación, empezaremos a añadir diapositivas (imágenes):

04-Tal como hemos dicho, con esta versión podremos trabajar solo con imágenes. Podremos subir imágenes locales directamente a la media o utilizar las que ya tenemos en la biblioteca de medios de nuestro sitio web:

05-Por cada una de las diapositivas de la presentación, podremos definir un texto que acompañe a la imagen, así como convertir dicha imagen en un enlace

06-En la parte derecha encontramos las opciones de configuración básica, que aplica a toda la presentación, como por ejemplo, el ancho, la altura, el efecto de transición, etc. Debemos tener en cuenta que el plugin es capaz de ajustar la anchura de las imágenes al tamaño especificado. Sin embargo, la altura se recortará o se mostrará completa, según las opciones avanzadas que configuremos.

Por ese motivo, es conveniente que las imágenes de una misma presentación tengan proporciones parecidas, de forma que quede más homogénea.

07-En las opciones avanzadas, podemos configurar, por ejemplo, que la anchura se ajuste al contenedor (ancho 100%). Esto hará que no se tenga en cuenta la anchura configurada en las opciones básicas. También encontraremos otras configuraciones como el modo carrusel, el retardo de la diapositiva, etc.

08-Cuando ya tengamos preparada la presentación, podremos maquetarla en cualquier entrada o página de nuestro sitio. Para hacerlo, utilizaremos el bloque de MetaSlider.

09-Insertado el bloque, nos ofrece utilizar alguna de las presentaciones que hayamos creado:

10-Seleccionado el pase de diapositivas, podemos previsualizar el resultado:

  • Logo PortalEdu

Aceptación de las condiciones de uso del Portal

Imagen Categoría Cambios

A partir del próximo martes 21 de marzo, las usuarias y usuarios de PortalEdu que se autentiquen, tendrán que aceptar explícitamente las condiciones de uso del portal educativo.

Los usuarios autenticados observarán que, al acceder, son redirigidos a la visualización de estas condiciones de uso.

Presentación a los usuarios de las condiciones de uso.

Después de aceptarlas, el usuario podrá continuar normalmente su trabajo en PortalEdu.

Aceptación de las condiciones

Siempre que haya alguna modificación de estas condiciones, se repetirá el procedimiento.

Cerradas las webs de centro en Mestreacasa

Imagen Categoría Cambios

Tal como se ha informado desde hace dos cursos, el 31 de diciembre de 2022, todas las webs de centro de Mestreacasa tendrán que haber pasado a PortalEdu.

En enero de 2023 se ha cortado el acceso a estos sitios web. Se ha activado la redirección de las webs a PortalEdu de forma permanente.

Para reportar cualquier incidencia al respecto, la dirección del centro tendrá que poner un ticket al SAI (https://gvasai.edu.gva.es), en la cola de PortalEdu.