THETAを購入し、機会を見ては360度写真を撮影するように努めています。最初はA-FrameというVR用のフレームワークを使ってVRコンテンツを作ることを念頭においていたのですが、VR以外でも活用できないかと考えてみました。facebookは挿入コンテンツの1つに「360度画像」というものがあり、プラットフォームとして360度画像を埋め込む下地があると言えます。それでは、WordPressの場合はどうでしょうか。検索したところ、360度画像を埋め込むプラグインがいくつか見付かりました。どれもGutenberg以前のエディタでの導入方法で、Gutenberg上ではどうすれば良いのか分かりませんでした。探して試して、現状(2019/4/1現在)で最終的にできた方法を以下に記します。埋め込み方法やり方としては、プラグインをインストールして埋め込みを実現します。プラグインはショートコードを使って360度画像を埋め込むものを使用します。360」というプラグインです。360度画像をメディアライブラリ上にアップロード次に、360度画像をメディアライブラリ上にアップロードします(記事編集画面ではない)。今度はアップロードした画像の編集画面へ移動します。そこで、「ファイルのURL」が記載されているのでそれをコピーします。続いて、記事編集画面で「ショートコード」ブロックを呼び出します。ここでプラグインで有効となるショートコードを組み立てます。必要なものは先ほどのファイルのURLです。control="true"]dimageのショートコードに、埋め込みたい画像のURLをurlパラメータの値として記述。あとはお好みに併せてcontrol="true"を付けたり。これを先ほどのショートコードブロックにパラメータとして貼り付けます。360用のショートコードを貼り付けこれで保存してあげると......桜並木の写真ショートコードが実際の360度カメラの画像に挿し代わり、WordPressへ埋め込むことができました。THETAこの記事を書いた人アルム=バンドフルスタックエンジニアっぽい何か。LAMPやNodeからWP、gulpを使ってejs,Scss,JSのコーディングまで一通り。RasPiで遊んだり、趣味で開発したり。