WordPressのブログ記事でおいしかったお店の記録をしておきたい!けど、”埋め込み”(ブロックの埋め込み、というのかな??)にInstagramの選択肢がなかったし、どうするのかなーということで以下の手順でやってみました。うまくいった!
![](http://image.moshimo.com/af-img/1762/000000030610.gif)
Instagramを埋め込んでみよう!
たとえば、おいしいお店のInstagramを↓の感じでWordpressのブログ等に引用したい場合。。。
この手順でできました。
- Instagramから「埋め込みのコード」(記述)をコピーする
![手順1](https://somehowblog.com/wp-content/uploads/2021/11/Instagram1-1024x518.jpg)
![手順2](https://somehowblog.com/wp-content/uploads/2021/11/Instagram2-1024x444.jpg)
![手順3](https://somehowblog.com/wp-content/uploads/2021/11/Instagram3-1024x515.jpg)
- WordPressのブログ等に戻って、「カスタムHTML」(ブロックエディター)でを選択し、コピーしたコードを埋め込む
![手順4](https://somehowblog.com/wp-content/uploads/2021/11/Instagram4.jpg)
![](https://somehowblog.com/wp-content/uploads/2021/11/Instagram5.jpg)
Ctrl+Vなどで、さっきInstagramからコピーしたコードを張り付けると…
![](https://somehowblog.com/wp-content/uploads/2021/11/Instagram6.jpg)
出来た!
同じようにGoogleMAPも埋め込むことができます。
Google Mapを埋め込んでみよう!
- GoogleMAPで「共有」から「HTMLをコピー」
![](https://somehowblog.com/wp-content/uploads/2021/11/GoogleMap1-1.jpg)
![](https://somehowblog.com/wp-content/uploads/2021/11/GoogleMap2.jpg)
- WordPressのブログ等に戻って、「カスタムHTML」(ブロックエディター)でを選択し、コピーしたコードを埋め込む。
- ここからはInstagramのときの、2.の手順と同じ
↑こんな感じで表示されます!
お気に入りのお店の記録には、InstagramとMapのセットが多いかなーと思い、この2つの手順をまとめてみました。
![](http://image.moshimo.com/af-img/1762/000000030610.gif)
コメント