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

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

関連記事

div

divを重ねて上下中央

divとdivを重ねてしかも上下中央にしたい!     例えば、指定したサイズに背景画像を配置して、その上にメニューやタイトル、キャッチコピーなどを表示したい。 もちろん、画像ファ …

vegas動画と画像

画像と動画を混合させて表示VEGAS

動画も一緒に表示させる方法   動かしてみた方法は以下の通りです。   1.先に動画を表示して、次に画像を表示する方法   jQuery(document).ready( …

スマホで予約システム

スマホで予約システムが無料で作れる

  今流行りの予約システム   以前から、サロン系やフィットネス系のオンライン予約を頼まれたことがあり、何度か作成してきましたが、 今回は、コロナの影響からも言えると思いますが、 …

レスポンシブWordPressテーマ

プロが選ぶWordPressテーマテンプレート無料有料

レスポンシブWordPressテーマ 「LIQUID PRESS」 累計2千DL突破! 日本語対応レスポンシブWordPressテーマ スマホ/PC表示切替OK! Bootstrap対応! こんな方に …

Google Doc Embedder

WordPressでPDFを埋め込むプラグイン

  Google Doc Embedder   WordPressの記事内や固定ページ内で、PDFのファイルを利用したい、またはダウンロードできるようにしたい時に使うプラグインです …