wordpress

できた!360度カメラの画像をWordPressに

投稿日:2020年4月29日 更新日:

360カメラ

 

プラグインで簡単に!

 

360度カメラで撮影した画像をWordPress(ワードプレス)の固定ページや投稿ページまたは、カスタム投稿タイプなどに使いたいときに便利なのが、

『WP VR – 360 Panorama and virtual tour creator for WordPress』というプラグインです。

それでは手っ取り早く使い方を・・・

 

1.プラグインをインストール

 

360カメラ WP VR

 

WordPress管理画面の『プラグイン』→『検索BOXにWP VRと入力』→『表示されたWP VRというプラグインをインストール』

 

2.新規追加

 

プラグイン WP VR

 

『Add New Tour』から好きなタイトルを入力します。

『General Settings』の部分はいろいろ試してみるといいかも?

 

3.360度画像をアップロード

 

360VR

 

 

360度カメラの画像なので、『SCENES』タブを選択してから『Scene ID』を001とか01とかを入力します。

次に『UPLOAD』ボタンで画像を選択します。

 

4.表示させるショートコード

 

上図の右側に表示されているショートコードを使って、固定ページや投稿ページ、カスタム投稿ページに貼付けします。

この場合は、『wpvr id=”230″』と表示されていますので、コピーして貼り付けます。

 

 

5.画像のサイズについて

 

ホームページのデザインに合わすため、いろいろな方法がありますが、

例えば、横幅を指定するような場合

<div class=”xxxxx”>

[wpvr id=”230″ width=”100″]

</div>

と表示すると、xxxxxにcssでワイド幅などを自由に設定できると思います。

 



 



 

 

 

 

 

 

-wordpress
-, ,


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

リストメニューを順番に表示

メニューリストを横から順番に表示させる cssのみ

  cssだけで簡単にメニューなどのリストに動きを付けます。 今回は、右から現れてくるように作ってみました。 さっそくですが、以下にサンプルがありますので、興味がある方はコピペして使ってくだ …

wordpress

WordPressとは?

WordPress(ワードプレス)って オープンソースのブログソフトとして、2003年に公開されました。 オープンソースとは、言葉通り、誰でも無償で自由に改良したり、再配布できるソフトウェアです。 ま …

表示件数

意外と忘れていた表示件数

  アーカイブの表示件数   WordPressのテーマをカスタマイズしていて、 記事の一覧表示やカスタム投稿の一覧表示を出力する【アーカイブ.php】で、 1ページに表示される件 …

オンマウス

マウスオーバーでリンク画像に変化をつける

  自分がしたことを忘れないように記事にしました。 やりたかったのは、マウスオーバー・オンマウスでリンク画像がだんだん大きくなり、上にのせていたマスクがなくなって画像がクリアになること。 い …

google api

Google Maps APIキー取得方法

Google Maps APIキー取得方法 Google Maps APIを取得する前に、Googleのアカウントを取得してください。 こちらから取得します → https://developers. …