La utilidad de este plug-in radica en que permite a los editores de la web trabajar sobre ella y realizar pruebas sin que éstas puedan ser visualizadas por el público en general y si por los usuarios logueados pertenecientes a la web.
Para ello hay que navegar en el panel de administración del centro a la opción de menú «Modo mantenimiento».
El plug-in GenerateBlocks sirve para incluir bloques dentro del editor de bloques Gutenberg, pero algunos de los nuevos bloques añadidos por este plug-in duplican funcionalidades de los bloques estándares de Gutenberg, ya disponibles anteriormente en el editor de bloques. Si bien no es posible eliminar ninguno de los bloques duplicados, puesto que eso afectaría a las entradas que hubieran hecho uso de ellos, cada usuario puede ocultar, en el editor, aquellos bloques que no desee utilizar. Los bloques enriquecidos que aporta GenerateBlocks, se distinguen por aparecer su icono en color azul, en lugar de negro. Ver más información al respecto aquí.
Los nuevos bloques añadidos y cuya funcionalidad estaría replicada son: Imagen, Titular, Botón y Bucle de consulta. Estos bloques mencionados, si bien reproducen funcionalidades ya presentes anteriormente, permiten más opciones de configuración, sobre todo a nivel visual.
GenerateBlocks mejora el bloque imagen con su propio bloque análogo, donde existe la posibilidad de editar el tamaño, los bordes, el espaciado y demás opciones visuales sobre la misma.
Replicando la funcionalidad del bloque encabezamiento, el bloque Titular de GenerateBlocks añade más opciones de diseño como bordes, tipografías y colores.
Igual que para el resto de bloques, GenerateBlocks añade más opciones de configuración a nivel visual con su elemento botón.
El bloque Bucle de consulta de GenerateBlocks añade más diseños para la visualización de las entradas. Así como aumenta las posibilidades de filtrado de la consulta.
Con este plug-in se pueden poner las redes sociales para poder compartir las páginas de su centro. ¡Abre las opciones de administrador de la web del centro y empieza a utilizarlo!
Para acceder al plug-in, debes ir al apartado de “Configuración > AddToAnny”
Al entrar, tendremos dos pestañas para elegir que tipo de iconos queremos:
“Estándar” para que los iconos se muestren junto a algún elemento
“Flotante” para que se muestren siempre en el mismo sitio aunque nos movamos por la página.
«Estándar»
En la pestaña “Estándar” tendremos las opciones tradicionales pera definir el estilo del icono:
Sirve para definir el tamaño en píxeles, así como el color de fondo y el del primer plano. Nos deja escoger tanto el original como el transparente y si escogemos personalizado podemos ponerle el color que queramos.
Botones para compartir:
En esta pantalla podemos añadir las redes sociales que queramos que los visitantes puedan compartir dicha página.
Nota: al escoger demasiadas redes, puede que el diseño de la página se descuadre si no se escoge la opción de “Botón universal” .
Botón universal:
Sirve para englobar todas las redes sociales en un único icono. Al pulsar sobre él, se desplegarán todas las redes sociales configuradas.
Resto opciones:
· Cabecera de compartir: Título que figurará en la caja de los iconos.
·Emplazamiento: Lugares donde se mostrará.
· Opciones del menú: esta opción se utiliza porque el resto de redes sociales del «botón universal» se despliegan al pasar por encima o al hacer clic.
«Flotante»
Nos encontraremos con dos subapartados: Botones en vertical y botones en horizontal. Tienen las mistas opciones dentro, básicamente trata de colocar la caja con los iconos con ajustes en píxeles.
· Ubicación: este es el más importante puesto que hará que se active y el lugar dónde irá.
·Adaptabilidad: opciones para ocultar esta barra cuando sean pantallas como tablets o móviles o si se desplaza a ciertos pixeles.
Para poder modificar más opciones, tendrá que consultar al administrador de la red.
Para que todos los sites de Portaledu tengan un buen rendimiento y se pueda abordar la carga de visitas a estos, tenemos desplegado un servidor de caché para servir páginas previamente ya servidas y procesadas, para aliviar la carga de los servidores principales.
Pero al realizar caché de las páginas nos podemos encontrar efectos no deseados como que al actualizar una entrada / página / contenido no aparezca inmediatamente reflejado, ya que aún se está sirviendo la versión cacheada y no la nueva. Aunque existen una reglas de invalidación automática del contenido de acuerdo a un tiempo establecido (habitualmente 30 minutos), es habitual que queramos tener el control de invalidar la caché actual o directamente decidir que cierto contenido no es cacheable.
Con esta funcionalidad lo que se pretende es habilitar herramientas para poder controlar la caché de páginas de nuestro site de centro, interaccionando con los servidores propios de Caché.
Funcionamiento
Los roles que tienen capacidad para controlar los mecanismos de caché son: «Direcció» y «Manteniment»
Si el rol usuario dispone de capacidad adecuada podrá realizar estas acciones:
Invalidación de la caché general de todo el contenido del centro. Esto quiere decir que le diremos al servidor de Caché que retire todas las páginas cacheadas de nuestro centro, y por tanto se volverían a generar la caché de nuevo, con las nuevas versiones de páginas y contenidos.
Indicar al servidor de Caché que una entrada/contenido no es cacheable. Puede ocurrir que debido a la naturaleza de cierto contenido, queremos que esa entrada/página/contenido particular nunca sea cacheable, y por tanto habilitaremos la opción para que el servidor de Caché descarte esta entrada y nunca la cachee. Esto puede ser interesante, por ejemplo, si tenemos una página que contenga un formulario con captcha.
Invalidación de la caché de todo el site
Esta acción la podemos realizar si tenemos el rol «Direcció» o «Manteniment». En el menú principal (menú de la izquierda) de la zona de administración de WordPress nos aparecerá el item de menú Control Caché (NGINX).
Al pulsar sobre esta opción nos aparecerá un botón marrón para desencadenar la acción de invalidación:
Si pulsamos, estamos emitiendo la orden al servidor de Caché para que invalide toda la caché de nuestro sitio.
Indicar que la entrada es «no cacheable»
Está acción se llevará a cabo cuando estemos editando cualquier contenido, principalmente entradas o páginas. En este caso al dar de alta un nuevo contenido o editarlo tendremos disponible un metabox en la sección «Documento» :
Si marcamos esta opción (No Cachear), estaremos indicando al Servidor de Caché que no debe almacenar de ninguna de las maneras este contenido. Guardaremos la entrada para aplicar los cambios.
A tener en cuenta
Por defecto, todo el contenido de un site es cacheado, ya que es lo deseable para conseguir una funcionamiento óptimo de nuestro sitio.
Invalidar todo el contenido del centro de manera general: Habitualmente no debería ser necesario utilizar está opción de manera recurrente, ya que la invalidación se produce de manera automática a los 30 minutos desde que se cacheó inicialmente el contenido. El uso de esta funcionalidad estaría indicado si hemos de hacer un anuncio importante en nuestra web y queremos verlo reflejado de manera inmediata.
Forzar el no cacheo de entradas/contenido: Conviene recordar que si no cacheamos nunca un contenido va a repercutir en el rendimiento de carga de la página. El habilitar está opción debe estar suficientemente justificado; por ejemplo, tenemos formularios de recogida de datos con captcha, nuestro contenido va a cambiar muy a menudo, etc.
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.
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.
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.
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.
¡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:
portal
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.