USDZ Inhalte in WordPress mittels „individuelles HTML“ verwendbar machen
- MIME Typ USDZ von WordPress als Upload akzeptieren lassen (einmalig einzustellen)
- USDZ Datei durch WordPress hochladen
- Bildvorschau Datei durch WordPress hochladen (mit Textbanner tippen für AR?)
- USDZ Datei Link „https://website.de/wp-content/uploads/2022/04/Designmodell.usdz (gleichbleibender Link!)
- In WordPress mittels eines + „individuelles HTML“ Block hinzufügen
- Code Beispiel kopieren, Link, Vorschaubild und Bildgröße anpassen
- Optional: QR Code von USDZ Link erstellen und auf das Vorschaubild einsetzen oder als eigenständiges Bild auf die Seite
HTML Code Beispiel für WordPress (kann sofort ohne Plugin verwendet werden):
<p>
<a rel="ar" href="Designmodell.usdz">
<img src="Designmodell_Vorschaubild.jpg" alt=" width="250" height="250"></a>
</p>
Beispiel mit funktionalen URL´s verweisen:
<p>
<a rel="ar" href="https://devimages-cdn.apple.com/ar/photogrammetry/AirForce.usdz">
<img src="https://developer.apple.com/augmented-reality/quick-look/models/nike-air-force/nike-air-force.png" alt=" width="250" height="250"></a>
</p>
Aktueller Code auf der Website
<p>
Michael Zimmermann „Waterskipper“, Massstab 1:10:
<a href="https://produktdesign-studium.de/wp-content/uploads/1580712_Zimmermann_FIVR_Wise202122_Waterskipper1_10.usdz" rel="ar"><br />
<img src="https://produktdesign-studium.de/wp-content/uploads/view-in-ar.png" /></a>
</p>
Michael Zimmermann „Waterskipper“, Massstab 1:10:
Direkt in die AR Ansicht (funktionaler mit Vorschau Icon)
<p>
Michael Zimmermann „Waterskipper“, Massstab 1:10:
<br />
<a href="https://produktdesign-studium.de/wp-content/uploads/1580712_Zimmermann_FIVR_Wise202122_Waterskipper1_10.usdz" rel="ar">
<img src="https://produktdesign-studium.de/wp-content/uploads/view-in-ar.png" /></a>
</p>