WordPress(WP)

WP(WordPress)

WPのプラグイン「WP-VR-view」で360°パノラマ写真を公開

360°パノラマ写真(全天球画像)の埋め込みを行えるWordPressプラグインの「WP-VR-view」を試してみました。

今回はその設定方法の紹介です。

 

まず、「WP-VR-view」をインストールして、有効化しておきます。

 

次に、管理画面左側の「メディア」メニューからパノラマ写真をアップロードして、

そのURLを取得しておきます↓
プラグイン:WP-VR-view メディアの選択

 

記事の投稿画面に移動すると、

以下の様なアイコンが追加されていると思います↓
プラグイン:WP-VR-viewのアイコン
左側のアイコン(青いやつ)がパノラマ画像用、

右側のアイコン(赤いやつ)がパノラマ動画用です。

 

今回はパノラマ写真の設定なので、

左側の60°パノラマ写真をクリックすると、

以下の画面が立ち上がります。
プラグイン:WP-VR-viewの設定

「PhotoSphere image URL」と「Preview image URL」にメディアからアップロードしたパノラマ写真のURLを入力して、

「Insert」をクリックすれば、OKです。
※「Width」や「Height」は必要に応じて入力して下さい。

 

この時点で、

投稿画面にショートタグ([ vrview img="https://~~" pimg="https://~~"])が埋め込まれていると思うので、

そのまま公開すれば、

ユーザー側にも反映されていると思います。

↓↓こんな感じ↓↓

弊社では、以下の方に向けて、WordPressの短期学習プログラムを
格安で提供しております。

  • 個人でWordPressを使ったサイト構築をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

基本的には、初心者の方を対象にした学習プログラムです。

※ WordPress制作の上級者の方の場合、弊社の学習プログラムはあまり役に立たないと考えています。

  • ・ WordPressのインストールからセッティングの方法
  • ・ WordPressのテーマ選びについて
  • ・ WordPressのプラグイン選びと設定方法について
  • ・ サーバの準備方法
  • ・ ドメインの取得・管理の方法
  • ・ FTPの設定方法
  • など

ご用意頂くもの

  • ・ ノートPC
    ※ 弊社はWindowsを業務で利用しておりますので、できればWindowsのPCをおすすめしています。
  • WordPressでサイトの制作を考えているが、何から始めればいいのか分からない。
  • ドメインやサーバはどうやって準備すればいいの?
  • そもそもホームページの公開には何が必要なの?

などなど、

どのような内容でも構いませんので、お気軽にお問い合わせ下さい。

お客様の目的をお聞きした上で、最適の学習プランを提案致します。

ご興味のある方は、以下の内容を記載の上、一度お問い合わせ下さい。
こちらより、折り返しメールを致します。

  • ① お名前
  • ② 折り返し先のメールアドレス
  • ③ 希望の学習内容

関連記事

  1. SSL(HTTPS通信)

    WP(WordPress)

    「お問合せフォーム」のみHTTPSで通信したい!!

    某業者さんのサイトをWPで組んでいるのですが、SSLを取得している…

  2. WordPress(WP)

    WP(WordPress)

    HTTPのレスポンスヘッダーから要らない情報を削除

    弊社で運用している某ブログのWPのバージョンをアップしたのですが、…

  3. WordPress(WP)

    WP(WordPress)

    WPのプラグイン「WP Photo Sphere」で360°パノラマ写真を公開

    360°パノラマ写真(全天球画像)の埋め込みを行えるWordPress…

  4. WordPress(WP)

    WP(WordPress)

    WordPressのバージョンアップのお知らせを表示させない

    ある街情報のサイトをWordPressで運用しているのですが、街の…

  5. WordPress(WP)

    WP(WordPress)

    ブログのサーバ移管

    WordPressで構築したサーバの移管先日、こちらの…

  6. WordPress(WP)

    WP(WordPress)

    WP プラグイン「Post Type Switcher」を使って記事投稿タイプ変更!!

    カスタム投稿タイプを利用してテーマ毎に5つのブログに分けて運営していた…

最近の記事

  1. WordPress(WP)
  2. 404 Not Found
  3. WordPress(WP)
  4. WordPress(WP)
  5. PHP
  6. PHP
  7. 風邪予防
  8. WordPress(WP)
  9. PHP
  10. 宅建
PAGE TOP