Bloque de comparación de imágenes
Muestra y compara las diferencias entre dos imágenes con el control deslizante del bloque Comparar imágenes.
Añadir el bloque Comparar imágenes
El bloque Comparar imágenes está disponible en todos los sitios conectados a Jetpack. Forma parte del conjunto de bloques de Jetpack y está activado de forma predeterminada. No necesitas una actualización de pago para utilizar el bloque Comparar imágenes. Consulta nuestro Jetpack Bloques artículo para obtener más información sobre los bloques disponibles y cómo activarlos.
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you have a few options:
- Deactivate the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enable both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin (not the menu under Jetpack settings). Set Allow users to switch editors to Yes. You will only see these options if you have the Classic Editor plugin installed and active.
Some custom themes or plugins may prevent you from using the Block Editor. In that case, please contact the support team for the plugin or theme for further assistance.
For more details, see Using Blocks and the Classic Editor.
Puedes añadir el bloque Comparación de imágenes buscándolo o seleccionándolo en la sección de Jetpack del selector de bloques. Consulta Bloques de Jetpack para obtener instrucciones detalladas sobre cómo añadir bloques.
Sigue estos pasos para añadir imágenes al bloque Comparar imágenes:
- El bloque funciona mejor con dos imágenes de la misma anchura y altura, así que intenta buscar tamaños similares.
- Después de añadir el bloque, puedes añadir imágenes a tu galería como en un bloque de imagen normal.
- Puedes subir imágenes desde tu ordenador, seleccionarlas de tu biblioteca de medios o añadirlas desde una fuente externa.
- Una vez añadidas las imágenes, puedes utilizar la barra de herramientas del bloque y la barra lateral para personalizarlas.
- Si es necesario, añade un pie de foto al bloque después de subir las imágenes.
Ten en cuenta que, si subes por accidente las imágenes equivocadas o quieres cambiar su orden, tendrás que eliminar el bloque y empezar de nuevo.
Ajustes del bloque
Cada bloque tiene opciones específicas en la barra lateral del editor y otras opciones en la barra de herramientas del bloque. Si no ves la barra lateral, haz clic en el icono de Ajustes (tiene el aspecto de un menú) situado junto al botón Publicar.
El bloque Comparar imágenes solo tiene un par de opciones de configuración. La más importante es la orientación del control deslizante de las imágenes.
Ajustes de orientación
Con los ajustes de orientación, puedes cambiar la disposición de las imágenes de una al lado de la otra a una encima de la otra. Esto también cambiará la forma en que el control deslizante se mueve entre las imágenes.
Puedes cambiar la orientación tantas veces como quieras, pero asegúrate de guardar los cambios antes de probar la nueva orientación.
Avanzado
Añade una clase de CSS al bloque, escribe CSS personalizado y aplica al bloque el estilo que quieras.
Problemas conocidos
El bloque Comparar imágenes utiliza, a través de Jetpack, el Acelerador del sitio para servir y optimizar imágenes y mejorar el rendimiento. El uso de varios servicios de optimización o almacenamiento en caché junto con el Acelerador del sitio puede provocar conflictos a veces, especialmente en la forma en que el bloque muestra las imágenes.
Entre los problemas habituales se incluyen la ausencia de imágenes o que el control deslizante no funcione. A menudo se deben a plugins que modifican las URL de las imágenes, convierten automáticamente los formatos de imagen o aplican carga diferida y reescritura de CDN de formas que pueden interferir con Jetpack.
Si observas problemas persistentes de visualización con el bloque Comparar imágenes:
- Prueba a desactivar temporalmente cualquier plugin de optimización de imágenes, como EWWW Image Optimizer, para comprobar la compatibilidad.
- Si el bloque funciona después de desactivarlo, revisa los ajustes de ese plugin cuando vuelvas a activarlo. Prueba a desactivar funciones como la carga diferida o la gestión de CDN.
- Prueba el bloque.
Como buena práctica, evita activar varias capas de optimización o almacenamiento en caché que se solapen con el Acelerador del sitio de Jetpack.
Still need help?
Please contact support. We’re happy to advise.
Información sobre privacidad
El bloque Image Feature está activado de forma predeterminada. No se puede desactivar. El bloque Comparar imágenes está siempre disponible en el selector de bloques.
| Datos utilizados | |
|---|---|
| Propietarios o usuarios del sitio
Ninguno. | Visitantes del sitio
Ninguno. |
| Actividad registrada | |
| Propietarios o usuarios del sitio
Si se desconecta Google Photos, registramos que se está desconectando Google Photos. | Visitantes del sitio
Ninguno. |
| Datos sincronizados (Leer más) | |
| Propietarios o usuarios del sitio
Sincronizamos opciones que indican si la función está activada y cómo están configurados sus ajustes disponibles. | Visitantes del sitio
Ninguno. |
