WordPressでインタラクティブな360度画像を簡単に追加する方法

訪問者がバーチャルにその場所を探索したり、製品をあらゆる角度から見たりできたらと思ったことはないだろうか。

WPBeginnerでは、魅力的なビジュアルの力を知っており、360度画像は訪問者の注目を集める確実な方法です。バーチャルリアリティ（VR）端末がより身近になるにつれて、360度画像を使用して、潜在的な購読者やカスタマイザーに本当に没入感のある楽しい体験を提供することもできます。

この投稿では、WordPressでインタラクティブな360度画像を簡単に追加する方法をご紹介します。

なぜWordPressでインタラクティブな360度画像を使うのか？

オンラインストアを運営しているのであれば、高品質の商品画像はより多くの売上に貢献します。

一部の大手ブランドは、買い物客があらゆる角度から商品を探索できるようなインタラクティブな360度画像を作成することで、これを次のレベルに引き上げている。

これは、項目をさまざまな角度から表示する画像ギャラリーをスクロールするようカスタマイザーに求めるよりもはるかに魅力的です。

不動産サイトをお持ちなら、360画像を使ってバーチャルツアーを作成し、購入希望者が物件を探せるようにすることができます。これによって、予約や表示への説得力を高めることができる。

また、360度画像を使って、新しい魅力的な体験を作り出すこともできます。例えば、旅行ブログを運営している場合、読者はインタラクティブな画像を使ってさまざまな場所を探索することができます。

それでは、WordPressブログやサイトにインタラクティブな360度画像を追加する方法を見ていきましょう。ここでは2つの方法を取り上げますので、以下のクイックリンクから使いたい方法にジャンプしてください：

方法1：WordPressで360度のインタラクティブ画像を追加する方法

WordPressに360度回転する画像を追加する最も簡単な方法は、Algori 360 Imageを使うことです。この無料のWordPressプラグインは、単に新しいブロックを追加するだけなので、プラグインをとても簡単に使うことができます。

しかし、このプラグインは360度画像を作成することはできず、表示することしかできない。つまり、スマートフォンアプリやウェブデザインソフトウェアを使って画像を作成する必要があります。また、360度画像はサイトに大きな重みを与えるので、この画像をウェブ用に最適化することが不可欠です。

これで、Algori 360プラグインをインストールし、有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、設定することはありませんので、すぐにプラグインを使い始めることができます。

360度画像を入手したら、そのインタラクティブ画像を表示したい投稿やページにアクセスするだけです。

ここで「+」ボタンをクリックし、「360 Image」と入力する。右のブロックが表示されたら、クリックしてページに追加します。

メディアライブラリ」をクリックします。

次に、ライブラリから360度画像を選択するか、コンピューターから新規ファイルをアップロードします。

360度画像のサイズによっては、WordPressが処理するのを待つ必要があります。しばらくすると、投稿エディターに360度画像が表示されます。

更新’または’公開’ボタンをクリックするだけで、画像を公開することができます。

これで、WordPressのサイトにアクセスすると、ドラッグして360度画像を回転させることができる。

VRヘッドセットをお持ちの場合は、「VR」ボタンをクリックすると、360画像をバーチャルリアリティで楽しむことができる。

ただ、インタラクティブな画像はサイトの速度を低下させる可能性があることに注意してください。WordPressのスピードとパフォーマンスを向上させる方法については、究極のガイドをご覧ください。

360度画像がモバイル端末でどのように見え、どのように動作するかをテストするのも良いアイデアです。手順については、WordPressサイトのモバイル版をデスクトップから表示する方法をご覧ください。

方法2：WooCommerceストアに360度商品画像を追加する方法

インタラクティブ画像は、買い物客が商品をあらゆる角度から見ることができるため、オンライン・マーケットや店舗で特に役立ちます。

WooCommerceストアをお持ちの場合、SR Product 360° Viewを使用することで、ストアの全ての項目に対して360度回転する商品画像を作成することができます。

商品の写真をあらゆる角度から撮影し、見せたい順番にアップロードするだけです。

プラグインはこれらの画像を360度回転するアニメーションに合成し、WooCommerceの商品ページで買い物客に見せることができます。

まず、SR Product 360 viewプラグインをインストールして有効化してください。WordPressプラグインのインストール方法については、こちらをご覧ください。

次に、商品“ すべて商品から360度画像を追加したい商品を開きます。

商品エディターで、新しい「商品360度表示」セクションまでスクロールします。ここで、「360度画像を追加」ボタンをクリックします。

360度アニメーションに含めたい画像をすべて選択できます。

本当に〜してもよいですか？アニメーションに表示される順番で画像を選択してください。

SR Product 360° Viewでは、これらのファイルがすべてProduct 360° Viewセクションに表示されます。ドラッグ＆ドロップで画像を並べ替えることができます。

これらの画像に満足したら、’更新’または’公開’ボタンをクリックして360度アニメーションを公開します。

ボーナス:WooCommerceストアを次のレベルに引き上げたいですか？FunnelKitファネルビルダーと自動化プラットフォームを使って、WooCommerceにダイナミックなアップセル、クロスセル、オーダーバンプ、完全なセールスファネルを追加してみましょう。

この投稿がWordPressでインタラクティブな360度画像を追加する方法を学ぶのにお役に立てば幸いです。WordPressでフリップボックスのオーバーレイとマウスオーバーを作成する方法や、専門家が選んだ最高のスライダープラグインもぜひご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.