Das Plugin bindet Sketchfab per iframe ein.
Mein Plugin wendet sich an Blogger, 3D Künstler, Designer, Architekten, Gestalter, Shopbetreiber usw. die ihren 3D Inhalt von Sketchfab effektiv und zeitsparend in ihrem Blog oder Online Shop veröffentlichen möchten.
Auch Augmented Reality und Virtual Reality Autoren können so ihre Sketchfab Inhalte leicht und einfach mit meinem Plugin in WordPress zeigen.
Die 3D Welten können so über Jahre als WordPress Content gepflegt werden. Es gibt viele Möglichkeiten, mit diesem Plugin seinen 3D Content zu pflegen.
Das Plugin habe ich für mich und meine Digitalagentur für Virtual Reality und interaktive Markenerlebnisse geschrieben. Wir können aus unseren 3D Programmen und selbst aus Photoshop mit wenigen Klicks auf Sketchfab veröffentlichen und die Inhalte bei unseren Kunden einbinden.
Sollte sich in den nächsten Jahren mal der Einbindungscode ändern muss der Anwender nicht jeden Blogartikel mühselig selber ändern - sondern kann durch ein Update seinen Einbindungscode für alls 3D Inhalte von Sketchfab ändern.
Ja, das Plguin verwendet zurzeit für die Einbindung einen - für Sketchfab und WebVR optimieren iFrame. Ich verwende einen responsive iFrame. Grundsätzlich können iFrames responsive sein, Voraussetzung ist natürlich, dass sich deren Inhalt ebenfalls responsive verhält. Es ist ja quasi ein Browserfenster im Browserfenster.
WebAgenturen unter unseren Anwendern können so leich - an nur an einer Stelle das Plugin an ihr Design und css Framework anpassen.
Ein Wechsel zu Bootrap oder ein Update auf die kommende Broostrap Version 4.0 ist zum Beispiel super einfach.
Seitenverhältnis von 21:9
<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
zu 16:9
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
oder doch lieber 4:3
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
oder mal quadratisch
<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
https://getbootstrap.com/docs/4.0/utilities/embed/
oder einfach an sein eigenes Design anpassen. Global für den Blog und nicht bei jedem Artikel, Produkt oder Seite.