WordPress(WP)

WP(WordPress)

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

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

今回は、そのプラグインの設定方法の紹介です。

 

まずは「WP Photo Sphere」のインストールを行い、

その後投稿画面に移動します。
プラグイン:WP Photo Sphere
「Add a panorama」というボタンが表示されているので、クリックしてパノラマ写真を選択します。

プラグイン:WP Photo Sphere 画像の選択
該当のパノラマ画像を選択します。

プラグイン:WP Photo Sphere タイトル 
タイトル」を入力し、「Add」をクリックします。
※今回は、「タイトル」に「sample」と入力しておきます。

そうすると、ショートタグ([ sphere xxx])が挿入されると思います。
プラグイン:WP Photo Sphere ショートコード

公開すると、ユーザー側には以下の様に表示されます。
プラグイン:WP Photo Sphere ユーザー側01
タイトル部分をクリックすると、以下の様にパノラマ写真が再生されます。

プラグイン:WP Photo Sphere ユーザー側02

デフォルトだと、タイトルには「WP Photo Sphere ("アップロード時に登録したタイトル")」が表示され、

これだとあまり見栄えが良くないです。

それに、デフォルトではパノラマが自動再生されないのもユーザーにとっては不親切だと思います。

 

なので、設定を変更します。

設定変更は、

左メニュー「設定」→「WP Photo Sphere」と移動して、

以下の画面を開きます。
プラグイン:WP Photo Sphere 設定画面

ここで、以下の様に変更します。
・「Text of the link」を「WP Photo Sphere (%title%)」から「%title%」に修正
・「Automatically load panoramas」にチェックを入れる

プラグイン:WP Photo Sphere ユーザー側03

これで、タイトルが変更され、

パノラマもデフォルトで自動再生を開始するようになります。

 

こんな感じで公開されていると思います↓↓

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

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

内容

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

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

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

ご用意頂くもの

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

などなど、

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

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

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

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

関連記事

  1. WordPress(WP)
  2. WordPress(WP)

    WP(WordPress)

    WP 各ファイルのパーミッション(属性)設定について

    今日はWPのセキュリティについてです。といっても専…

  3. WordPress(WP)

    WP(WordPress)

    WPのカテゴリーをドロップボックス形式で表示

    カテゴリーをプルダウン形式(ドロップボックス)で表示させたい時、w…

  4. WordPress(WP)

    WP(WordPress)

    WPでページ上部に変なスペースが!!

    WordPressから吐き出しているページをよくよくチェックしてみると…

  5. WordPress(WP)
  6. WordPress(WP)

    WP(WordPress)

    WordPressのページングで落とし穴!?

    昨日、WP-PageNaviというプラグインを使ってサイトをページ…

最近の記事

  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