みけねこ家族とシュールなネタ帳 -30ページ目

ども、アメブロカスタマイズのみけねこ（ニャ～♪）です。

前回の記事で公開した『インスタグラムの最新投稿画像を表示するプラグイン』のカスタマイズ方法をご紹介します。

設置方法はこちらの記事にあります

『【公開】Instagramの最新投稿画像を表示するプラグイン』

デフォルトではこのように表示されます↓

設置したスクリプトのURLの部分（赤文字の部分）の後ろにパラメーターを追加することで、外観をカスタマイズすることができます。

下記のパラメーターをスクリプトに追記します。

【枠の幅のカスタマイズ】

&frmsize=280

※指定しない場合は、160px

【枠の太さのカスタマイズ】

&bdsize=8

※指定しない場合は1
　単位はpx（ピクセル）です。

【枠の種類のカスタマイズ】

&bdstyl=ridge

※枠の種類
　solid, double, groove, ridge, inset, outset, dashed, dotted
　指定しない場合は、solid

【枠の色のカスタマイズ】

&bdclr=336633

※指定しない場合は、ccc
　色の指定は後述のチャートからハッシュコード(#)抜きの文字を指定してください。

【背景の色のカスタマイズ】

&bgclr=ccffff

※指定しない場合は、FFFFFF
　色の指定は後述のチャートからハッシュコード(#)抜きの文字を指定してください。

【タイトルの文字色のカスタマイズ】

&ttlclr=006600

※指定しない場合は、000066
　色の指定は後述のチャートからハッシュコード(#)抜きの文字を指定してください。

【タイトルの文字サイズのカスタマイズ】

&ttlfsize=36

※指定しない場合は、18

【プロフ画像のサイズのカスタマイズ】

&prfsize=240

※指定しない場合は、100px
　2の倍数を指定してください

【投稿画像のサイズのカスタマイズ】

&phtsize=260

※指定しない場合は、120px
　10の倍数で試してください（表示できないサイズがあるかもしれません）

【名前の色のカスタマイズ】

&nmclr=009966

※指定しない場合は、990000
　色の指定は後述のチャートからハッシュコード(#)抜きの文字を指定してください。

【名前の文字サイズのカスタマイズ】

&nmfsize=24

※指定しない場合は、14px

【 IDの文字サイズのカスタマイズ】

&idfsize=28

※指定しない場合は、14px

色の指定方法はこちらで　＞＞　色見本（カラーチャート）　ナスカ特製

ハッシュコード(#)抜きの文字を指定してください。

【カスタマイズ例】

次回は、CSS編集を使ってもっと自由にカスタマイズしてみたいと思います。

みけねこ（ニャ～♪）でした。

みけねこ家族とシュールなネタ帳