愛知県春日井市でシンプルでいい感じの高機能ホームページ制作・ホームページ作成  名古屋市北区・守山区・東区もすぐ!一宮 瀬戸 小牧なども  

モバイルメニュー

instagram-logo

どうも。D-Marking Designわたなべです。

忙しくてなかなかこの本家サイトのHPを改造できてなくて、(半年ほど、?汗)

やっと、ブログの部分やら色々と、少し修正・カスタムなどできました。

(まだまだ、構想は多々あるんですが、。ボチボチやってきます。)

さて、

サイドバーにインスタグラム(Instagram)のウィジェットを設置しました。

スクリーンショット 2014-12-06 22.48.13

webサイトって、現実味がかけると思うんで、うちの愛猫フィンくんを

アップしていくコンセプトでインスタグラム始めようと思っていました。

インスタグラムのウィジェットもウチでHP制作する場合はサービスで設置できたりするので、

よろしくお願いします。

 

インスタグラム(Instagram)ウィジェットをHPに設置Wordpress編

手順1. まずはインスタグラムのアカウント取得。(iosかandoridoのアプリから作成)

既存のIDを使いたい場合は準備OK!

アカウントを切り替えて使いたい場合は一度ログアウトして、新しくアカウントを作る。

FotogrammeというアプリをDLしてログインすればアカウントを切り替えれるようでした。

site_logo@2x

WEB公開用、プライベート用など使い分けれます。

 

手順2. WordpressにInstagram feedをインストール

このプラグインは英語ですが、簡単に設定できました。

インスタグラムにログインした状態でプラグインの設定画面で

この青いボタンを押します。

スクリーンショット 2014-12-06 23.37.09

そうすると自動でAccess Tokenてやつと、User ID(s)ってやつが表示されます。

それをコピペして入力。保存

カスタマイズってページで表示件数やサイズを調整したら準備完了!

 

3.サイドバーにInstagramウィジェット設置

 

ショートコードですが

こいつを僕は直接テーマに書きますので

phpで書いてこれで表示されますね!

 

2015.08追記

としました。

 

4.あとは自分のインスタグラムの一覧のページへリンク

ウィジェットの下にveiw more を足しました。

インスタグラムにアクセスして自分ページをコピペしてリンクします。

僕はターゲットブランクで。

以上になります。

 

Instagram feed プラグインのメリット

僕的にWordpressプラグインでなくても良かって、

最初はSnapWidgetってやつでやったんです。

iFrameで簡単に設置できて、Wordpressでない場合はおすすめですが、

写真をクリックした際の画面がオフィシャルのInstagramの画面でなくて、

少々、ごちゃっとした広告入りの画面で表示されたので、どうしてもシンプルな画面、それもオフィシャルの画面で開いて欲しくてInstagram feedにたどり着きました。

他にもクリックすると写真だけが開くスタグラメーカーってやつもありました。

こちらもWordpressプラグインではないのでどんなサイトにも設置できます。

 

以上長くなりましたが、サイドバーに

ネコスタグラムと表した

愛猫用インスタグラムウィジェット設置しました。でした。

 

Good Web Life!

 

 

愛知県春日井市ホームページ制作ディーマーキングデザイン 名古屋 一宮 瀬戸 小牧
愛知県春日井市ホームページ制作デザイナー

投稿者

Watanabe Kousuke わたなべ こうすけ

1980.11.26生まれ B型 既婚 愛娘家

東京デザイナー学院名古屋校 メディアデザイン学科 卒業 (現 名古屋デザイナー学院)
看板屋(看板・店内サイン制作)、デザイン会社(雑誌・WEB等制作)を経て2010年からD-Marking Designの代表 兼 デザイナーとして活動中


ブログTOPへ
ご訪問ありがとうございます。

直メールはこちら
メールする

お電話はこちらまでお気軽に
電話する


PAGE TOP