「VR (仮想現実/virtual reality)」をWordPressで使いたいと思いませんか?

今や不動産サイトだけでなく、ECサイトでも見かけるようになったVR。360度の立体感のあるイメージは大手ECサイトの商品画像でも時々使われています。

WordPressでプラグイン「Algori 360 Image」を使えば簡単に入れられるのでご紹介します。

「Algori 360 Image」機能概要

  • 無料で使える
  • 画像をアップロードしてVRを生成
  • 1ページに表示できるのは1つだけ
  • グーテンベルクのみ挿入可

プラグインのインストール

管理画面から「Algori 360 Image」を検索してインストールするか、下のボタンからもダウンロード可能です。プラグインファイルを wp-content/pluginsディレクトリにアップした後、管理画面から有効化してください。

Algori 360 Image

VRを記事に挿入する

記事の中にVRイメージを挿入する方法を解説します。グーテンベルクエディターで記事編集画面を開いてください。

グーテンベルク操作
(+) ボタンから、「360°image」をクリック。

なお、サイトがhttps化されていないと「Access this site over HTTPS to enter VR mode and grant access to the device sensors.」というエラーメッセージが表示されます。

メディアアップロード
表示する画像を選択し、横幅と高さを調整すれば完了です。画像は「jpg」のみサポートされています。アップロード、メディアライブラリからの選択、URL指定ができます。

Algori 360 Image

「Algori 360 Image」使用例


↑このように表示されます。この事例はVR用に作った画像ではないので、少々物足りませんが・・

「VR」ボタンを押すと全画面に切り替わります。この状態でヘッドセットなどをつけてVRを見ることもできます。

1枚の画像で立体的に見せられるのはおもしろいですね。VR写真の撮り方はこちらの記事が参考になります。

VRビデオ版もある

同じプラグイン作者でMP4ファイルをアップしてVRを挿入できるプラグイン「Algori 360 Video」もあります。「Algori 360 Video」であれば、より本格的なVRが実現できます。

Algori 360 Video