[Å] Instagramの写真をブログのサイドバーに埋め込む方法

Instagramの写真をブログのサイドバーに埋め込む方法

本日はブログやホームページのサイド等にInstagramに投稿した写真をサムネイル表示する方法をご紹介。

Istagramと併用してブログやサイト運営を行っている方には嬉しいとても便利なツールを見つけました。ツールは無料。

Instagramの画像を埋め込む方法

以下のサイトにアクセスしてInstagramのユーザ情報を入力します。

Instagram 埋め込みツール

アクセスしたサイトではこのような画像が表示されると思います。

Instagram 埋め込みツール画面

自分のInstagramに投稿した写真を表示させたい場合は1番上を@usrenameにします。その他にもハッシュタグや人気などで表示情報を変更できます。

■ @username:Instagramのアカウント

■ Thumbnall Size:写真1枚あたりのサイズ

■ Layout:写真の見せ方(横 × 縦)

■ Responsiveness:レスポンシブにさせるかどうか

■ Border of each phpto:写真にボーダーを付けるかどうか

■ Sharing Buttons:写真にシェアボタンを設置するかどうか

■ Background color:背景のカラー設定

■ Space of each photo:写真と写真のスペース幅の設定

情報入力後、緑のボタンをクリックしてコードを取得。取得したコードをsidebar.phpやWordPressのウェジェットエリアに貼り付けると表示ができます。

これらを踏まえて入れ込んである形が以下の画像。実物は「はまこれ横浜」のサイドバーより確認可。

Instagram 画像埋め込みの様子

簡単かつシンプルなデザインでInstagramの埋め込みをおこなえるのでInstagramと併用してメディア運営を考えている方には非常に良いツールかなと思います。

同ツールでInstagramのフォローボタンも作ることができます。ご興味のある方は画像埋め込みタブの横にあるFollow Me Buttonからご利用ください。

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼