Ir a la barra de herramientas

Inserción de iframe, script y otros tags HTML en PortalEdu

El pasado 14 de abril PortalEdu se actualizó  a WordPress 5 y esto entro muchas mejoras nos ha traído un cambio importante a la hora de insertar código HTML para embeber contenidos de otros servicios. Por motivos de seguridad, todo contenido HTML que contenga hashtags como script, iframe, !DOCTYPE html, head, body, form, etc. está bloqueado por defecto por WordPress, puesto que … Llegir més…

Contenido multimedia y configuración de idioma en PortalEdu

Los archivos que subimos a PortalEdu se organizan en el apartado Medios del tablero, para aclarar el funcionamiento de los idiomas en estos archivos, una cuestión que a menudo crea confusiones, compartimos este artículo el cual esperamos que os sirva para tener claro su funcionamiento. Lo primero a tener presente es que un archivo multimedia en PortalEdu es un registro de una … Llegir més…

Noticias PortalEdu

El pasado 15 de abril de 2021 se produjeron dos novedades importantes en la plataforma PortalEdu. Por un lado, se ha actualizado la versión de WordPress, software que hace funcionar la plataforma, pasando ahora a operar sobre la versión 5. Por otro lado, y se ha activado una sección de noticias y novedades en el portal principal sobre la plataforma. De este modo, se continúan dando pasos para implantar PortalEdu, en un tiempo razonable, en todos los sitios web de centros educativos del ámbito de la GVA. Podéis encontrar más información sobre estas novedades y otras en los siguientes enlaces:

✔️ Activada la sección de novedades: 🔗 https://portal.edu.gva.es/portal/es/noticias-novedades/
✔️ Actualización a WordPress 5: 🔗 https://portal.edu.gva.es/portal/es/actualizacion-de-portaledu-a-wordpress-5/

✔️ Fallo en ciertas URLs de PortalEdu: 🔗 https://portal.edu.gva.es/portal/es/fallo-en-ciertas-urls-de-portaledu/

✔️ Contador de visitas reactivado: 🔗 https://portal.edu.gva.es/portal/es/contador-de-visitas-reactivado/

Llegir més…

Roles y gestión de usuarios en PortalEdu

WordPress organiza los/las participantes a la creación/mantenimiento de la web en ROLES, los cuales tienen permisos y responsabilidades diferentes. El que se ha procurado en Portal.Edu es ‘traducir’ los nombres de los roles existentes en WordPress, a los perfiles de usuario que nos encontraremos en los centros. De este modo, en nuestro portal, tenemos los siguientes roles creados: Dirección. Tiene acceso a … Llegir més…

Menús en PortalEdu

Todos/as sabemos exactamente a qué nos referimos cuando hablamos de los menús de una web, y su importancia, ya que… Son la vía de acceso al contenido de los sitios web. Parte fundamental del diseño de una página. Bien planificados, los menús pueden ser un recurso muy útil. Mal diseñados serán un obstáculo para la navegación, la usabilidad y la responsividad. Debéis … Llegir més…

Añadir un PDF en una página o entrada de PortalEdu

Los documentos en formato PDF se han convertido en un estándar de documento digital muy práctico y muy usado por varias razones. Una de ellas, posiblemente muy poderosa, es que son un sustituto de los documentos en papel muy similar en aspecto a ellos y, por lo tanto, muy asimilable por una gran cantidad de usuarios.

Hay muchas aplicaciones con las cuales podemos leer el formato PDF, entre las cuales se incluyen la mayoría de navegadores web más utilizados en la actualidad, pero el formato PDF no es lo más adecuado para ser mostrado por un navegador web. Esto hace que cuando queramos incluir en nuestro sitio web un documento en este formato, tengamos dudas de cómo hacerlo, puesto que en PortalEdu tenemos varias formas de mostrar el documento.

En primer lugar, hay que subir el fichero en formato PDF a la mediateca, esto se hace de la misma forma que podríamos subir una imagen o un video: yendo al Escritorio»Medios»Añadir.

Una vez tenemos el PDF en la biblioteca de medios, tendremos que crear una nueva página o entrada e insertar el PDF. A continuación explicaremos 3 opciones diferentes para incluir el PDF en la entrada o página: Insertar el PDF mediante el conector que se llama pdf-embedder; insertarlo mediante el  shortcode de WordPress iframe o enlazando lo PDF para su descarga.

Insertar el PDF mediante el conector pdf-embeder

Esta es la forma más sencilla de hacerlo, puesto que el conector pdf-embedder está ya instalado en PortalEdu y permite insertar el PDF como si fuera un fichero multimedia cualquiera, es decir, se hace clic en el botón “Añadir objeto”, se selecciona el archivo desde la biblioteca de medios y ya está. El editor mostrará un código con la URL del PDF y algunos parámetros. El resultado, una vez publicamos la entrada, se verá como un marco dentro del cual se mostrará un visor con el contenido del PDF y una barra de herramientas para cambiar de página y hacer zoom. La ventaja de este método es que el marco se adapta al tipo y medida del dispositivo desde el cual se leerá la página. El inconveniente es que la barra de herramientas que incluye el visor es muy simplificada y no se puede, por ejemplo, forzar la descarga del documento. El código que se inserta en el editor admite el parámetro width=’500‘ para controlar la anchura del marco en píxeles.

Código que se inserta si añadimos un medio en formato PDF
Vista de la entrada con el visor de PDF

Insertar el PDF mediante iframe

Para evitar el inconveniente de la simplicidad de la barra de herramientas, podemos aprovechar que la mayoría de los navegadores actuales (Firefox, Chrome, Edge, Safari) tienen un visor de ficheros PDF integrado (con las funciones típicas de descargar, ampliar, pasar de página o imprimir) y  podemos insertar el PDF con el shortcode de WordPress iframe. Para hacer esto solo hay que copiar el código anterior y sustituir la palabra pdf-embedder por iframe, y sustituir el parámetro url= por src=. El inconveniente es que si se visita la página desde un navegador incompatible con la lectura de ficheros PDF, el usuario no verá el documento, ni siquiera un enlace para descarga.

Código para insertar un PDF con iframe
Vista del PDF desde el visor incluido en Firefox.

Enlazar el PDF para su descarga

Esta es la forma más compatible con toda clase de dispositivos, puesto que solo habrá que hacer clic en el enlace y los navegadores con visores compatibles mostrarán el PDF, en cambio, los navegadores más antiguos descargarán el archivo al disco del dispositivo para poder abrirlo con otra aplicación. Hay que conocer la URL del PDF (la cual podemos obtener visitando el archivo en la biblioteca de medios) y enlazarla a cualquier parte de la entrada o página. Podemos enlazar el PDF con un clic a determinadas palabras o con un clic a una imagen prediseñada de un botón de descarga.

Enlazando un PDF

Probablemente la mejor opción sea una combinación de este último método (enlazar el PDF) con alguno de los dos anteriores (insertarlo).

Llegir més…

Novedades Portal.edu curso 2020-2021

Estas son las principales novedades de la Plataforma corporativa de Consellería Portal.edu para la creación de páginas web de centro para el próximo curso 2020-2021: A principio del curso 2020-21 continuaremos con restricciones de alta en PortalEdu. Solo se realizarán altas en las siguientes circunstancias. Centros sin web Aquellos centros que no disponen de página web en ninguno de las Plataformas que … Llegir més…

Formas de insertar un video de Youtube en una entrada de Portal.edu

Si queremos insertar un video, hay varias formas para hacerlo:

1. Pegando el enlace

Tan sencillo como copiar la URL del video desde la barra de direcciones del navegador (o desde el botón de “compartir” que muestra YouTube) y pegarla en la parte de la entrada que queremos que aparezca. Portal.EDU detectará que es un video de YouTube y mostrará el reproductor con el video incrustado en la entrada. Esta opción mostrará el video pero no podemos controlar ningún parámetro como por ejemplo la medida del marco dentro del cual se mostrará el video.

2. Con código de inserción

Las plataformas de video más usadas nos suelen ofrecer un código HTML con el hashtag <iframe> con diferentes parámetros pero este hashtag no funciona en Portal.EDU. Hay que transformar el código que nos proporciona la plataforma de video en un shortcode de WordPress. Como?

  1. Visitamos el video en la misma plataforma YouTube y pulsamos en el botón “Comparte”.
  2. Hacemos clic en el botón “Inserta” y copiamos el código proporcionado
  3. Sustituimos los caracteres menor y mayor del hashtag iframe (<>) por los caracteres abrir y cerrar corchetes([]), a continuación borramos el cierre del hashtag </iframe>.

Un ejemplo: imaginad que queremos insertar este video sobre como hacer una entrada en Portal.edu. Tendremos que hacer clic “Comparte” y después “inserta”; allí, copiar el código que aparece haciendo clic en copia:

Después, lo pegamos en nuestra entrada del portal y lo modificamos hasta que quede de la siguiente manera:

Podemos modificar el valor de los parámetros width y height para variar el tamaño del marco donde aparecerá el video

3. Con el editor Visual

Si utilizamos el editor visual (Beaver Builder), existe un módulo concreto para insertar un video. Lo añadimos y en “Tipo de video” seleccionamos “Incrusta” (en lugar de “Mediateca”). Entonces solo tendremos que enganchar la URL del video. En la pestaña “avanzado” Podremos configurar, igual como en el resto de módulos, parámetros de espaciado, visibilidad, animación, etc.

 

Llegir més…

Videotutoriales de Portal.EDU

Muchos centros han empezado a exprimir la plataforma Portal.EDU con sus sitios web en marcha, hemos elaborado algunos tutoriales básicos para utilizarla. En esta entrada los recopilamos.

Portal.EDU

Portal.EDU – Primeros pasos

Tutorial que muestra el funcionamiento del portal educativo de la Generalitat Valenciana basado en la tecnología WordPress. Alfredo Vicente, nos muestra los aspectos básicos del tablero y configuración básica de la página del centro.

Llegir més…

Portal.EDU – Inicio de sesión y problemas derivados

Video que explica en 40 segundos como iniciar sesión en la plataforma Portal.edu de la Generalitat, después se indica qué hacer en caso de tener problemas para entrar.

Llegir més…

Portal.EDU – Crear Entrada

Explicamos la creación y publicación de entradas en Portal.edu con el editor simple de WordPress. Como añadir una entrada, cuestiones básicas del editor (negrita, cursiva, cabeceras, listas, crear un enlace) y los parámetros de estado, visibilidad y publicación de la entrada. También se explica como incluir la entrada en una categoría.

Llegir més…

Portal.EDU – Traducir una entrada de forma rápida con el Salt

Tutorial de #CvTIC que explica, para un lugar bilingüe, como crear una traducción de una entrada al otro idioma oficial con el complemento “Traducciones Salt”

Llegir més…

Portal.EDU – Insertar imagen en una entrada

Tutorial de #CvTIC que explica la forma de añadir una imagen en una entrada del sitio web.

Llegir més…

Portal.EDU – Creación de entradas con el editor clásico


Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como crear y publicar entradas utilizando el editor HTML clásico.

Llegir més…

Portal.EDU – Creación de páginas con el editor clásico

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como crear páginas utilizando el editor HTML clásico.

 

Llegir més…

Portal.EDU – Configuración general de la Plataforma

 Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como realizar la configuración básica de los diferentes apartados de Portal.EDU.

Llegir més…

Portal.EDU – Creación de Menús

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como crear y gestionar de manera fácil los Menús de la página web.

Llegir més…

Portal.EDU – Utilización de la Mediateca (Biblioteca de recursos)

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como crear y gestionar de manera fácil los Menús de la página web.

Llegir més…

Portal.EDU – Añadir Categorías y etiquetas

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como incluir y gestionar las diferentes categorías y etiquetas que forman parte de una página web.

Llegir més…

Portal.EDU – Incluir idiomas en la página

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como incluir y gestionar los idiomas de la página de Portal.EDU.

Llegir més…

Portal.EDU – Plugins: Add to any

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como incluir el plugin desarrollado para la página: Add to any.

Llegir més…

Portal.EDU – Widgets

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como funcionan y como podemos incluir widgets  en nuestra página.

Llegir més…

Portal.EDU – Plugins: Información del centro

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como incluir el plugin desarrollado para la página: Información del centro.

Llegir més…

Portal.EDU – Sitio offline

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.edu de la Consellería de educación que nos explica como configurar la página para indicar que el sitio está fuera de servicio temporalmente.

Llegir més…

Portal.EDU – Error 404

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como configurar la página de error 404 para indicar un error en la búsqueda de la página

Llegir més…

Portal.EDU – Plugin: Reserva de aulas y espacios del centro

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como utilizar el conector instalado a la página de wordpress de reserva de espacios y aulas del centro.

Llegir més…

Portal.EDU – Plugin: formularios

Videotutorial sobre el funcionamiento de la Plataforma para la gestión y realización de páginas web mediante la herramienta Portal.EDU de la Consellería de educación que nos explica como utilizar el conector instalado a la página de wordpress de Formularios, para recoger información y sugerencias de los visitantes de la página 

Llegir més…


Este artículo fue publicado por primera vez en el boletín CvTIC núm 22. Podéis encontrar más videotutoriales en esta página de la sección Aules. Podéis explorar más boletines en Esta Página.

 

Comparte

Actualización Portal.EDU marzo 2020

En la tarde del 10/03/2020 se ha llevado a cabo una actualización de Portal.EDU, que incluye los siguiente cambios: Resolución errores • Resueltos varios errores de sincronización de usuarios ◦ Sincronización de profesorado en modo masivo y en modo selectivo • Plugin BeaverBuilder (editor visual) ◦ Corregidos varios errores de traducciones ◦ Corregidos varios errores en tiempo de edición • Otros plugins … Llegir més…