http://www.techcoke.com/2015/10/snapwidget-instagram-website.html
試了一下
感覺還不錯
推薦各位
其中
Responsive記得改為 Yes
圖片大小與顯示張數
SnapWidget 是一款 instagram 的小工具插件,可以讓你快速,方便地在自己的網站或 blog 嵌入 instagram 相片牆。
SnapWidget 除了提供 Wordpress、Tumblr、Blogger 等平台安裝,也支援於一般網頁或響應式網頁 ( RWD ) 裝設。小工具在設定時可以依網站或 blog 主題的外觀和風格,來選擇定義照片牆大小、邊框和背景色而做適當的佈局。
使用時,SnapWidget 會依據填入的 instagram 用戶名或是 #hashtag,讓小插件每 30 分鐘自動刷新照片資料。插件在滑鼠滑入照片時也有淡入淡出效果,額外的,也可以幫照片加入 Facebook 及 Twitter 分享按鈕。
小工具樣式,可以選擇網格 ( RWD )、幻燈片、滑塊 ( 支援觸控:左右滑動 ) 等模式,可以視需求在網頁側邊欄或是底部頁腳安裝。
免費版的用戶,在 Widget 按下照片後,會連結到官方的廣告頁面,如果需求將照片連結至原本的 instagram 圖片展示頁面或是任何網頁頁面,則在「定價版」中才有提供。如果要在網站中快速加入 instagram 照片牆,免費版無需綁定帳號即可方便的使用。
相關連結
SnapWidget 插件頁面:「http://snapwidget.com/」SnapWidget 定價版:「http://snapwidget.com/pricing」
前往「SnapWidget 插件頁面」將畫面往下拉,即可自定義小工具的樣式。
按下「Preview」可以先預覽照片牆在網站中的顯示樣式。(* instagram 的帳號中的「不公開帳號」要設定為關閉。)
點取「Get Widget」即可將代碼複製下來於網站中使用。如果你的網站為 HTTPS 型式的網址,將代碼網址前的「http://」更改為「//」,照片牆即可在網頁中順利推送。