如何在WordPress中添加Pinterest的“ Pin It”按鈕(最終指南)


您是否要在WordPress中添加Pinterest“ Pin It”按鈕? 最近,我們的博客統計信息中彈出了一個新的流量來源。

這足以使我們注意。 該流量來源為Pinterest。

Pinterest是一個受歡迎的社交網站,它允許您共享視覺內容並為您的網站吸引大量流量(遵循Pinterest上的WPBeginner)。

在本文中,我們將向您展示如何將Pinterest“ Pin It”按鈕添加到WordPress博客。 我們還將說明如何在您的網站圖像上方添加Pin It按鈕。

在WordPress中添加Pinterest Pin It按鈕

使用插件添加Pinterest的“ Pin It”按鈕

Pinterest正式將“ Pin It”按鈕名稱更改為 保存 在2016年。

儘管某些插件仍使用“ Pin It”代替“保存”,但它們將圖像固定到Pinterest的工作相同。

向您的WordPress網站添加Pinterest按鈕的最簡單方法是使用社交共享插件。

我們建議為此目的使用Shared Counts插件。 它是WordPress的最佳社交媒體插件,因為它是免費的,並且使您可以輕鬆地將Pinterest按鈕以及其他流行的社交網絡添加在一起。

首先,您需要安裝並激活Shared Counts插件。 您可以按照分步指南了解如何安裝WordPress插件,以獲取詳細說明。

安裝後,前往 設置»共享計數 頁面以配置插件。

共享計數設置頁面

在設置頁面上,您需要向下滾動到 顯示 部分,然後單擊“要顯示的共享按鈕”文本框。

這將打開一個下拉菜單,您可以在其中選擇要添加的社交媒體服務。 默認情況下,Pinterest將與Facebook和Twitter一起出現在該框中。

您還可以選擇要顯示Pinterest按鈕的位置和帖子類型。 它帶有多種按鈕樣式,您可以從“共享按鈕樣式”選項中進行選擇。

完成後,請不要忘記點擊 保存更改 按鈕以存儲設置。

現在,您可以訪問您網站上的任何帖子,查看運行中的Pinterest按鈕。

Pinterest按鈕添加到WordPress帖子

關於SharedCounts的另一件事是,Github上提供了免費的Custom Pinterest Image插件。 這使您可以設置針對Pinterest優化的自定義Pinterest共享圖像和描述。

注意:我們在網站上使用SharedCount插件,因為它是市場上最好的選擇。 它的編碼非常好,而且是免費的。

在WordPress中手動添加Pinterest Pin It按鈕

一些中級用戶可能希望將社交共享按鈕手動添加到他們的WordPress網站,而不是使用插件。

讓我們看一下如何在WordPress中手動添加Pinterest按鈕。

您需要做的第一件事是對網站進行完整的WordPress備份。 如果意外損壞,這將有助於您恢復站點。

接下來,您需要使用FTP客戶端連接到WordPress託管,然後轉到/ wp-content / themes /文件夾。

從這裡,您需要打開當前的主題文件夾,然後找到footer.php文件。

下載頁腳php文件

接下來,只需右鍵單擊該文件,然後選擇 下載 從菜單中。 這會將footer.php文件下載到您的計算機。

現在,您需要使用純文本編輯器(如記事本)打開footer.php文件,然後將以下腳本粘貼到 標籤。


完成此操作後,需要保存文件,然後將其上傳回當前主題文件夾。

接下來,您需要從主題文件夾中找到並下載single.php文件,然後將其打開以進行編輯。 之後,您需要添加以下代碼。

您需要選擇要在帖子中顯示的位置。 帖子後標題是社交媒體按鈕最常見的位置。

ID ), 'full' ); ?>
ID)); ?>&media=&description=" class="pin-it-button" count-layout="vertical">Pin It

上面的代碼顯示“ Pinterest”按鈕,並在“共享URL”參數中顯示您的特色圖片,標題,描述和發布URL。

最後,您需要保存文件,然後使用FTP將其上傳回主題目錄。

這將在您的網站帖子中添加一個垂直共享按鈕。 如果要顯示水平共享按鈕,則只需更改 count-layout 參數為水平。

為Pinterest按鈕創建簡碼

最近,我們的一位用戶問我們如何為Pinterest的“ Pin It”按鈕創建簡碼。

WordPress中的簡碼可讓您輕鬆地將動態項目添加到WordPress帖子,頁面和小部件中。 通過創建簡碼,您將能夠在文章中手動添加Pinterest按鈕。

首先,您需要將以下代碼添加到主題的functions.php文件或特定於站點的插件中:

function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return 'ID)) . "&media=" . $pinterestimage[0] . "&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It'; }

add_shortcode('pin', 'get_pin');

之後,您可以使用 [pin] WordPress帖子中要顯示Pinterest按鈕的簡碼。

在圖片上添加Pinterest Pin It按鈕

如果您經營的是時裝,攝影或投資組合網站,則絕對希望在Pinterest上共享圖像,以增加網站流量。

讓我們看一下如何在WordPress圖片上添加Pinterest Pin it按鈕。 僅當用戶將鼠標移到您的圖像上時,此按鈕才會出現,從而使他們可以輕鬆地在其Pinterest個人資料上共享圖像。

首先,您需要安裝並激活“ Pinterest圖片固定按鈕”插件。

激活後,轉到 設置»Pinterest固定 頁面以配置插件。

圖片設置頁面的Pinterest Pin It按鈕

在設置頁面上,您可以選擇要在WordPress網站上顯示“固定”按鈕的位置。 您只能在單個帖子,頁面,類別頁面或網站上的任何位置顯示它。

下一個選項是從下拉菜單中選擇默認描述。 這將用作固定圖像的圖像描述。

完成後,您需要點擊 保存 按鈕以存儲設置。 現在,您可以訪問您的網站,然後將鼠標指針懸停在任何圖像上,以查看Pinterest的“ Pin It”按鈕。

Pinterest在圖像上固定按鈕

如果您想排除某些圖像以使其不顯示Pin It按鈕,則可以添加 諾平 要排除的圖像的CSS類。

為此,您需要在帖子編輯器中選擇圖像塊,然後從塊工具欄中單擊3個垂直點圖標。 這將打開一個菜單,您需要在其中單擊 編輯為HTML 選項。

將圖像編輯為HTML選項以添加CSS類

現在,您將看到圖像的HTML代碼。 繼續添加 諾平 img標籤的屬性:

圖片名稱

同樣,您也可以使用插件禁用“ Pin It”按鈕的自動顯示,並使用CSS類“ pinthis”在特定圖像上有選擇地顯示按鈕。

為此,您需要訪問插件的設置頁面,然後找到 高級 頁面右側的部分。

Pinterest Pin It插件高級設置

現在,您需要選中僅在class =“ pinthis”’的圖像上顯示’Pin it’按鈕的選項,然後單擊 保存 按鈕。

下次將圖像添加到帖子或頁面時,需要選擇圖像塊,然後使用 編輯為HTML 選擇添加 針刺 CSS類的圖像代碼。 這是一個例子:

圖片名稱

即使您已禁用自動在您的網站上顯示Pin It按鈕的選項,這也會在該特定圖像上顯示Pinterest按鈕。

就這樣!

我們希望本文能幫助您了解如何在WordPress博客中添加Pinterest的“ Pin It”按鈕。 您可能還希望查看有關如何創建電子郵件新聞稿並獲得更多訂閱者的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。