ProgateでHTML、CSSを勉強し始めた初心者です。
上記のテーマを実現したく、様々なサイトを検索し、勉強してみました。
中でも以下のサイトを一番参考にしています。
https://www.ni4.jp/2017/05/post_87.html
【3.アクセストークンを取得する】までは出来たのですが、
【4.instafeed.jsを使用してウェブサイトに埋め込む】からうまくいきません。
出来ないこと
①Instafeed.jsをダウンロードしても、instafeed.min.jsというファイルでダウンロードされず、instafeed.minになってしまう。
②jQueryを読み込むとは以下を【head】内に挿入すればいのか?
<script type="text/javascript" src="jQueryへのパス"></script> <script type="text/javascript" src="instafeed.min.jsへのパス"></script>③以下を挿入すれば表示されるのか?
<script type="text/javascript"> var feed = new Instafeed({ clientId: '「1」で取得したクライアントID', get: 'user', userId: '「2」で取得したユーザーID', accessToken:'「3」で取得したアクセストークン', links: true, limit: 18, // 取得件数 resolution:'thumbnail', // thumbnail (default) - 150x150 | low_resolution - 306x306 | standard_resolution - 612x612 template: '<a href="{{link}}"><img src={{image}} alt={{caption}}></a>' // 画像URL:{{image}} リンク:{{link}} キャプションテキスト{{caption}} いいね数:{{likes}} コメント数:{{comments}} }); feed.run(); </script> <div id="instafeed"></div>初心者のため知識はだいぶ少ないです。
お手数おかけしますが、ご回答頂けると幸いです。
よろしくお願いします。
あなたの回答
tips
プレビュー