Introducing MisticEase™ es

MisticEase

Pega.Publica.Listo.

Páginas de WordPress con mucho contenido multimedia, creadas a partir de direcciones URL que pegas.

MisticEase™ convierte las direcciones URL de vídeo compatibles y las imágenes enlazadas en experiencias multimedia ordenadas, listas para abrirse en ventanas emergentes en tus páginas de WordPress.

t680/p1100/


Miniatura de vídeo de YouTube


t280/p980/


Miniatura de vídeo de YouTube


Imagen generada por IA

Mueve la ventana emergente ↗

Demo interactiva

Primero haz clic.
Luego lee.

Abre una miniatura. Prueba un enlace de título. Mueve una ventana emergente por la página. La demo usa direcciones URL de vídeo, direcciones URL de imágenes y el modo de enlace de texto.

Cuando se abra una ventana emergente, arrástrala un poco. Déjala ahí y sigue leyendo.

t220/p980/


Miniatura de vídeo de YouTube


Caminandes

t220/p980/


Miniatura de vídeo de YouTube


Agent 327

t220/p980/


Miniatura de vídeo de YouTube


Spring

Enlace de título

/WING IT!/


Miniatura de vídeo de YouTube


Enlace de título

Imagen generada por IA

Imagen de muestra

t220/p980/


Miniatura de vídeo de YouTube


Big Buck Bunny

Un ejemplo más completo

Una página puede contener toda una experiencia multimedia.

Empieza con una miniatura grande y añade cerca contenido multimedia relacionado sin enviar al lector a otro sitio.

Destaca el elemento principal y mantén cerca los clips e imágenes de apoyo para que se puedan abrir sin salir de la página.

t920/p1280/


Miniatura de vídeo de YouTube


La idea es sencilla

Todo lo que has abierto más arriba empezó con direcciones URL pegadas.

En el editor era solo una URL.

En la página, MisticEase prepara la miniatura, la ventana emergente y la experiencia multimedia que puedes mover y que acabas de probar.

Usa el editor que ya conoces. Pega direcciones URL de vídeo compatibles de YouTube, Vimeo o Dailymotion, o enlaza imágenes de la biblioteca de medios del mismo sitio. Publica la página y MisticEase prepara la experiencia multimedia.

Editor de bloquespárrafo / columna / tabla
t520/https://www.youtube.com/watch?v=lqiN98z6Dak

https://vimeo.com/1071247322

Un párrafo puede contener una URL de YouTube o Vimeo. La página publicada se convierte en la experiencia multimedia.

Editor clásicovista HTML
<p>https://www.youtube.com/watch?v=41hv2tW5Lc4</p>

<table>
  <tr>
    <td>https://www.dailymotion.com/video/x7h1qen</td>
    <td>/New York/image-URL</td>
  </tr>
</table>

Los enlaces de YouTube, Vimeo, Dailymotion y de imágenes del mismo sitio pueden ir dentro de HTML normal y de celdas de tabla.

Usa del mismo modo las plataformas de vídeo compatibles y las imágenes de la biblioteca de medios.

Pega una URL de YouTube, Vimeo o Dailymotion, o enlaza una imagen de la biblioteca de medios del mismo sitio. MisticEase la prepara como contenido multimedia listo para abrirse en una ventana emergente en la página publicada. Usa Slash Markup solo cuando un elemento necesite un tamaño, una etiqueta, una leyenda o una anchura de ventana emergente personalizados.

Slash Markup

Prefijos pequeños. Resultados precisos.

La mayoría de las veces basta con una URL.

Cuando un elemento necesite un tamaño distinto, una ventana emergente más ancha o un enlace de texto, añade un pequeño prefijo justo antes de la URL.

Escribes la indicación. MisticEase prepara el resultado.

Escribes Resultado Qué hace
t100/URL

t100/


Miniatura de vídeo de YouTube


Una miniatura pequeña de 100px. Se puede seguir haciendo clic.
t200/URL

t200/


Miniatura de vídeo de YouTube


Define una miniatura de 200px para una URL.
t300/p1280/URL

t300/p1280/


Miniatura de vídeo de YouTube


Define una miniatura de 300px y una ventana emergente más ancha para una URL.
n/URL

WING IT! – Blender Open Movie

Muestra un enlace de título en lugar de una miniatura.
/Etiqueta/URL

/Abrir la demo/


Miniatura de vídeo de YouTube


Usa tu propia etiqueta. La etiqueta muestra un enlace de texto.
/Ejemplo/p500/ttl Imagen generada por IA/URL

Ejemplo

Combina opciones. La etiqueta va primero; después pueden ir juntas las indicaciones compatibles.
Reglas de Slash Markup

  • Coloca los prefijos justo antes de la URL.
  • No pongas espacios, saltos de línea ni etiquetas HTML entre el prefijo y la URL.
  • Las etiquetas usan /Etiqueta/ y deben ir primero.
  • Después de la etiqueta, se pueden combinar indicaciones compatibles, como el tamaño de miniatura, la anchura de ventana emergente y las indicaciones de título o leyenda.
  • Usa /// cuando haya puntuación justo después de la URL.

Modo UX flotante

Contenido multimedia que puede acompañar a la página.

En pantallas grandes, arrastra una ventana emergente abierta para activar el modo UX flotante.

Mantén el contenido multimedia junto a la página mientras los visitantes siguen leyendo, comparando o siguiendo instrucciones.

En pantallas pequeñas, las ventanas emergentes usan un comportamiento de visualización más sencillo.

t640/p1100/


Miniatura de vídeo de YouTube


Ábrelo, arrástralo y sigue leyendo.

También imágenes

Las imágenes también pueden seguir el mismo flujo.

Usa imágenes de la biblioteca de medios del mismo sitio desde tu directorio de subidas. Enlaza las imágenes a sus archivos de medios y deja que se abran en el visor emergente.

Cuando haya varias imágenes en una página, los visitantes pueden avanzar por ellas en una secuencia sencilla. Si el sitio ya usa otro plugin de galería, se pueden desactivar las ventanas emergentes para imágenes y así ambos pueden convivir.

Imagen generada por IA

Bulevar al atardecer

Imagen generada por IA

Silueta urbana

Imagen generada por IA

Ciudad nocturna

Más ventajas

Detalles discretos que hacen que la página resulte más ligera.

Caché de miniaturas del lado del servidor

Cuando se prepara una miniatura de vídeo, MisticEase almacena una copia física localmente y la reutiliza en visitas posteriores.

Menos peticiones repetidas

Una vez guardada en caché, la misma miniatura puede servirse desde tu sitio en lugar de volver a pedírsela a un servicio externo.

Control del límite de caché

Define un límite de almacenamiento cuando lo necesites. Las miniaturas antiguas en caché pueden eliminarse a medida que se alcanza el límite.

Compatible con plugins de galería

¿Ya usas una galería o un lightbox que te gusta? Desactiva las ventanas emergentes para imágenes y deja que ese plugin siga haciendo su trabajo.

Ajustes sencillos

Define una vez valores predeterminados razonables: anchura de miniatura, anchura de ventana emergente, carga diferida, ventanas emergentes para imágenes, modo UX flotante y hosts de CDN opcionales. Cuando lo necesites, sobrescribe el tamaño de elementos multimedia concretos con Slash Markup.

Adaptado a cada plataforma, cuidadoso por diseño

Se preparan los servicios de vídeo compatibles; los enlaces existentes, los bloques de código, los atributos HTML, los bloques script/style y las direcciones URL no compatibles se dejan tal cual.

Control

Controles sencillos. Salida flexible.

La pantalla de ajustes se mantiene pequeña a propósito. Usa los valores predeterminados globales para la publicación diaria y recurre a Slash Markup solo cuando una URL necesite un tratamiento especial.

En redes multisitio, los administradores pueden mantener bajo control la política de caché de miniaturas en todos los sitios, incluidos los límites de caché a nivel de red y las listas de hosts CDN permitidos para imágenes.

Anchura de miniaturaTamaño de miniatura predeterminado para el contenido multimedia automático. Sobrescribe una sola URL con t220/, t300/, u otro prefijo de anchura de miniatura.
Anchura de ventana emergenteTamaño predeterminado de la ventana emergente. Sobrescribe una sola URL con un prefijo de anchura de ventana emergente, por ejemplo p980/ o p1280/.
Carga diferidaRetrasa las miniaturas no críticas hasta que entren en el área visible.
Ventanas emergentes para imágenesDesactívalas para seguir usando un plugin de galería existente.
Modo UX flotantePermite que los visitantes conviertan una ventana emergente en una ventana flotante en pantallas grandes.
Controles de redGestiona el uso de la caché en instalaciones multisitio.
Perfecto para

Páginas en las que apetece quedarse.

Úsalo cuando un vídeo, una imagen o una referencia deban quedarse junto a la historia en vez de interrumpirla.

Los lectores abren lo que necesitan, no pierden el hilo y siguen avanzando por la página.

Lecciones

Mantén un vídeo junto a notas, pasos o explicaciones.

Diarios de viaje

Abre fotos y clips mientras la historia sigue en su sitio.

Porfolios

Permite que los visitantes revisen los detalles sin perder el contexto del proyecto.

Tutoriales

Mantén cerca el contenido multimedia de referencia mientras los lectores siguen los pasos.

Descarga

¿Listo para crear páginas multimedia más rápido?

Instala MisticEase desde WordPress.org, pega una URL compatible y deja que la página publicada prepare la miniatura, la ventana emergente y el comportamiento multimedia flotante.

Plugin gratuito. Funciona con el editor de bloques y el editor clásico.

Título y URL copiados