如何在WordPress文章或頁面中顯示Pinterest影象

如何在WordPress文章或頁面中顯示Pinterest影象

您的WordPress網站非常適合作為線上營銷的中心樞紐。一個原因是它與社交媒體的整合程度如何。例如,如果您想在WordPress文章或頁面中嵌入Twitter內容、顯示TikTok或顯示Pinterest影象,則這些平臺非常出色。

WordPress包括一些顯示Pinterest內容的方法,但也有“官方”方法。幸運的是,它們都很容易在您的網站上實施。

在這篇文章中,我們將提供兩種在WordPress中顯示Pinterest影象的方法,並引導您完成這些步驟。在此之前,讓我們更多地談談為什麼Pinterest是一個很好的整合社交媒體平臺。

整合Pinterest和WordPress的好處

馬上,我們承認Pinterest不會成為一個適合所有網站的平臺。例如,合法企業不會在平臺上活躍起來,醫療公司也不會。這是因為該平臺主要關注影象。

儘管Pinterest確實有資訊內容,但主要影象格式與更“嚴肅”的行業並不一致。

當然,這不是一個獨家清單。但是,您會發現一些利基市場非常適合使用Pinterest:

  • 時尚網站。
  • 生活方式企業,例如瑜伽館。
  • 工藝品商店和一般創意或藝術網站。

如果您處於這些領域之一,那麼您就是好夥伴。Pinterest的覆蓋面很廣,到2020年底將擁有近4.6億使用者。即使定位到這個使用者群的0.10%,你也能獲得460,000人的潛在受眾

總體而言,Pinterest將成為展示您的商品的理想方式,尤其是在您銷售產品的情況下。在您的利基市場和受眾交叉的地方,有一個利潤豐厚的市場可以推廣。

如何在WordPress文章或頁面中顯示Pinterest影象(2 種方法)

雖然可能有更多方法可以在WordPress文章或頁面中顯示Pinterest圖片,但我們將重點關注以下兩種:

  1. 使用Pinterest的官方工具建立一個小工具
  2. 如果您已經使用Automattic的外掛,請使用Jetpack的Pinterest Block

在整個過程中,我們將引導您完成這些步驟,並帶您從零到Pinterest英雄。我們還將解釋為什麼本文沒有特別提到您可能遇到的其他一些方法(例如WordPress外掛或嵌入程式碼)。

1. 使用Pinterest小工具生成器

首先,官方的Pinterest Widget Builder是在WordPress中嵌入內容的絕佳方式。不過,值得注意的是,有一個類似的選項在表面上提供相同的功能,但並不適合。

在瀏覽Pin圖時,您可能會在選項選單中遇到Get Pin嵌入程式碼選項:

獲取pin嵌入程式碼

這為您提供了一個iFrame程式碼片段,您可以將其貼上到您的網站中。但是,在我們的測試過程中,我們無法讓該功能正常工作。這是一種恥辱,因為對於快速的單個Pins,這將是理想的。我們懷疑Jetpack是快速嵌入Pins的方式,我們稍後會討論這個問題。

但是,Widget Builder使用起來很容易,儘管需要在WordPress的核心檔案中四處尋找,但它是我們推薦的方法。讓我們帶您瞭解如何使用它。

1. 找到您的Pin圖的URL

首先,您需要您的Pin圖的URL(即您想在WordPress中顯示的影象)。就像在Internet上查詢任何頁面的URL 一樣簡單。但是,您可以從幾個地方獲得它。

當然,瀏覽器的位址列很簡單……

pinterest位址列

…但也有一個專用的複製連結按鈕作為共享圖示中的選項之一:

複製pinterest連結

獲得Pin圖的URL後,您就可以開始建立小工具了。

2. 建立您的Pin小工具

接下來,前往Pinterest Widget Builder。有五個選項可供選擇,雖然它們都有自己的用途,但我們專注於Pin小工具:

pin小工具

這裡有幾個欄位可以幫助你的小工具成形:

  • 固定網址。這是您的Pin圖的網址,您應該將其貼上到此處。
  • 引腳尺寸。您可以為您的Pin圖選擇SmallMediumLarge,您也可以在此處隱藏描述。

做出選擇後,您將看到“預覽”窗格更新。這讓您可以先睹為快,看看您的小工具在前端的外觀:

pinterest分享預覽

在此下方,您將看到幾個程式碼片段。接下來我們將需要這些,因此請保持小工具構建器開啟並進入最後一步。

3. 將小工具程式碼新增到您的WordPress核心檔案

要在WordPress文章或頁面中顯示Pinterest影象,您需要插入Pinterest Widget Builder中的兩個程式碼片段。這曾經涉及第三方外掛,但WordPress現在擁有自己的編輯器,非常適合此類一次性任務。

在開始之前,重要的是要有一個乾淨且最新的備份,以及一個子主題。這有助於在有更新時保留您的網站,並在最壞的情況發生時為您提供退路。

您可以在WordPress儀表盤的外觀 > 主題編輯器螢幕中找到程式碼編輯器:

主題編輯器

到達此處後,在右上角選擇您的子主題:

選擇主題

接下來,在螢幕右側的列表中找到Theme Footer</body>檔案,然後向下滾動到標籤。在此之前,貼上以下程式碼:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

您可以通過<?php wp_footer(); ?>行快速定位位置:

主題footer檔案

完成後,儲存更改並前往您想在其上顯示Pinterest影象的文章或頁面。

4. 將小工具程式碼新增到WordPress

最後一步是展示您的Pinterest Pin。為此,請前往您選擇的文章或頁面,然後插入一個新的段落塊

雖然您可以為此使用自定義HTML區塊,但我們的測試並未產生可行的示例。鑑於小工具是一個連結,我們可以在段落區塊中使用它並使用它的功能。

新增塊後,您需要從右上角的WordPress選單中開啟程式碼編輯器:

程式碼編輯器

開啟後,找到您的新段落,然後從小工具編輯器輸出中貼上您的程式碼:

插入程式碼

您現在可以退出程式碼編輯器。在您儲存更改之前,請隨時使用段落塊設定在您的文章中對齊您的Pin小工具。我們選擇了居中對齊,但您顯然可以自由地做任何您想做的事情:

小工具展示

雖然這是在WordPress文章或頁面中顯示Pinterest影象的可靠方法,但還有其他方法。讓我們看一下特定於平臺的方法。

2. 使用Jetpack在WordPress文章或頁面中顯示Pinterest影象

不幸的是,沒有多少合適的外掛可用於在WordPress文章或頁面中顯示Pinterest影象。

gs pins外掛

例如,Pinterest的GS Pins看起來可以完成這項工作,但您只能將單個Pins顯示為小工具。儘管外掛會定期更新並獲得好評,但這對於我們的需求來說不夠靈活。

Jetpack是我們所知道的唯一具有在您的網站上嵌入單個Pin圖的功能的外掛,並且也符合我們的要求。

jetpack

當然,Jetpack的安裝和啟用與任何其他外掛一樣。準備就緒後,您應該按照第一種方法獲取所需Pin圖的URL。一旦你有了它,前往你的文章或頁面,並新增一個Pinterest區塊

pinterest區塊

接下來,新增您的Pin圖的URL,然後單擊Embed

pin嵌入程式碼

最後,儲存您的更改,並在您的網站前端檢視Pinterest影象:

前端pin影象展示

不幸的是,定製的方式並不多。這是一種恥辱,因為對於Jetpack使用者來說,這種方法將是第一個停靠點。除非您想深入研究並新增自定義CSS類,否則它可能不是滿足您需求的完美解決方案。

小結

Pinterest不會成為每個企業都想使用的社交媒體平臺。即便如此,與平臺保持一致的公司的使用者群是龐大的——你的潛在收入也可能是相同的規模。

在WordPress文章和頁面中顯示Pinterest影象有兩種主要方式。讓我們再次快速回顧一下:

  1. 使用官方Pinterest Widget Builder在WordPress中建立豐富的可嵌入小工具。
  2. 如果您是Jetpack使用者,您可以使用隨附的Pinterest Block在WordPress文章和頁面中顯示影象。

評論留言