wordpress

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

投稿日:

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

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

関連記事

ワードプレス

WordPress テーマTwenty Sixteenでメンバー紹介や選手一覧などを作ってみた③

9.メンバー登録 上図のような画面になって、投稿ができるようになります。 では、さっそく1人目を登録します。 ①「ここにタイトルを入力」のところに「日本 太郎」としてみます。 ②アイキャッチ画像のとこ …

Google FontがEdgeで表示されない

Google FontsがEdgeで表示されない場合

  <link>で読み込んだのにEdgeで正しく表示されない   <link href=”https://fonts.googleapis.com/css2?fa …

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

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

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

google api

Google Maps APIキー取得方法

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

予約1

簡単にワードプレスで予約システムを作る

  シンプル予約システム MTS Simple Bookingを使う   WordPressでお店のホームページを作って、しかも予約システムも導入できたらいいのにと思って探していた …