fbpx
了解 Elementor 編輯器最新優惠

如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?

Pinterest 是歐美非常受歡迎的圖片社交平台,聚焦在分享生活、飲食、美容、時尚和藝術相關的議題,雖然相比 Facebook 或 Instagram 可能比較少亞洲用戶。WordPress 在 5.9 版本的核心更新計劃裡,透過 Pinterest 嵌入區塊 (Pinterest embed block) 把 Pinterest 的圖釘 (Pins)、圖版和個人檔案插入至《區塊編輯器》的內容之中,我們現在可以輕鬆和愉悅地把自己喜歡的圖片,直接分享到自己的網站裡。

Pinterest 是什麼?

如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?
如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?

Pinterest 是查找食譜、居家、時尚等主題靈感的視覺化搜尋引擎。Pinterest 擁有數不盡的 Pin,隨時都能找到啟發靈感的好點子。發現喜歡的 Pin 時,可以儲存到圖版上,整理成井然有序的點子,方便日後搜尋參考。您也可以建立 Pin,與 Pinterest 的其他使用者分享您的點子。

免費註冊 Pinterest 帳號

免費註冊 Pinterest 帳號
免費註冊 Pinterest 帳號

Pinterest 是允許任何人免費註冊使用,也支援使用像 Facebook 或 Google 帳號等快速授權的方法。如果你要分享自己的 Pin,當然需要有一個屬於自己的帳戶以方便管理,但也可以分享別人的圖片內容,這沒有限制。

  • 如果圖釘的隱私權設為私人 / 不公開 (Private),這類內容無法貼上 WordPress 網站。
  • 圖片內容的網址後綴需要是 .com 結尾,其他帶有國家的如 .au、.jp 或 .cn 等會出現錯誤。

什麼是 Pinterest 嵌入區塊 (Pinterest Embed Block)?

如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?
如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?

WordPress 的區塊編輯器提供簡易的各類社交媒體嵌入方式,稱為《社交網路服務圖示區塊》作為主要嵌入外部資源的應用。但 WordPress 慢慢地針對不同主流的平台,推出各自獨立的專屬區塊,提供更細化和進階的調整項目。

如何新增 Pinterest 嵌入區塊 (Pinterest Embed Block) | 方法一?

如何新增 Pinterest 嵌入區塊 (Pinterest Embed Block) | 方法一?
如何新增 Pinterest 嵌入區塊 (Pinterest Embed Block) | 方法一?

步驟一:

在新段落區塊中輸入 /Pinterest 並按下 Enter 鍵,以快速新增 Pinterest 嵌入區塊。

步驟二:

點擊「Pinterest」區塊即可。

如何新增 Pinterest 嵌入區塊 (Pinterest Embed Block) | 方法二?

如何新增 Pinterest 嵌入區塊 (Pinterest Embed Block) | 方法二?
如何新增 Pinterest 嵌入區塊 (Pinterest Embed Block) | 方法二?

步驟一:

點擊右下方點擊 [+] 符號。

步驟二:

在彈出視窗裡的輸入欄位,輸入「Pinterest」字串。

步驟三:

發現「Pinterest」區塊,請按圖示即可。

如何尋找 Pinterest 素材來源網址?

如何尋找 Pinterest 素材來源網址?
如何尋找 Pinterest 素材來源網址?

步驟一:

選擇你在 Pinterest 帳戶裡的圖片素材。

步驟二:

從網頁瀏覽器的網址欄裡,複制網址備用。

Pinterest 嵌入區塊 | 外觀

Pinterest 嵌入區塊 | 外觀
Pinterest 嵌入區塊 | 外觀

Pinterest 會依據以下 3 種類型,包括圖釘 (Pins)、圖版和個人檔案來顯示不同的外觀,你可以試試當中的差異,會隨 WordPress 改版而改變,這邊不累述這些視覺效果。

轉換成其他類型區塊

轉換成其他類型區塊
轉換成其他類型區塊

區域一:

在上方點擊 [Pinterest Icon] 符號。

區域二:

轉換成 [段落區塊]。

區域三:

轉換成 [第三方區塊],看到色彩就可以辨認出非黑色官方的區塊。

區域四:

轉換成 [多重欄位區塊]。

區域五:

轉換成 [群組區塊]。

移動工具 (Mover) 和拖放把手 (Drag & Drop Handle)

移動工具 (Mover) 和拖放把手 (Drag & Drop Handle)
移動工具 (Mover) 和拖放把手 (Drag & Drop Handle)

步驟一:

按著這 [6 個點] 符號不放,可以拖放到不同位置放下即可。

步驟二:

向上或向下移動工具,每次移動一個區塊的距離。

如何變更 Pinterest 嵌入區塊的「對齊方式」?

如何變更 Pinterest 嵌入區塊的「對齊方式」?
如何變更 Pinterest 嵌入區塊的「對齊方式」?

區域一:

選取「變更對齊模式」的符號。提供 6 種方式。

區域二:

不設定任何對齊方式。

區域三:

內容靠左對齊方式。

區域四:

內容置中對齊方式。

區域五:

內容靠右對齊方式。

區域六:

寬幅寬度:對齊部落格文章內部的寬度,白話文就是文章內部的區域。

區域七:

全幅寬度:無視部落格文章內部的設定,以 100% 的螢幕寬度「填滿」整個畫面。

複制和貼上樣式選項

複制和貼上樣式選項
複制和貼上樣式選項

步驟一:

點擊上方點擊 [調色板] 符號。

步驟二:

複制樣式,快捷鍵是 Shift + Alt + C。

步驟三:

貼上樣式,快捷鍵是 Shift + Alt + V。

修改網址 (Edit URL)

如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?
如何在 WordPress 嵌入 Pinterest 圖釘 (Pins)、圖版和個人檔案?

通過編輯超連結,您可以更改嵌入區塊中的 Pinterest 嵌入超連結。覆蓋現有的網址,然後單擊右側的 [嵌入] 按鈕即可。

步驟一:

點擊上方點擊 [鉛筆] 符號。

步驟二:

在彈出視窗裡的輸入欄位,輸入「Pinterest 嵌入超連結」字串。

步驟三:

單擊右側的 [嵌入內容] 按鈕即可。

附加的 CSS 類別設定

附加的 CSS 類別設定
附加的 CSS 類別設定

區域一:附加的 CSS 類別

進階面板讓你將 CSS 類別新增至區塊,以便編寫自訂 CSS,並視需要設定區塊樣式,建議具備 CSS 程式碼的基本知識後再使用此功能。

常見問題 FAQ

什麼是 Pinterest 嵌入區塊 (Pinterest Embed Block)?

WordPress 的區塊編輯器提供簡易的各類社交媒體嵌入方式,稱為《社交網路服務圖示區塊》作為主要嵌入外部資源的應用。但 WordPress 慢慢地針對不同主流的平台,推出各自獨立的專屬區塊,提供更細化和進階的調整項目。

Pinterest 是什麼?

Pinterest 是查找食譜、居家、時尚等主題靈感的視覺化搜尋引擎。Pinterest 擁有數不盡的 Pin,隨時都能找到啟發靈感的好點子。發現喜歡的 Pin 時,可以儲存到圖版上,整理成井然有序的點子,方便日後搜尋參考。您也可以建立 Pin,與 Pinterest 的其他使用者分享您的點子。

參考資料和引用文獻:

我們提供市場上最新的網站架設新聞、教學和相關知識,我們不會向用戶發送垃圾和推廣內容,而你可以隨時「取消訂閱」。

學員人數:7,800+ 人 (持續增加之中)

中文語系的 WordPress - Facebook 社團列表

發表您的留言

加入我們的免費 WordPress 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術