FORMACIÓN

Generateblocks: elemento contenedor

por

El bloque Container tiene como objetivo principal agrupar y contener otros bloques. Proporciona un contenedor visual y estructural que permite organizar y personalizar la presentación de los elementos dentro de él.

Características clave

  • Diseño Flexible: Permite ajustar el ancho del contenedor para adaptarse a las necesidades específicas del diseño.
  • Fondo Personalizable: Ofrece opciones para personalizar el fondo del contenedor, incluyendo colores y gradientes.
  • Márgenes y Rellenos: Facilita el control preciso de los márgenes y rellenos alrededor del contenedor.
  • Opciones de Responsividad: Permite definir comportamientos específicos para diferentes tamaños de pantalla, asegurando una presentación adecuada en dispositivos móviles y de escritorio.

Uso común

  • Secciones y Bloques Complejos: Utilizado para crear secciones de página o bloques más complejos al organizar otros bloques dentro de él.
  • Personalización Estilística: Es fundamental para la personalización estilística avanzada de secciones específicas de una página.

Integración con Gutenberg

  • Totalmente integrado con el editor de bloques Gutenberg de WordPress, lo que facilita la creación y personalización de contenido visualmente atractivo.

Compatibilidad con GenerateBlocks (Editor de bloques)

  • Interactúa sin problemas con otros bloques proporcionados por GenerateBlocks, lo que permite una flexibilidad y coherencia en el diseño.

Generateblocks: elemento rejilla

por

El bloque Grid está diseñado para permitir a los usuarios crear y personalizar sistemas de cuadrícula flexibles en sus páginas. Proporciona una estructura organizada y versátil para colocar y alinear otros bloques de manera precisa.

Características clave

  • División en Columnas: Facilita la creación de sistemas de columnas personalizables para el diseño de contenido.
  • Alineación y Espaciado: Permite alinear y ajustar el espacio entre las columnas, brindando un control detallado sobre el diseño.
  • Ancho Variable: Posibilita establecer anchos variables para cada columna, permitiendo diseños más complejos.
  • Personalización Estilística: Ofrece opciones para personalizar el fondo, bordes y otros estilos para las columnas y el contenedor de la cuadrícula.
  • Opciones de Responsividad: Permite definir comportamientos específicos para diferentes tamaños de pantalla, asegurando una presentación óptima en dispositivos móviles y de escritorio.

Uso común

  • Diseño de Página Avanzado: Ideal para estructuras de página más complejas, especialmente cuando se requiere un diseño basado en columnas.
  • Secciones Especializadas: Utilizado para crear secciones con columnas distintas, lo que facilita la presentación visualmente atractiva del contenido.

Integración con Gutenberg

  • Totalmente integrado con el editor de bloques Gutenberg de WordPress, facilitando la construcción y personalización de contenido.

Compatibilidad con GenerateBlocks (Editor de bloques)

  • Funciona de manera coherente con otros bloques proporcionados por GenerateBlocks, permitiendo una combinación eficiente para diseños personalizados.

Generateblocks: elemento cabecera

por

El bloque Headline se utiliza para insertar y personalizar títulos o encabezados en una página o entrada de WordPress. Ofrece opciones avanzadas de diseño y estilización para resaltar visualmente el texto del titular.

Características clave

  • Textos Dinámicos: Permite ingresar texto para el titular de manera fácil y rápida.
  • Personalización Tipográfica: Ofrece opciones detalladas para personalizar la tipografía, como el tipo de letra, tamaño, peso y color del texto.
  • Opciones de Fondo: Permite agregar fondos, sombras y otros efectos visuales al titular para destacarlo.
  • Alineación y Espaciado: Proporciona controles precisos para alinear y ajustar el espaciado del titular.
  • Animaciones: Puede admitir animaciones de entrada, proporcionando un aspecto dinámico al titular.

Uso común

  • Titulares Destacados: Ideal para destacar secciones clave o información importante en una página.
  • Encabezados de Página: Utilizado para crear encabezados visuales llamativos para diferentes secciones de una página o entrada.

Integración con Gutenberg

  • Totalmente integrado con el editor de bloques Gutenberg de WordPress, lo que facilita la inserción y personalización de titulares sin tener que recurrir al código HTML.

Compatibilidad con GenerateBlocks (Editor de bloques)

  • Funciona sin problemas con otros bloques proporcionados por GenerateBlocks, permitiendo una coherencia en el diseño y la personalización.

Generateblocks: elemento botón

por

El bloque Button se utiliza para insertar y personalizar botones en una página o entrada de WordPress. Proporciona opciones avanzadas de diseño y estilización para crear botones atractivos y llamativos.

Características clave

  • Texto Personalizado: Permite ingresar el texto del botón de manera fácil y rápida.
  • Estilización Avanzada: Ofrece opciones detalladas para personalizar la apariencia del botón, incluyendo colores, tipografía, bordes y sombras.
  • Enlaces y Acciones: Puede vincularse a páginas, publicaciones, URL externas o realizar acciones específicas en respuesta a clics.
  • Tamaños Variables: Permite ajustar el tamaño del botón para adaptarse al diseño general de la página.
  • Animaciones: Admite animaciones de entrada para agregar dinamismo visual al botón.

Uso común

  • Llamadas a la Acción: Ideal para botones que alientan a los usuarios a realizar acciones específicas.
  • Botones de Navegación: Se utiliza para crear botones de navegación visualmente destacados.
  • Vinculación a Elementos: Puede utilizarse para vincularse a otras secciones de la página, publicaciones relacionadas o recursos externos.

Integración con Gutenberg

  • Totalmente integrado con el editor de bloques Gutenberg de WordPress, lo que facilita la inserción y personalización de botones sin la necesidad de conocimientos de programación.

Compatibilidad con GenerateBlocks (Editor de bloques)

  • Funciona de manera coherente con otros bloques proporcionados por GenerateBlocks, permitiendo una combinación eficiente para diseños personalizados.

¿Qué he de saber sobre propiedad intelectual?

por

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/

Completa la información del centro en Portaledu

por

Administra, completa y visualiza los datos de tu centro en su página web de Portaledu desde el escritorio: Herramientas > Información del Centro. Se trata de una extensión que sólo el administrador del sitio podrá ver o editar.

Se podrán ver y modificar datos del centro como su nombre, URL, dirección, etc.

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 de visualización


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

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

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.

Shortcode

Sin parámetros muestra imagen en la izquierda:
Es posible pintar el widget de información del centro en cualquier post mediante un shortcode:

[centre_info]

Imagen arriba: 

[centre_info position='1']

Imagen izquierda: 

[centre_info position='2']

Cómo publicar podcasts

por

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:

¿Cómo se utilizan los campos personalizados? – Portaledu (gva.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 podcast 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é: Control Caché (NGINX): plug-in para gestionar la memoria caché en Portaledu – Portaledu (gva.es)

¿Cómo se utilizan los campos personalizados?

por

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:

Assign custom fields

MetaSlider: plug-in para crear presentaciones con diapositivas

por

¡Aprende a crear una presentación con diapositivas visible en tu Portaledu!

1. En primer lugar, accede a MetaSlider desde el escritorio para crear tu presentación:

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

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

4. 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:

5. 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

6. 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.

7. 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.

8. 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.

9. Insertado el bloque, nos ofrece utilizar alguna de las presentaciones que hayamos creado:

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

¿Cómo se programan entradas para una fecha futura?

por

Ahora podemos programar nuestras entradas de Portaledu para que se publiquen en una fecha futura. Las entradas se publicarán habitualmente dentro de la hora posterior a la fecha/hora que hayáis establecido. Os lo explicamos en este post:

Cuando creamos o editamos una entrada, podemos planificar la fecha de publicación, desde la parte de arriba de la barra derecha de edición.

Haremos clic sobre ‘Inmediatamente’, a la derecha de ‘Publica’. Se nos abrirá un calendario y otros campos para especificar la fecha y hora de la publicación:

Programar entrada futura 1

Una vez introducida la fecha y la hora, haremos clic fuera del calendario, en cualquier zona del cuerpo de la entrada. Veremos que se cierra el calendario y aparecen la fecha y la hora consignadas en la barra derecha, junto a ‘Publica’

Entonces haremos clic sobre el botón ‘Planifica…’ Se nos mostrará un resumen de los datos de publicación para que confirmemos, haciendo clic nuevamente sobre el botón ‘Planifica’.

Una vez planificada la publicación, en el listado de entradas, se mostrará la entrada como «Prevista»

Cómo hemos dicho, la entrada se publicará dentro de la hora posterior a la fecha/hora programada(*). En este caso, si hemos programado la entrada para las 14:00, quizás se publicará a las 14:01, o a las 14:22, etc. Habitualmente, será antes de las 15:00.

No os tendréis que alarmar si veis que vuestra entrada muestra en la columna de la fecha, un mensaje de ‘Falta fecha de publicación’ en lugar de mostrar ‘Previsto’. Esto solo quiere decir que WordPress ha detectado que ya ha pasado la hora programada y que la entrada todavía no se ha publicado. Pero, como decimos, antes de una hora (*) estará publicada.

(*)Dependiendo de la carga del servidor, el tiempo podría ser superior.

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