WordPress est leader dans son domaine notamment grâce à la pertinence et à la qualité de ses extensions. C'est grâce à l'une d'elle justement qu'il est possible d'afficher un contenu 3d et offrir une expérience interactive originale au visiteur du site, très simplement.
1. Incorporation d'un fichier 3d dans WordPress
WordPress est leader dans son domaine notamment grâce à la pertinence et à la qualité de ses
extensions. C'est grâce à l'une d'elle justement qu'il est possible d'afficher un contenu 3d et offrir
une expérience interactive originale au visiteur du site, très simplement.
Avant de voir comment un fichier 3d s'incorpore dans un site WP, il n'est pas inintéressant de voir
ou revoir brièvement ce qu'est exactement un fichier 3d et quelle peut être l'utilité de les afficher sur
une page d'un site.
Qu'est-ce qu'un fichier 3d?
Sans trop rentrer dans les détails techniques, un fichier 3d (tri dimensionnel) reprend les
coordonnées de tous les points qui composent un objet virtuel sur les trois dimensions de l'espace, à
savoir sur les axes x, y et z. (contrairement à une image ou une vidéo, dont les points qui composent
la forme ne sont repris que sur deux dimensions):
Il faut un logiciel spécifique pour interpréter cette suite de coordonnées et les restituer de manière
graphique.
Il existe plusieurs formats de fichiers 3d, certains standardisés d'autres pas, qui dépendent du
logiciel qui a permis leur création et surtout de l'utilisation qui en sera faite in fine (essentiellement
l'animation 3d et l'impression 3d).
Si vous disposez d'un fichier 3d et que vous désirez l'afficher sur votre site WP, il doit
nécessairement être au format (.stl) ou (.obj).
Quelle est l'utilité d'afficher un fichier 3d sur une page d'un site?
Il ne faut pas forcément être concepteur 3d ou travailler dans l'animation 3d pour avoir le besoin ou
le souhait d'intégrer un fichier 3d sur une page de son site.
2. Exemples:
– Un médecin veut expliquer et partager sa façon originale de résorber une fracture. Il a besoin
pour cela des fichiers 3d obtenu par le scanner de l'hôpital de l'os avant et après la fracture,
les convertir le cas échéant et les intégrer dans un article.
– Un architecte d'intérieur ou d'extérieur de nos jours créera une simulation 3d du projet
soumis par ses clients qui peuvent se servir des fichiers 3d pour alimenter leur blog
personnel.
Que l'on crée ses fichiers 3d ou pas leur utilisation peut s'avérer être une façon originale et
interactive de présenter du contenu. La 3d est en plein expansion et l'emploi des fichiers 3d ira en
s'accroissant au fur et à mesure que le grand public viendra à la connaissance de ses avantages.
Il existe de nombreux logiciels de création 3d gratuits et payants, simples et complexes.
Windows 10 fournit par défaut d'ores et déjà par exemple l'application Paint3d avec laquelle il y a
moyen de créer des objets 3d. MeshMixer et Blender sont également d'excellents logiciels gratuits
simples d'utilisation et assez efficaces pour qui veut s'initier à la 3d.
Ce qu'il faut savoir avant d'incorporer un fichier 3d sur son site.
La comparaison la plus parlante pour savoir comment concevoir l'encastrement de la 3d est celle
avec la vidéo.
En effet, les fichiers 3d, comme les fichiers vidéo sont lourds et il est pour cela fortement
déconseillé de les héberger sur son propre serveur (par soucis de gain d'espace, pour en assurer une
exploitation stable et sécurisée).
L'utilisation d'une tierce partie pour l'hébergement de ces fichiers est donc la solution la plus
raisonnable. Un service dédié à l'hébergement de ses fichiers offre en outre des fonctionnalités
d'édition intéressantes et une aide considérable au référencement naturel (en assurant une grande
visibilité grâce à sa réputation).
Pour la vidéo, le site incontournable pour héberger ses fichiers est Youtube. WP intègre d'ailleurs
par défaut la possibilité d'incorporer des vidéos de YT sur ses sites.
Pour les fichiers 3d, une bonne âme s'est dévouée à créer une excellente extension qui va permettre
une intégration aussi simple que celle qui est possible avec les vidéos de YT.
Configuration du tableau de bord WP.
Sketchfab est la plateforme de partage de fichiers 3d qui permet l'incorporation des fichiers 3d dans
WP. Il est possible d'y importer et exporter une grande quantité de fichiers 3d, stockés dans une
bibliothèque quotidiennement nourrie.
3. Dans l'onglet des extensions, il faut rechercher "Sketchfab Embed", l'installer et l'activer.
La bonne nouvelle, c'est qu'une fois téléchargée et activée, il n'y a aucun réglage à apporter à
l'extension. Elle est directement opérationnelle.
Comme pour les vidéos YT, il suffira désormais de copier URL de la page du fichier 3d à afficher et
la coller dans la page, la page produit ou l'article où on veut la faire apparaître.
Incorporation d'un fichier 3d à partir de Sketchfab.
Sur la page d'accueil de Sketchfab, il est possible soit de chercher un modèle à partir de la boîte
prévue à cette effet soit d'explorer la bibliothèque rangée par catégories.
4. Pour l'exemple chercher: "Buste cuirassé de Marc Aurèle âgé" qui affiche le scan 3d du buste de
l'empereur romain exposé au musée St Raymond de Toulouse.
Pour le visiteur et l'inscrit, il est possible sur cette page de consulter dans toutes les dimensions le
fichier 3d en cliquant/déplaçant le curseur sur l'illustration.
Les options en bas à droite de l'encart servent à explorer les caractéristiques du fichier, paramétrer la
résolution de l'image, basculer en mode VR (virtualité réaliste, utile essentiellement avec les
lunettes 3d, ajuster la taille de lécran d'affichage.), zoomer.
Toutes ces fonctions seront reprises sur la page du site WP où sera incorporé le fichier 3d.
Pour intégrer un tel fichier, il suffit simplement de copier d'abord l'URL de la page Sketchfab du
fichier et de la coller à l'endroit du site WP où il est désiré et écrite en une seule ligne.
5. Une fois publié le fichier s'affiche dans le corps de l'article, de la page ou de la page produit avec
toutes les fonctionnalités reprises plus haut totalement opérantes.
Observer le résultat de cette opération
Incorporation d'un fichier 3d à partir d'un pc.
Il y a deux façons d'obtenir des fichiers 3d: les concevoir à l'aide d'un logiciel ad hoc ou alors les
télécharger depuis une bibliothèque 3d.
Outre les logiciels simples d'utilisations mentionnés plus haut il existe bien évidemment des
logiciels de conception professionnels: rhino 3d, zbrush, solidworks, pour ne citer que les plus
connus.
Les sites internet qui offrent au téléchargement des fichiers 3d sont de plus en plus nombreux et
tous les téléchargements ne sont pas payants. Voici quelques adresses:
https://cults3d.com/fr
https://www.cgtrader.com
https://pinshape.com
https://www.stlfinder.com
Voici le lien de téléchargement du fichier 3d d'un pendentif dopamine à utiliser comme exercice:
https://www.dropbox.com/s/n5o8foh2x49tvhb/pendentif%20dopamine.zip?dl=0
Une fois en possession d'un fichier 3d, il faut d'abord le télécharger sur Sketchfab pour pouvoir
l'afficher sur une page de son site . Il faut être inscrit sur le site. C'est gratuit
L'accès à la page de téléchargement se fait, sur la page d'accueil via le bouton "upload"
6. Dans la boîte de dialogue qui s'affiche, cliquer sur "choose file"
Rechercher dans l'arborescence des dossiers le fichier à télécharger et le sélectionner. Puis
"continue"
7. Donner une description du fichier, choisir une catégorie et inscrire quelques tags pour faciliter
l'indexation. Puis, "continue"
Le fichier est maintenant hébergé sur Sketchfab, mais pas encore publié.
Status: où le choix est donné de garder cette publication comme brouillon ou bien de la publier
directement.
Privacy: où le choix est donné de garder la publication privée ou de la rendre publique une fois
publiée
Download: où le choix est donné quand à la possibilité de permettre ou non le téléchargement pour
d'autres visiteurs, gratuitement ou de façon payante (auquel cas il faudra complèter son profil pour
le paramétrage des paiements)
Properties: où est offerte la possibilité de revenir à l'écran précédent.
3d settings: où il est possible d'éditer le fichier 3d (en ajustant la qualité de l'image ou ajoutant des
matières et des textures).
More: où la possibilité est offerte de retélécharger le fichier, de le supprimer ou de contacter le
service technique pour signaler un problème à ce niveau.
Une fois que vous êtes satisfait de l'affichage du fichier: "publish".
8. Une fois le fichier publié, une boîte de dialogue offre l'URL courte du fichier (qu'il est possible
d'inscrire sur la page du site WP) et tous les boutons de partages de réseaux sociaux associés au
projet et qui afficheront en 3d le fichier hébergé.
Il suffira à l'avenir de se servir de l'adresse URL de cette page et de la coller à l'endroit souhaité du
site WP pour incorporer le fichier 3d.