Introducing MisticEase™ fr

MisticEase

Collez.Publiez.C’est prêt.

Des pages WordPress riches en médias, créées à partir d’URL que vous collez.

MisticEase™ transforme les URL de vidéo compatibles et les images liées en expériences multimédias claires, prêtes à s’ouvrir dans une fenêtre popup sur vos pages WordPress.

t680/p1100/


Miniature vidéo YouTube


t280/p980/


Miniature vidéo YouTube


Image générée par IA

Déplacez la fenêtre popup ↗
Démo interactive

Cliquez d’abord.
Lisez ensuite.

Ouvrez une miniature. Essayez un lien de titre. Déplacez une fenêtre popup sur la page. La démo utilise des URL de vidéo, des URL d’image et le mode lien texte.

Quand une fenêtre popup s’ouvre, faites-la glisser un peu. Laissez-la là, puis continuez votre lecture.

t220/p980/


Miniature vidéo YouTube


Caminandes

t220/p980/


Miniature vidéo YouTube


Agent 327

t220/p980/


Miniature vidéo YouTube


Spring

Lien de titre

/WING IT!/


Miniature vidéo YouTube


Lien de titre

Image générée par IA

Image d’exemple

t220/p980/


Miniature vidéo YouTube


Big Buck Bunny

Un exemple plus complet

Une page peut accueillir une expérience multimédia complète.

Mettez en avant une grande miniature, puis ajoutez à proximité les médias associés sans envoyer le lecteur ailleurs.

Placez l’élément principal en premier, puis gardez les clips et images d’appui assez proches pour qu’ils s’ouvrent sans quitter la page.

t920/p1280/


Miniature vidéo YouTube


L’idée simple

Tout ce que vous avez essayé plus haut a commencé par des URL collées.

Dans l’éditeur, ce n’était qu’une URL.

Sur la page, MisticEase prépare la miniature, la fenêtre popup et l’expérience multimédia déplaçable que vous venez d’essayer.

Utilisez l’éditeur que vous connaissez déjà. Collez des URL de vidéo compatibles provenant de YouTube, Vimeo ou Dailymotion, ou liez des images de la médiathèque du même site. Publiez la page, et MisticEase prépare l’expérience multimédia.

Éditeur de blocsparagraphe / colonne / tableau
t520/https://www.youtube.com/watch?v=lqiN98z6Dak

https://vimeo.com/1071247322

Un paragraphe peut contenir une URL YouTube ou Vimeo. La page publiée devient l’expérience multimédia.

Éditeur classiquevue 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>

Les liens YouTube, Vimeo, Dailymotion et les liens vers des images du même site peuvent se trouver dans du HTML ordinaire et dans des cellules de tableau.

Utilisez de la même façon les plateformes vidéo compatibles et les images de la médiathèque.

Collez une URL YouTube, Vimeo ou Dailymotion, ou liez une image de la médiathèque du même site. MisticEase la prépare comme média prêt à s’ouvrir en fenêtre popup sur la page publiée. Utilisez Slash Markup uniquement lorsqu’un élément nécessite une taille, un libellé, une légende ou une largeur de fenêtre popup personnalisés.

Slash Markup

De petits préfixes. Des résultats précis.

La plupart du temps, une URL suffit.

Lorsqu’un élément nécessite une taille différente, une fenêtre popup plus large ou un lien texte, ajoutez un petit préfixe juste avant l’URL.

Vous écrivez l’indication. MisticEase prépare le résultat.

Vous écrivez Résultat Effet
t100/URL

t100/


Miniature vidéo YouTube


Une petite miniature de 100 px. Elle reste cliquable.
t200/URL

t200/


Miniature vidéo YouTube


Définit une miniature de 200 px pour une URL.
t300/p1280/URL

t300/p1280/


Miniature vidéo YouTube


Définit une miniature de 300 px et une fenêtre popup plus large pour une URL.
n/URL

WING IT! – Blender Open Movie

Affiche un lien de titre au lieu d’une miniature.
/Libellé/URL

/Ouvrir la démo/


Miniature vidéo YouTube


Utilisez votre propre libellé. Le libellé affiche un lien texte.
/Exemple/p500/ttl Image générée par IA/URL

Exemple

Combinez les options. Le libellé vient en premier ; les indications compatibles peuvent ensuite être ajoutées ensemble.
Règles de Slash Markup

  • Placez les préfixes juste avant l’URL.
  • Ne mettez pas d’espace, de saut de ligne ni de balise HTML entre le préfixe et l’URL.
  • Les libellés utilisent /Libellé/ et doivent être placés en premier.
  • Après le libellé, vous pouvez combiner des indications compatibles, comme la taille de miniature, la largeur de fenêtre popup et les indications de titre ou de légende.
  • Utilisez /// lorsqu’une ponctuation suit immédiatement l’URL.
Mode UX flottant

Des médias qui peuvent rester avec la page.

Sur les grands écrans, faites glisser une fenêtre popup ouverte pour passer en mode UX flottant.

Gardez les médias à côté de la page pendant que les visiteurs continuent à lire, comparer ou suivre des instructions.

Sur les petits écrans, les fenêtres popup utilisent un comportement d’affichage plus simple.

t640/p1100/


Miniature vidéo YouTube


Ouvrez-la, faites-la glisser, puis continuez votre lecture.

Les images aussi

Les images peuvent suivre le même parcours.

Utilisez des images de la médiathèque du même site, depuis votre répertoire des téléversements. Liez les images à leurs fichiers médias et laissez-les s’ouvrir dans la visionneuse popup.

Lorsque plusieurs images apparaissent sur une page, les visiteurs peuvent les parcourir dans un ordre simple. Si une autre extension de galerie fait déjà partie du site, les fenêtres popup pour les images peuvent être désactivées afin que les deux coexistent.

Image générée par IA

Boulevard au coucher du soleil

Image générée par IA

Silhouette urbaine

Image générée par IA

Ville de nuit

Encore quelques atouts

Des détails discrets qui rendent la page plus légère.

Cache des miniatures côté serveur

Quand une miniature de vidéo est préparée, MisticEase en stocke une copie physique localement et la réutilise lors des affichages suivants.

Moins de requêtes répétées

Une fois mise en cache, la même miniature peut être servie depuis votre site au lieu de solliciter plusieurs fois un service externe.

Contrôle de la limite du cache

Définissez une limite de stockage lorsque vous en avez besoin. Les anciennes miniatures en cache peuvent être supprimées lorsque la limite est atteinte.

Compatible avec les extensions de galerie

Vous utilisez déjà une galerie ou une lightbox que vous appréciez ? Désactivez les fenêtres popup pour les images et laissez cette extension continuer à faire son travail.

Réglages simples

Définissez une fois des valeurs par défaut pertinentes : largeur des miniatures, largeur des fenêtres popup, chargement différé, fenêtres popup pour les images, mode UX flottant et hôtes CDN facultatifs. Ajustez la taille de médias individuels avec Slash Markup lorsque c’est nécessaire.

Conçu avec prudence pour la plateforme

Les services vidéo compatibles sont préparés ; les liens existants, blocs de code, attributs HTML, blocs script/style et URL non compatibles sont laissés tels quels.

Contrôle

Des réglages simples. Un rendu flexible.

L’écran des réglages reste volontairement léger. Utilisez les valeurs par défaut globales pour les publications du quotidien, puis utilisez Slash Markup uniquement lorsqu’une URL nécessite un traitement particulier.

Sur les réseaux multisites, les administrateurs peuvent garder la politique de cache des miniatures sous contrôle sur l’ensemble des sites, y compris les limites de cache au niveau du réseau et les listes d’autorisation d’hôtes CDN pour les images.

Largeur des miniaturesTaille par défaut des miniatures pour les médias automatiques. Remplacez-la pour une seule URL avec t220/, t300/ ou un autre préfixe de largeur de miniature.
Largeur de la fenêtre popupTaille par défaut de la fenêtre popup. Remplacez-la pour une seule URL avec un préfixe de largeur de fenêtre popup, par exemple p980/ ou p1280/.
Chargement différéDiffère les miniatures non essentielles jusqu’à leur entrée dans la zone d’affichage.
Fenêtres popup pour les imagesDésactivez cette option pour continuer à utiliser une extension de galerie existante.
Mode UX flottantPermettez aux visiteurs de déplacer une fenêtre popup dans une fenêtre flottante sur les grands écrans.
Contrôles du réseauGérez l’utilisation du cache sur les installations multisites.
Idéal pour

Des pages où l’on peut rester.

Utilisez-le lorsqu’une vidéo, une image ou une référence doit rester à côté du récit au lieu de l’interrompre.

Les lecteurs ouvrent ce dont ils ont besoin, gardent leur place et poursuivent leur parcours dans la page.

Cours

Gardez une vidéo à côté des notes, des étapes ou des explications.

Carnets de voyage

Ouvrez photos et clips tout en gardant le récit en place.

Portfolios

Laissez les visiteurs examiner les détails sans perdre le contexte du projet.

Tutoriels

Gardez les médias de référence à proximité pendant que les lecteurs suivent les explications.

Téléchargement

Prêt à créer plus vite des pages riches en médias ?

Installez MisticEase depuis WordPress.org, collez une URL compatible et laissez la page publiée préparer la miniature, la fenêtre popup et le comportement multimédia flottant.

Extension gratuite. Fonctionne avec l’éditeur de blocs et l’éditeur classique.

Titre et URL copiés