インスタグラムをサイトに反映させたい。

Question

https://www.rakuten.ne.jp/gold/outletruckruck/
こちらのサイト様のようにトップページにインスタグラムの投稿を載せていきたいのですが
こちらは自動更新できるようにコードが組まれているのでしょうか。

もしひとつひとつキャプチャをとって画像にしているとしたら
動画の場合はどのように載せればいいのかと思っています。

またこちらのサイト様のデザインを参考にしたいのですが
どのようにコードを組めばいいでしょうか？

PCとスマホ用どちらも教えていただければ幸いです。

Answer

ECマスターズの田辺です。

＞こちらのサイト様のようにトップページにインスタグラムの投稿を載せていきたいのですが
＞こちらは自動更新できるようにコードが組まれているのでしょうか。

楽天は外部サイトとリンクさせることを
禁止しておりますので、
インスタグラムのページを自動挿入することはできかねます。

参考サイトを見ると
インスタグラムのページように見えますが、
実際はインスタグラム風に画像を掲載しているようです。


＞もしひとつひとつキャプチャをとって画像にしているとしたら
＞動画の場合はどのように載せればいいのかと思っています。

動画の場合も画像と同じく、
掲載する場合は外部サイトからではなく、
R-CabinetやGOLDにアップロードしたものを
使用する必要がございます。

インスタグラムは動画をダウンロードすることはできかねますので、
掲載されている動画を載せることは難しいと思います。


＞またこちらのサイト様のデザインを参考にしたいのですが
＞どのようにコードを組めばいいでしょうか？

コードについて１から説明いたしますと、
膨大な量の情報をお伝えする必要がございますので、

まずはご自身でどのようなコードが書かれているか
お調べいただいてもよろしいでしょうか。

コードを調べるには
各ブラウザのデベロッパーツールを活用する方法がございます。

例えばChromeの場合はこちらで詳しく
解説されております。
https://www.youtube.com/watch?v=bqiGPH7Dp2k

※現状のツールとボタンなどの見た目が若干違っておりますが
基本的な操作は同じです。

まずはご案内した方法を活用して
ご自身でコードを見ながら
ページを作成していただいてもよろしいでしょうか。

作業をしていただき
ご不明点が出てきましたら
再度ご質問頂けますと幸いです。