Fyuseの写真データをブログ内(WordPress)に埋め込み表示する方法。


どうも!
WordPressでブログ始めて早2年ほど、途中休んでいましたが、今は元気な@CHASUEKでございます^^

前回、当ブログ内で空間撮影アプリFyuse(フューズ)を紹介させていただきました。
[参考]3D空間撮影が可能な『Fyuse』の写真なら現場の雰囲気が一瞬で伝わる!!

 

上記の記事中で、
Fyuseの写真データをブログ内に埋め込み表示させようとしたんだが、なかなか苦労したので備忘録的に残しておきます。同じ悩みを抱えた人に参考になれば幸いです。

Fyuse - 3D写真

Fyuse – 3D写真
開発元:Fyusion
無料
posted with アプリーチ

 

SPONSORED LINKS

公開していないデータは表示されない。

基本的には、アプリ内からブログ内に貼り付けたいFyuseデータの埋込みコードを生成して貼り付けるだけでいいはずと思ったが。

公開してないデータの埋め込みコードを生成。
IMG_8622

 

▼生成されたコードはこちら。

 

▼上記コードを、そのままブログ内に貼り付けた結果。
share_before

灰色の四角が表示のみ出てきた。
未公開の写真は表示できないみたい。
公開してなければ、自分のスマホ内にしかデータがないので当然といえば当然か(- -;)。

 

▼公開して再度実験してみる。

IMG_8623

 

▼公開設定にしたら、無事に表示された。
share_after

できた!!

けど、なんか小さい。

 

写真を画面いっぱいに表示する方法

いろいろ試した結果、
下記のコードの【Fyuse管理ID】の箇所に自分が貼り付けたいデータのものに変更してやれば、うまいこと表示されました!【画像サイズ】は表示したいサイズです。

 

▼ここのFyuse管理IDはココをチェック。
IMG_8624

 

▼完成した埋め込みコードがこちら。

 

上記をブログ内に貼り付けることで、部分いっぱいに写真が表示してくれました!!

▼こちら。

縦サイズのFyuseでも試したが、こちらも同じ方法で縦いっぱいに表示してくれましたよ◎

 

まとめ。

①Fyuseでブログに貼り付けたい場合は、公開すること。
②埋込コードは、そのまま貼り付けるのではなくFyuseIDだけ上記コードにコピペしてやる。

これで満足です〜♪
では、おやすみなさい☆

SPONSORED LINKS
シェアお願いします♪

コメントを残す

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