新規拡張ユニット
「インスタグラム連携ユニット」をリリースしました!

インスタグラム連携ユニットとは?

  • インスタグラムの投稿一覧をタイル表示するユニットです。
  • ページに表示する投稿数は任意で変更できます。
インスタグラム連携ユニット設定前の画像 設定前(ページにユニットを設置した際のダミー)
インスタグラム連携ユニット設定後の画像 設定後(一例として投稿の表示数を4件に設定)

選べるリンク先

画像のリンク先を「投稿」と「ユーザー」の2種類から選択できます。
両者の違いについては、ぜひ以下のbing!CMS公式インスタグラムの投稿をクリックして確かめてみてください。

投稿

画像をクリックすると、インスタグラムの投稿記事が開きます。

bingo!CMS Official Instagram

ユーザー

画像をクリックすると、インスタグラムのユーザープロフィール画面が開きます。

bingo!CMS Official Instagram

シンプルな設定方法

  1. 表示件数 … ページに表示する投稿の総数を指定します。
  2. リンク先 … 投稿クリック時のインスタグラムのリンク先を指定します。
  3. Instagram Business ID … InstagramビジネスアカウントIDを入力します。*
  4. アクセストークン … アクセストークンを入力します。*
  5. 行数(PC) … PC用ページのコンテナのwidthに対し、表示する投稿数を指定します。
  6. 行数(SP) … SP用ページのコンテナのwidthに対し、表示する投稿数を指定します。
  7. デザインオプション … タブを切り替え、ユニットの下方スペースを「なし」〜「広い」の中から4段階で選択します。
  8. キャンセル … 設定を保存せずページ編集画面へ戻ります。
  9. 保存 … 設定を保存しページ編集画面へ戻ります。
  10. class … ユニットにclassを設定する場合、この欄に入力します。
  11. アニメーション用クラス(bingo!CMS1.7.3以上) … ユニットが表示される際のエフェクトを設定します。
  12. 遅延(bingo!CMS1.7.3以上) … アニメーションが開始されるタイミングを調整できます。

*詳細は「インスタグラム連携ユニット マニュアル」をご確認ください。

本ユニットに関する注意事項

価格 無料
対応バージョン bingo!CMS 1.7.0 以上
・bingo!CMS パートナー様向のバージョンアップはこちら
・bingo!CMS 一般のお客様(パートナー以外)向のバージョンアップはこちら

※bingo!CMS(クラウド版)をご利用の場合はダウンロード不要です。
管理画面 > その他管理 > 拡張機能管理 より追加してください。

bingo!CMS 公式SNS更新中!

【bingo!CMS 公式facebook】
【bingo!CMS 公式twitter】

お役立ち記事のシェアなど日々発信中です。皆さまのフォローお待ちしております!

ページトップ