Insérer une visite virtuelle dans Worpress 5

inser-8.jpg
Ce tuto vous permet d'ajouter le code HTML et CSS nécessaire pour visualiser une visite virtuelle dans Wordpress.

inser-1.jpg

Pour cet exemple j'ai choisi "page" mais vous pouvez choisir "article" si la visite est destinée à la partie blog. Cliquez sur ajouter un bloc.

inser-2.jpg

Dans l'onglet mise en forme choisissez HTML personnalisé.

inser-3.jpg

Copier le code HTML du fichier PDF joint (scroller en bas de la page pour le télécharger) et coller le. Vous pouvez modifier la taille en changeant les données de "width" et "height", penser à modifier le chemin de votre visite virtuelle dans src="....." puis mettre à jour. Voilà pour le HTML passons au CSS.

inser-4.jpg

Aller dans apparence > personnaliser.

inser-5.jpg

Sélectionner "CSS additionnel".

inser-6.jpg

Copier coller la partie CSS du fichier PDF et cliquez sur "publier"

inser-7.jpg

Vous avez inséré votre visite, cliquez sur prévisualiser pour voir le résultat.

inser-8.jpg

Vous pourriez aussi aimer...

  • bandeau-affinity-360.jpg Tutoriel la retouche de panoramas 360° avec Affinity Photo
  • photolab 2-3.jpg Quoi de neuf dans DxO PhotoLab 2
  • bandeau-panotour.jpg Quoi de neuf avec la mise à jour Panotour 2.5.14 ?
  • bandeau-panotour-multilingue.jpg Comment réaliser une visite virtuelle multilingue avec Panotour
  • bandeau-view-point.jpg Comment corriger la géométrie de vos images avec DxO View Point 3
  • dxo6.png Quoi de neuf avec la mise à jour DxO PhotoLab 1.2
  • panotour21-3.jpg Quoi de neuf avec la mise à jour Panotour 2.5.13 ?
  • bandeau.jpg Comment créer des images Mini Planet, Mirror Ball, Hammer, Pannini etc...

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.