WordPressサイトにインタラクティブな360度画像を追加したいですか?
インタラクティブな360度画像を使ってバーチャルツアーを作成したり、買い物客に商品をあらゆる角度から見てもらうことができます。バーチャルリアリティ(VR)の人気が高まるにつれ、これらの画像を使用して、訪問者に楽しく魅力的な体験を提供することもできます。
この投稿では、WordPressでインタラクティブな360度画像を簡単に追加する方法をご紹介します。
なぜWordPressでインタラクティブな360度画像を使うのか?
オンラインストアを運営しているのであれば、高品質の商品画像はより多くの売上に貢献します。
一部の大手ブランドは、買い物客があらゆる角度から商品を探索できるようなインタラクティブな360度画像を作成することで、これを次のレベルに引き上げている。
カスタマイザーに、項目をさまざまな角度から写した複数の写真をスクロールしてもらうより、ずっと魅力的だ。
不動産サイトをお持ちなら、360画像を使ってバーチャルツアーを作成し、購入希望者が物件を探せるようにすることができます。これによって、予約や表示への説得力を高めることができる。
また、360度画像を使って、新しい魅力的な体験を作り出すこともできます。例えば、旅行ブログを運営している場合、読者はインタラクティブな画像を使ってさまざまな場所を探索することができます。
それでは、WordPressブログやサイトにインタラクティブな360度画像を追加する方法を見ていきましょう。ここでは2つの方法を取り上げますので、以下のクイックリンクから使いたい方法にジャンプしてください:
方法1:WordPressで360度のインタラクティブ画像を追加する方法
WordPressに360度回転する画像を追加する最も簡単な方法は、Algori 360 Imageを使うことです。この無料のWordPressプラグインは、ブロックエディターに新しいブロックを追加するだけなので、とても簡単に使用することができます。
まず、Algori 360プラグインをインストールし、有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化した後、設定することはありませんので、すぐにプラグインを使い始めることができます。
しかし、このプラグインは360度画像を作成することはできず、表示することしかできない。つまり、スマートフォンアプリやウェブデザインソフトを使って画像を作成する必要がある。
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!