如何內嵌 FB、IG 或 Flickr 內容到網站? 首先要先籬清,需要呈現的是整個帳號(頻道),或者僅單篇貼文。會選擇整個頻道,通常是在右側欄或頁尾,單篇通常是在文中或文後。首先要產生專屬語法,有了語法後,加到正確的位置上。今天要教大家的,不僅是目前最安全、多人使用的作法,也是最簡單的,並且不需要登入帳號,也就是說,也可以貼上別人的頻道或 PO文。
(註:有一些免費第三方語法產生器,可能對網站或使用者有不好影響,需謹慎使用)
a. 整個頻道:
請至FB官方社交外掛程式 輸入粉絲團網址,輸入寬度(如放在右側欄,請先得知右側欄寬度,每個網站版型不同),點選取得程式碼。這一個很多毛毛虫的畫面,就是產生出來的程式碼。
接下來請打開 WP 後台,利用小工具將 Step1&2 語法依序加上。請參考側邊欄小工具
b. 單篇貼文
在FB塗鴉牆上,找到想要嵌入的文章,右上的三個點點選擇『嵌入』,就可以獲得語法,更高深一點,在嵌入畫面可選擇『進階設定』,更改語法或寬度。
回到 WP 編輯文章頁面,右上方有兩個標籤,分別是『預覽』與『文字』,預覽是給『人』看的,『文字』是給瀏覽器及Google看的。也就是說,平常在『預覽』模式編輯,就是所謂的所見即所得。而設計師或工程師在撰寫程式時,常需要用到『文字』這個模式。當我們拿到語法之後,請不要直接貼在『預覽』模式,請選擇『文字』模式,在文中想貼上的位置直接貼上語法。(小叮嚀:語法通常為對稱的符號,例如<XXX>abcabcabc</XXX> 其中XXX為同樣名稱)完成後回到預覽,就能看到嵌入的內容。
a. 整個頻道:
官方 IG 沒有適出頻道的語法產生器,只能用第三方平台來產生,通常這類平台需要註冊、登入 IG 帳號,如果不是很信任這類平台,建議不要隨意給出您的 IG 帳密。找了很久終於找到一個不需要登入的服務,叫做 Instawidget至目前為止提供免費使用。詳細操作如連結。
b. 單篇貼文:
厲害的 WP 只要將單篇 IG 的連結,不需『文字』模式,直接在『預覽』模式貼上即可。例如:https://www.instagram.com/p/Bc9yuuChPLh/ 雖然方便,卻無法客製風格或大小。
另外一種方式:點擊貼文的右下角三點 ‘Embed’,生成語法,利用『文字』模式將語法貼入。
Flickr
a. 整個頻道
目前官方沒有釋出整個頻道的語法產生器,只能分享連結。(有方法的讀者歡迎留言)
b. 單張照片或相簿
需登入自己的帳號(但不限只能分享自己的內容),找到該張照片或相簿,點選分享選擇’Embed’, 選擇圖片大小之後就可產生語法。
其它社群平台像是 Pinterest, Google+, Twitter, 微博等應該都有自己的語法產生服務,如有需要可直接在 Google 搜尋該平台名稱加上’embed’也許可找到相對應的方式喔!