Instagramのブログパーツをカスタマイズする方法

ひとつ前の記事にてInstagramのブログパーツを作成して設置する方法をまとめました。

その後、せっかく設置するならもう少し自分のブログに合わせて設置したい！！と思いちょっとしたカスタマイズを致しました。

変更内容は以下の通りです。

• 画像のサイズ変更。
• 画像の四隅に丸みを追加。
• 画像と画像の間のスペースを追加。

こちらの方法も自分用メモも兼ねて、まとめておきたいと思います。

画像のサイズ・四隅・スペースの変更方法

1.前回記事の手順２の画面にて、下部の「複眼RSSにて設定開始（フィードURL転送します）」という文字をクリック。

2.↓のような複眼RSSの画面に移動しますので①〜⑥の数値を変更します。

①角丸サイズ：画像の四隅丸みのサイズの設定。０pxで丸みなしの画像になります。

　画像表示横幅＆縦幅：画像１枚分の縦横のサイズを設定。

②横パティング：画像の左右のスペース（余白）サイズを設定。

　縦パティング：画像の上下のスペース（余白）サイズを設定。

③テーブル行数：縦に何枚画像を並べるかを設定。

　テーブル列数：横に何枚画像を並べるかを設定。

④取得件数：Instagramから何枚の画像を取得するか入力します。

　テーブル行数×テーブル列数の数を入力するといいと思います。

⑤カテゴリー：取得する写真のカテゴリーを１つ選んでください。(※ここを選ばないと「貼付けコード」が生成されません。)

3.⑥のボタンを押すと、下部に貼付けるコードとプレビューが表示されます。

　プレビューを見て問題がなければ貼付けコードをコピー。

 

これ以降は前回記事の手順３〜と同じです。

ちなみにこのブログに表示されているブログパーツの設定は、以下の通りです。

• 角丸サイズ：10
• 画像表示横幅＆縦幅：200×200
• 横パティング：2
• 縦パティング：2
• テーブル行数：3
• テーブル列数：1
• 取得件数：3
• カテゴリー：日記

ランキングに参加しております。下のボタンをクリックして頂けると、とても励みになります。