網上看到很多在痞客邦側欄嵌入外部連結(Instagram)的教學,卻總是不成功?這篇文章詳細說明了整個步驟,讓你可以隨時變更在側欄顯示的圖片,保證你可以將痞客邦的訪客導引到 Instagram,有效增加 IG 的自然流量,快來看看吧!
(痞客邦舊文已搬家至這裏~內容一樣喔,歡迎留言!)
想用 Instagram 官方「嵌入(Embed)」文章?不再可能了!
我每次在 IG 發文也會將文章放在痞客邦上,一直很想在痞客邦的側欄加入 IG 的連結,讓大家在這裏看到用 IG 帖子的顯示方式,且能在訪客點撀相片後,自動跳轉到 IG 頁面。
以往,你可以在 IG 直接產出嵌入連結,並將連結放到任何網站,非常簡單:
可惜,IG 官方早已在上年取消了嵌入文章的功能,防止將 IG 文章連結到其它未經授權的網站,若你依舊在其它網站或痞客邦上嵌入連結,將會看到這樣的畫面⋯⋯
超崩潰對吧?我在網上不停找尋,也未看到現在應該要怎樣做,才能正常顯示 IG 的嵌入畫面。
找了好一會兒,我終於看到痞客邦主「颱風的女兒」的部落格文章,才發現原來可以將相片加入痞客邦相簿,用相片內嵌的部分鏈接再來跳轉至IG 只要用外部的方式,你就可以任意選擇喜歡的圖片,能將它連接到其他網站了
用邦主的方法,確實成功進行了內嵌,但側欄顯示的圖片過大(灰框):
我查詢了經驗豐富的IT部同事,進行了一些修改,才解決了相片大小的問題,心情非常激動
當然,我也有將新的方法邦主,讓更多人告訴這種方法!
好了!以下就是將外部鏈接鏈接到痞客邦的方法:
如何將外部連結連結到痞客邦
1. 複製想連結到痞客邦的網站連結(如你的 FB、IG、或網誌主頁)
例如,我複製了自己 IG 的檔案連結:
2. 將想要的相片放入痞客邦相簿
- 選好想要的照片,進入後台,點擊「相簿管理/上傳」
- 點擊「新增相簿/資料夾」,注意一定要將瀏覽權限設定為完全公開,訪客才會看到你的照片喔!
- 上傳想要顯示的照片:
3. 複製痞客邦相片部分連結
- 上傳照片後,點擊相片右上方的圖案
- 點擊滑鼠右鍵,複製語法
- 只選用並複製語法中從「https」到「png」或「jpg」的部分
4. 將自家網站連結及相片連結放進語法中
- 採用語法:
<style>video.labnol, img.labnol {max-width:100%; width: 100% !important; height: auto !important;}</style> <a href=’https://www.instagram.com/yi.chun.writer/‘ target=”_blank”><img class=’labnol’ <a href=”https://www.instagram.com/yi.chun.writer/”><img style=”width:100%;” src=”https://pic.pimg.tw/yichunwriter/1629122023-562224839-g_l.png“></a>
-
- 將步驟 1 複製的自家外部網站連結放在語法的紅色部分
- 將相片連結(「png」或「jpg」連結)放進語法的藍色部分
- 複製整段語法
5. 將語法放在痞客邦側欄
-
- 到痞客邦後台的側欄管理頁
- 按右上方的「新增版位」,輸入標題,並在內容貼上已複製的語法,再將版位移到左方欄(可自行排列側欄各資訊的位置喔),大功告成!
只要用這種方法,你便可以自行切換在痞客邦側欄顯示的圖片,並將訪客帶到你的網站,非常方便!
話說,第一次在痞客邦寫這麼詳細的教學文章,真的挺累的!但很高興可以跟大家分享日常經營痞客邦的心得呢
另外,發現 IT 真的很深奧,超感謝 IT 部同事的指教!