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.

Actualización de URL de proyectos PIIE de inclusión, innov@arts y Guardabosc

Actualización de las sintaxis de URL requeridas para los proyectos de la Dirección General de Innovación e Inclusión Educativa. Para que las URL de los proyectos puedan implementarse correctamente en Portaledu, estas deberán tener la estructura siguiente, donde el año de la convocatoria aparecerá identificado con el prefijo conv_ y el sufijo numérico del año (conv + guion bajo + año), como en los ejemplos siguientes:

La URL de cada convocatoria dará acceso a los proyectos correspondientes.

Para conseguir esta estructura de URL has de vincular las páginas jerárquicamente, por ejemplo, en el caso de innovarts:

conv_2024 tenga como página superior la página innovarts, que tendrá, a su vez, como superior, la página projectes.

Encontrarás información sobre cómo relacionar páginas en el siguiente post:

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

Gracias por la colaboración.

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.

Matomo: plug-in para contar las visitas de tu web

El plugin: «Contador de Visitas Matomo» tiene como objetivo poder mostrar el número de visitas que se realizan al sitio. Este contador de visitas obtiene la información a partir del sistema de analítica llamado Matomo, que permite el alojamiento de los datos objeto del análisis en los servidores de Conselleria, no dependiendo de terceros.

Inserción contador mediante Widget (Sencillo)

La forma más sencilla de mostrar las visitas en nuestro sitio sería utilizando un widget de WordPress que se ha confeccionado expresamente para tal efecto. Para poderlo utilizar deberemos ir a la sección correspondiente de PortalEdu desde el menú lateral izquierdo : Apariencia –> Widgets. Al acceder aquí se mostrarán en «Widgets Disponibles» el widget en cuestión, llamado : «Matomo Contador Visitas Widget»

Tan solo debemos elegir en que sección de nuestra web queremos que se muestre. Además tendremos unas opciones configurables para una mejor personalización. Estas son :

Captura De Pantalla De 2022 01 14 20 18 07
  • Etiqueta: Si queremos mostrar el título o etiqueta en el widget.
  • Con estilo: Si marcamos esta opción se mostrará la cifra del contador premaquetada con una apariencia visual más agradable.
  • El widget se muestra para: Podemos elegir el idioma en el que queremos que se muestre el widget, o bien mostrarlo para todos los idiomas. Esta opción puede ser útil si previamente hemos escrito una etiqueta diferente según el idioma para así personalizar tantos widgets como idiomas tenga nuestro sitio web.

La apariencia si hemos elegido la opción «Con estilo» será similar a esta :

Captura De Pantalla De 2022 01 14 20 27 27

Inserción contador mediante Shortcode (Avanzado)

Si queremos tener un mayor control sobre dónde mostrarlo, podremos insertar el valor del contador de visitas mediante un shortcode (código de inserción) en la parte de nuestro sitio web que deseemos (cualquier página o contenido). De esta manera podemos insertarlo en el conjunto de una maquetación más personalizada con nuestros propios colores y/o estilos. El código de este shortcode es:

[contadorvisitas]

La cuenta de visitas es  independiente de la página o entrada en que se muestre; corresponde a las visitas de todo nuestro sitio.

NOTA:

En otros contadores, la cuenta mostrada corresponde al número de páginas vistas. Sin embargo, el contador de Matomo mostrará el número de visitas (usuarios que visitan nuestro sitio web). No debe sorprendernos que el número de visitas sea muy inferior al número de páginas vistas.

Aules y Teams para comunicación

Docente, ¿tú y tu alumnado os habéis tenido que quedar en casa y queréis estar conectados? ¿Necesitas contactar con sus familias? Haz uso de alguna de estas herramientas:

⚫️ Mucho ánimo a los afectados por la DANA.

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.

Avís de privacitat: Ús de cookies pròpies per a anàlisis de visites

Este lloc web utilitza cookies pròpies amb l'únic propòsit d'analitzar el trànsit i millorar l'experiència de l'usuari. Les cookies són xicotets arxius de text que s'emmagatzemen en el teu dispositiu quan visites el nostre lloc. No compartim esta informació amb tercers ni la utilitzem per a fins publicitaris.

Veure política de cookies