Get a Head Start onHalloween Sales Today!

twenty Percentage
Get 20% OFF

Wie man eine virtuelle Tour einbettet und anpasst - WP VR

Inhaltsübersicht

You can embed a WP VR virtual tour on your website in 3 ways:

Sie können die Breite und Höhe und den Radius Ihrer virtuellen Touren kontrollieren, indem Sie den Anweisungen hier folgen.

WP VR Gutenberg Block To Embed and Customize A Virtual Tour   #

Wenn Sie Gutenberg verwenden, finden Sie unter den gemeinsamen Blöcken den WPVR-Block, um eine virtuelle Tour einzubetten. 

WPVR Gutenberg-Block

Sie können auch einfach nach WPVR suchen und dieser Block erscheint dann.

Wenn Sie den WPVR-Block wählen, sehen Sie Folgendes:

Virtuelle Tour einbetten

Für diesen Block sehen Sie sich die Optionen auf der rechten Seite an. Sie sehen die folgenden Optionen:

WPVR-Block-Optionen
  • Id
  • Breite
  • Höhe
  • Radius

Wählen Sie die Id Ihrer gewünschten WPVR-Tour, die Sie einbinden möchten

Stellen Sie die Breite der Tour nach Ihren Wünschen ein.

  • Weisen Sie einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 600
  • Oder Sie können einen Prozentsatz verwenden. Beispiel: 90%
  • If you wish the tour to be full-width of the page, just set it as: ‘100vw’.

Stellen Sie die Höhe der Tour nach Ihren Wünschen ein.

  • Weisen Sie nur einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 400
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Stellen Sie den Radius der Tour nach Ihren Wünschen ein (um runde Kanten der Tour zu erzeugen).

  • Weisen Sie nur einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 10
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Das war's. Jetzt können Sie eine Vorschau der Tour sehen, um zu sehen, wie sie aussieht.

WP VR Elementor Widget To Embed and Customize A Virtual Tour #

Wenn Sie Elementor verwenden, finden Sie unter den üblichen Widgets das WPVR-Widget, mit dem Sie eine virtuelle Tour in Ihre Website einbinden können.

WPVR-Elementor-Widget

Finden Sie es, indem Sie im Abschnitt Elemente nach WPVR suchen.

Oder Sie finden sie einfach, indem Sie im Abschnitt Allgemeines unter Elemente nach unten scrollen.

Ziehen Sie das Widget per Drag & Drop in den Container, in den Sie die virtuelle Tour einbetten möchten. Auf der linken Seite finden Sie die folgenden Optionen:

WPVR-Elementor-Widget Optionen
  • Id
  • Breite
  • Höhe
  • Radius

Wählen Sie die Id Ihrer gewünschten WPVR-Tour, die Sie einbinden möchten.

Stellen Sie die Breite der Tour nach Ihren Wünschen ein.

  • Weisen Sie einen positiven numerischen Pixelwert zu. Zum Beispiel: 600px
  • Oder Sie können einen Prozentsatz verwenden. Beispiel: 90%

Stellen Sie die Höhe der Tour nach Ihren Wünschen ein.

  • Weisen Sie nur einen positiven numerischen Pixelwert zu. Zum Beispiel: 400px
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Stellen Sie den Radius der Tour nach Ihren Wünschen ein (um runde Kanten der Tour zu erzeugen).

  • Weisen Sie nur einen positiven numerischen Pixelwert zu. Zum Beispiel: 10px
  • Oder Sie können einen Prozentsatz verwenden. Beispiel: 5%

Das war's.

Shortcode To Embed and Customize A WPVR Virtual Tour #

Wenn Sie den Classic-Editor verwenden, müssen Sie Shortcodes verwenden, um eine virtuelle Tour auf einer Seite einzubetten.

Im Bearbeitungsmodus Ihrer Tour sehen Sie ein Kästchen wie dieses mit dem Namen Diese Tour verwenden:

WPVR Virtueller Rundgang Kurzcode

Copy and paste the shortcode on your page.

Then you can customize the size of the tour as shown below:

To set fixed desired tour size:

[wpvr id = "Your Tour ID" width = "1200px" height = "400px" radius = "0px" ]

To set the tour size as a percentage of the container width size:

[wpvr id = "Your Tour ID" width = "90%" height = "400px" radius = "0px" ]

To view the tour in full width view of the page/post:

[wpvr id = "Your Tour ID" width = "fullwidth" height = "400px" radius = "0px" ]

Oder Sie können das Format von hier kopieren und entsprechend Ihren Bedürfnissen bearbeiten.

Stellen Sie die Breite der Tour nach Ihren Wünschen ein.

  • Weisen Sie die Breite in Pixeln zu. Zum Beispiel: Breite= "600px".
  • Oder Sie können einen Prozentsatz verwenden. Beispiel: 90%
  • Wenn Sie möchten, dass der Rundgang in voller Breite der Seite erfolgt, dann verwenden Sie den Text 'fullwidth'.

Stellen Sie die Höhe der Tour nach Ihren Wünschen ein.

  • Weisen Sie nur einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 400
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Stellen Sie den Radius der Tour nach Ihren Wünschen ein (um runde Kanten der Tour zu erzeugen).

  • Weisen Sie nur einen positiven numerischen Wert zu, der als px verwendet wird. Zum Beispiel 10
  • Verwenden Sie keine Prozentzahlen oder irgendeinen Text

Das war's. Jetzt können Sie eine Vorschau der Tour sehen, um zu sehen, wie sie aussieht.

Now, let us take a basic overview of the plugin before you can start using all the advanced features.

WP VR Basic Plugin Overview ➜