Gutenberg: Bloque carrusel

Portaledu está aumentando las herramientas disponibles en el editor Gutenberg. Dentro de esta serie de nuevos bloques que se van a ir incorporando, presentamos el bloque de carrusel.

Este bloque permite seleccionar las entradas de una categoría y visualizarlas en diapositivas de modo circular, realizando una presentación de las mismas y añadiendo así dinamismo a las páginas.

Resulta ideal para la presentación visual de categorías como noticias u otros temas, ya que el bloque elegirá las últimas entradas de la categoría seleccionada para su presentación. Podemos ver un ejemplo a continuación 👇🏽

El bloque es fácilmente configurable desde el editor, presentando las siguientes opciones:

  • Categoría. Al elegir una categoría, las entradas pertenecientes a esta, ordenadas descendentemente por fecha de creación, serán seleccionadas para su visualización
  • Número de entradas. Número total de entradas seleccionadas para su visualización. Si se deja en su valor por defecto 5, optarán a la visualización las cinco últimas entradas pertenecientes a la categoría elegida.
  • Duración de cada diapositiva. Tiempo en milisegundos que permanecerá visualizada una diapositiva. Pasado dicho tiempo, el carrusel rotará para seleccionar la siguiente.
  • Entradas por diapositiva. Con un valor mínimo de 2 y máximo de 4. Permite seleccionar cuántas diapositivas mostrará el carrusel simultáneamente.
  • Mostrar extracto. Indica si en las diapositivas se mostrarán o no las primeras líneas de las entradas.

    Los elementos que estarán siempre presentes en las dispositivas y cuya presencia no es configurable son:
    • Imagen destacada de la entrada. En caso de que la entrada carezca de imagen personalizada, se utilizará una imagen por defecto propia del bloque carrusel.
    • Título de la diapositiva
    • Fecha de su creación
    • Enlace (leer más) para navegar hasta la entrada.

Gutenberg: Bucle de consulta

Si deseas mostrar diferentes entradas en modo de listado o en paneles con varias columnas, te puede interesar el bloque de generateblocks llamado Query Loop o Bucle de Consulta. Este bloque permite mostrar dinámicamente listas de contenido.

Usando el bucle de consulta, puedes mostrar las entradas más recientes de tu blog o seleccionar entradas de categorías específicas en tu página de inicio o en una sección destacada. Este contenido puede ser personalizado a través de una interfaz intuitiva según las condiciones que establezcamos, como pueden ser el tipo de publicación (entradas, páginas, eventos), categorías, etiquetas o autores.

¿Cómo funciona el bloque de Bucle de Consulta?

Al insertar un bloque de bucle de consulta en una página o publicación de WordPress usando GenerateBlocks, se te ofrecen diferentes plantillas predeterminadas, cuya configuración podrás personalizar después. En este caso, vamos a escoger la plantilla de dos columnas con imagen destacada:

Puedes configurar parámetros como:

  1. Tipo de contenido: Puedes elegir mostrar entradas, páginas o eventos.
  2. Filtros: Seleccionar contenido basado en categorías, etiquetas, autores, fechas, entre otros. Estos filtros ayudan a que la consulta devuelva solo el contenido relevante para el contexto de la página.
  3. Orden y límite: Puedes establecer cómo se ordenarán los resultados y cuántos elementos se mostrarán.
  4. Diseño personalizado: Una de las grandes ventajas de GenerateBlocks es la flexibilidad de diseño. Puedes utilizar otros bloques del plugin, como el bloque de cuadrícula, encabezado o imagen, dentro del bucle de consulta para crear una estructura visual atractiva.

En el ejemplo siguiente, escogeremos que se muestren entradas o posts de una determinada categoría. En primer lugar, escogemos posts como tipo de contenido:

A continuación, deseamos establecer un filtro para que se muestren solamente las entradas correspondientes a una categoría determinada. Para ello, añadiremos un parámetro (taxonomías):

Escogemos Taxonomías:

Seleccionamos Categorías:

Entonces podremos escoger una categoría para mostrar. En la imagen os mostramos cómo queda la configuración completa de nuestro bucle de consulta:

Y a continuación os mostramos cómo queda la visualización:

Ampliar el número de columnas de visualización

Vemos que en la plantilla predeterminada, se visualiza el panel de entradas a dos columnas. Ajustando la plantilla de la entrada, podemos variar el número de columnas de visualización. Para ello, hemos de indicar el porcentaje que ocupa cada entrada en el contenedor. Por defecto está al 50%. Para tres columnas, lo pondremos al 33%, así:

Personalización avanzada del diseño

El poder de GenerateBlocks reside en su capacidad para controlar cada aspecto del diseño. Con el bloque de bucle de consulta, no solo puedes especificar qué contenido se muestra, sino también cómo se muestra. Esto incluye:

  • Diseño de cuadrícula: Puedes configurar el diseño del contenido en columnas, lo que es ideal para crear portafolios o galerías.
  • Tipografía y estilos: Cambiar fácilmente las fuentes, colores y espaciados.
  • Composición flexible: Dado que GenerateBlocks está compuesto por bloques modulares, puedes construir plantillas complejas mezclando el bucle de consulta con otros bloques para lograr diseños únicos.

Te recomendamos que explores cada objeto en la estructura de tu contenido y veas sus opciones de configuración. Sin duda encontrarás todo un mundo de opciones para configurar el aspecto de tu contenido, incluyendo el comportamiento en modo responsivo, para visualización en dispositivos como tabletas y móviles.

Cómo crear páginas hijas y jerarquías de páginas

🎯¿Qué son las páginas padre e hija?

A diferencia de las entradas (posts), las páginas en WordPress pueden tener una estructura jerárquica. Esto significa que una página puede ser padre de otra, creando una relación de dependencia.

Por ejemplo, si tienes una página llamada «Proyectos», y dentro de ella quieres incluir una sección para «Europeos», puedes hacer que «Europeos» sea una página hija de «Proyectos». Esto se reflejará en la URL, de la siguiente manera:

http://portal.edu.gva.es/mi_centro/proyectos/europeos

🛠 Cómo crear una página hija en WordPress

A continuación, te explicamos el proceso paso a paso:

Crear una nueva página hija

  1. Accede al panel de administración de PortalEdu y ve a «Páginas» > «Añadir nueva».
  2. Escribe el título y el contenido de la nueva página.
  3. En la parte derecha, busca la sección «Atributos de página».
  4. En el campo «Página superior», selecciona la página padre a la que deseas asociar esta nueva página.
  5. Publica la página haciendo clic en «Publicar».

Editar una página ya creada para que pase a ser hija

  1. Accede al panel de administración de PortalEdu y ve a «Páginas»
  2. En el menú contextual que aparece debajo del título de la página, haz click sobre «Edición rápida».
  3. En el formulario desplegable que aparece, en la parte derecha, donde se ve «Superior» selecciona la página que será padre de ésta.
  4. Pulsa en «Actualizar»


¿Cómo afecta la jerarquía de páginas al slug de la URL?

Cuando creas una página hija, la URL se estructura automáticamente para reflejar esta jerarquía. Por ejemplo:

  • Página padre: http://portal.edu.gva.es/mi_centro/proyectos
  • Página hija dentro de proyectos: http://portal.edu.gva.es/mi_centro/proyectos/europeos

Si cambias la página padre de una página hija, la URL también se actualizará automáticamente.


🎨 Beneficios de organizar las páginas en jerarquía

✅ Facilita la navegación en el sitio web.
✅ Mejora la organización del contenido.
✅ Permite URLs más estructuradas y amigables para SEO.

Información del centro (nuevo aspecto)

Se ha modernizado la apariencia de la información del centro. Con un aspecto más moderno y responsivo podemos mostrar en nuestro lugar la información del centro.

Recordad que para editar esta información tenéis que acceder, desde el escritorio, a la sección de Herramientas -> Información del centro

Podéis mostrar la información en vuestro web mediante el widget de información del centro, en cualquiera de las posiciones permitidas para widgets. También podéis mostrar la información en cualquier página o post utilizando un shortcode (código de inserción), como os detallamos a continuación:

Mostraremos mapa/imagen/datos utilizando lo shortcode:

[centre_info]
Vista info centre amb mapa, imatge i dades

Mostraremos mapa/datos utilizando lo shortcode:

[centre_info position='2']
Vista info centre amb mapa i dades

Mostraremos imagen/datos utilizando lo shortcode:

[centre_info position='3']
Vista info centre amb imatge i dades

Con cualquiera de las opciones, el aspecto se adaptará de forma responsiva a la pantalla del dispositivo.

Vista responsiva mapa imatge dades centre
Vista_info_centre_2_responsiva mapa dades centre
Vista_info_centre_3_responsiva

Salt: plug-in para traducir automáticamente

Con esta funcionalidad se puede realizar una traducción automática con el servicio GVA Salt (salt.gva.es), tanto de castellano a valenciano, como de valenciano a castellano. El plugin habilita un cuadro metabox en la edición de contenido el cual inicia la traducción de las siguientes partes:

  • Título
  • Cuerpo
  • Taxonomías
    • Categorías
    • Etiquetas

Funcionamiento

Una vez, o bien creando un contenido, debe haber sido guardado previamente, o bien cuando editamos un contenido ya creado, podremos ver un metabox (las opciones que aparecen en la columna derecha en la edición de contenidos) con el título : Traducciones Salt.

Si pulsamos en el botón Traducir aparecerá una ventana emergente pidiendo confirmación de la acción para verificar que todo el contenido se ha guardado previamente, en el caso contrario los cambios no guardados se perderían además de no ser traducidos.

Si confirmamos la acción, entonces procederá a realizar la acción de traducción de las partes comentadas en la introducción y nos redirigirá a la edición del contenido traducido para que lo podamos supervisar.

Puede ocurrir que si existe una traducción previa, nos aparezca una ventana emergente advirtiendo que ya existe una traducción y si la deseamos sobreescribir.

A tener en cuenta

  • Las taxonomías (tanto categorías como etiquetas), son traducidas si la entrada tiene taxonomías asignadas. Es decir, si decidimos crear y asignar una categoría llamada «Evento» (en nuestra entrada de castellano), y traducimos con la herramienta, nos creará la categoría «Event» (en valenciano) asociada y con equivalencia con nuestra categoría original.
  • Si hemos asignado una imagen destacada a nuestro entrada original, la entrada traducida tendrá también esta imagen destacada. Podemos cambiarla en la entrada traducida si lo consideramos conveniente.

gvaSAI: Nueva categoría de incidencias TIC relacionadas con la DANA 2024

🛠️ NUEVA CATEGORÍA INCIDENCIAS TIC RELACIONADAS CON LA DANA 2024

Con el fin de agilizar la gestión de incidencias y mejorar nuestra respuesta, hemos habilitado una nueva categoría de «Daños catástrofe» en https://gvasai.edu.gva.es/. (https://gvasai.edu.gva.es/)

📲 Cualquier incidencia relacionada con las TIC puede ser reportada directamente en esta categoría, lo cual facilitará la tramitación rápida y eficaz de los problemas.

📞 Recuerda que también puedes comunicarte través del teléfono de incidencias 961 20 76 85 de lunes a viernes de 8:00h a 20:00h

Cambio de logotipos en el pie de página de los centros

Os informamos de que se ha realizado un cambio en las páginas web de los centros educativos titularidad de la Generalitat Valenciana (Portaledu). Como parte de los proyectos financiados por los Fondos Europeos Next Generation, específicamente dentro de las iniciativas #CompDigEdu y #EcoDigEdu, se ha procedido a la inserción de una serie de logos en el pie de página de las webs de los centros.


Dado que estas actuaciones han sido financiadas por los Fondos Europeos Next Generation, es necesario visibilizar la participación de estos fondos en la transformación digital de la educación en la Comunidad Valenciana. Por eso, es necesaria la inserción de los logos correspondientes en las páginas web de todos los centros beneficiarios dependientes de la Generalitat Valenciana, cumpliendo con los requisitos de visibilidad de la financiación europea.


Tal como se les ha informado a través de las mentorías digitales, el programa #CompDigEdu, enmarcado en el Plan Nacional de Capacidades Digitales (Componente 19, Inversión 2.09), tiene como objetivo la transformación digital de la educación en nuestros centros. A través de varias actuaciones, se ha facilitado la mejora de la competencia digital del profesorado y el establecimiento de los Planes Digitales de Centro.


De manera similar, el programa #EcoDigEdu, también financiado por los Fondos Next Generation (Componente 19, Inversión 2.10), promueve la transición digital sostenible y eficiente de nuestros centros, con actuaciones que incluyen la dotación de dispositivos tecnológicos.


Es importante señalar que los centros no tendrán que realizar ninguna acción por su parte para llevar a cabo esta modificación. La inserción de los logos se ha realizado de manera automática en todas las páginas web de los centros, garantizando que el proceso sea sencillo y sin interrupciones en el funcionamiento habitual de estas.


Os agradecemos vuestra colaboración y comprensión en este proceso.

Modificación de las condiciones de uso del portal (octubre 2024)

Modificamos las condiciones de uso del portal. Las y los usuarios que se autentiquen en el portal tendrán que aceptar las condiciones próximamente. Se han añadido los apartados siguientes:

Se ha incluido un apartado específico sobre cookies:

9. Uso y aceptación de cookies

Las cookies son pequeños archivos de texto que se almacenan en su dispositivo cuando visita nuestro sitio web. Nos ayudan a recordar sus preferencias y a mejorar su experiencia de navegación.

Las cookies, formularios u otros medios de naturaleza análoga generadas por el Portal Educativo y por la herramienta de analíticas alojada y gestionada en servidores de la Generalitat Valenciana, son instrumentos destinados a hacer nuestro servicio más eficiente y más seguro. Los datos obtenidos no servirán para establecer perfiles que vulneren el círculo de privacidad de las personas usuarias ni serán cedidos para usos comerciales y/o publicitarios. Los usuarios del portal están obligados al uso de estas cookies.

Portaledu no utiliza cookies de terceros, limitando su uso a cookies propias. En concreto, las cookies utilizadas en Portaledu son:

1.-Cookies técnicas de Portaledu y sus plugins: destinadas a guardar datos de sesión del usuario, configuraciones de usuario (como el idioma) y seguridad. Estas cookies son necesarias para el correcto funcionamiento y visualización del portal por parte del usuario.

2.-Cookies del servidor de analíticas (Matomo): Destinadas al análisis de visitas, interacción de los usuarios con el portal y auditorías de seguridad y otras índoles, con el fin de mejorar los servicios que ofrece el portal.

El hecho de iniciar sesión en Portaledu supone la aceptación de las cookies. No será posible la denegación de estas cuando el usuario se encuentre autenticado en el sistema. Con la sesión iniciada, las cookies permitirán almacenar estadísticas sobre las páginas del portal visitadas por el usuario. Los usuarios registrados en el portal tendrán que aceptar las condiciones de uso, donde se explicita este consentimiento.

Los usuarios no autenticados en el portal están obligados igualmente a aceptar todas las cookies (cookies técnicas del portal y también el seguimiento analítico) si quieren continuar navegando por las páginas de este. Este consentimiento se hará, por parte de cada usuario, mediante la aceptación del diálogo emergente de cookies. En caso de no aceptar, el usuario no podrá continuar haciendo uso del portal educativo. Los usuarios no autenticados tendrán que ejecutar esta acción cada vez que cambien de navegador o cambien su configuración, o si se eliminan las cookies.

La persona usuaria puede consultar información detallada sobre la política de cookies en el siguiente enlace Política de Cookies.

Se ha incluido un apartado específico sobre accesibilidad:

14. Compromiso con la accesibilidad

Las personas que generen y editen contenido, lo harán siguiendo las directrices y consejos publicados en el portal con respecto a accesibilidad web, para garantizar que los contenidos sean accesibles.

El resto de apartados no se modifican.

Podéis consultar las condiciones de uso completas aquí y la política de cookies aquí.

Accede a Portaledu con Identitat Digital – (@edu.gva.es)

Los usuarios registrados en Portaledu con Identitat Digital (@edu.gva.es), accederán al portal con las credenciales (email y contraseña) de esta identidad.

¡IMPORTATE! Para poder acceder a Portaledu, el usuario tiene que existir en Portaledu. Las y los docentes que tengan que editar las webs de los centros, han de ser sincronizados (creados) por la dirección de su centro. Por lo tanto, un usuario/a con identidad digital no podrá acceder a Portaledu si no ha sido sincronizado previamente. Llamamos sincronización al proceso por el cual se genera un usuario en Portaledu, o se actualizan sus datos, a partir de la información existente en Itaca.

Esta forma de acceso afecta a las y los docentes que tienen correo @edu.gva.es

1. El correo vinculado a las cuentas de los usuarios será el correo @edu.gva.es

2. Los nombres de los usuarios están adaptados a los de la identidad digital.

3. La contraseña de acceso a Portaledu es la del correo @edu.gva.es

Ejemplo de la forma de acceder con Identitat Digital

  • Si una usuaria/ario tiene como identidad digital: j.apellidosejemplo@edu.gva.es
  • Para acceder a Portaledu podrá utilizar la dirección de correo electrónico o el nombre de usuario: j.apellidosejemplo@edu.gva.es o también j_apellidosejemplo

Es decir, los nombres de usuario pasan a ser como la parte izquierda de la identidad digital, cambiando el punto por un subguión. La contraseña, como ya hemos dicho, será la contraseña de Identitat Digital.

➡️ Visita la página de Identidad Digital para más información

Aviso de privacidad: Uso de cookies propias para análisis de visitas

Este sitio web utiliza cookies propias con el único propósito de analizar el tráfico y mejorar la experiencia del usuario. Las cookies son pequeños archivos de texto que se almacenan en tu dispositivo cuando visitas nuestro sitio. No compartimos esta información con terceros ni la utilizamos para fines publicitarios.

Ver política de cookies