如何在WordPress中嵌入TikTok視頻


您想輕鬆地將TikTok視頻嵌入WordPress網站嗎?

默認情況下,WordPress使在您的帖子和頁面中嵌入TikTok視頻變得非常容易。 但是,它不會自動顯示您的最新TikToks。

在本文中,我們將向您展示如何輕鬆在WordPress中嵌入TikTok視頻並自動顯示您最近的TikTok視頻。

如何在WordPress中嵌入TikTok視頻

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

無需插件即可將TikTok視頻嵌入WordPress

這種方法是在您的WordPress網站上嵌入任何TikTok視頻的最簡單方法。 您只需要簡單地將URL複製並粘貼到WordPress帖子或頁面中即可。

首先,您需要通過在瀏覽器中訪問來複製要嵌入的TikTok視頻的URL。

複製TikTok URL

接下來,您需要編輯要顯示TikTok視頻的帖子或頁面。 在帖子編輯屏幕上,只需將URL粘貼到內容區域中即可。

粘貼TikTok URL

粘貼TikTok鏈接後,WordPress會自動在帖子編輯器中加載其預覽。 現在,您可以保存您的帖子或頁面並訪問它,以觀看您的TikTok視頻。

嵌入式TikTok視頻

您還可以通過使用TikTok塊來完成相同的操作。 在帖子編輯屏幕上,單擊(+)添加一個新塊,然後搜索“ TikTok”。

TikTok小部件

接下來,將塊插入帖子編輯器,然後將TikTok視頻URL粘貼到塊設置中。 WordPress將自動加載視頻預覽。

TikTok嵌入

您還可以使用WordPress小部件將TikTok視頻插入WordPress網站的側邊欄中。

只需轉到 外觀»小部件 頁,然後將“文本”小部件添加到側邊欄中。

之後,繼續並將TikTok視頻URL粘貼到文本區域。 WordPress現在將在小部件區域自動顯示TikTok視頻的預覽。

側邊欄TikTok嵌入

不要忘記單擊“保存”按鈕來存儲您的小部件設置。

雖然此方法使您可以輕鬆地將TikTok視頻嵌入WordPress,但不會自動顯示最新的TikTok視頻。 為此,您需要一個插件。

在WordPress中嵌入最新的TikTok視頻供稿

如果您想在WordPress博客上自動顯示最新的TikTok視頻,則需要使用TikTok插件。

首先,您需要安裝並激活QuadLayers TikTok Feed插件。 如果您不確定如何執行此操作,請查看有關如何安裝WordPress插件的指南。

接下來,前往 TikTok提要»提要 頁。 在這裡,您將看到該插件已經使用WordPress主題標籤添加了演示TikTok提要。 您需要點擊“ + Feed”按鈕添加自己的TikTok供稿。

添加您的TikTok供稿

這將彈出一個彈出窗口,您可以在其中使用HashTag或輸入TikTok用戶名來創建TikTok視頻提要。

您也可以選擇以“砌體”樣式顯示視頻,這將以縱向模式顯示視頻。 或者,您可以選擇畫廊樣式,該樣式將視頻顯示為方形縮略圖。

TikTok的常規選項卡

我們已經設置了顯示來自主題標籤的視頻的選項,這意味著所有帶有#WordPress主題標籤的視頻都將顯示在我們的Feed中。

而且我們選擇的畫廊不超過9個視頻和3列,因此它以簡化的格式顯示在我們的頁面上。

根據您的喜好自定義設置後,單擊“保存”,然後您將看到帶有供您使用的簡碼的新提要。

TikTok簡碼

現在,您需要復制該簡碼並將其粘貼到頁面或帖子中。 只需返回您要插入TikTok畫廊的頁面即可。

在內容編輯器中,單擊(+)圖標,搜索“簡碼”,然後選擇簡碼小部件。

簡碼小部件

在此處,將您的簡碼粘貼到您的帖子中,然後保存您的頁面。

插入嵌入的TikTok代碼

當您查看頁面時,您會看到您的畫廊已嵌入,並帶有“在TikTok上查看”按鈕,該按鈕將用戶帶到TikTok.com上的#WordPress標籤供稿。

頁面中的TikTok畫廊

當您返回並編輯Feed時,可以選擇左側的“按鈕”標籤,然後取消選中“ TikTok按鈕”字段旁邊的框以刪除該按鈕。

TikTok按鈕選項

當有人單擊圖庫中的縮略圖時,您還可以選擇啟用或禁用“彈出”選項。

TikTok彈出選項

如果您將此選項保留為選中狀態,則無論何時有人單擊視頻,它都會顯示該視頻的彈出窗口,而不是在新鏈接中打開該視頻,從而使讀者離開您的站點。

TikTok彈出窗口

在“視頻”標籤上,您可以選擇以下方式來自定義供稿:刪除視頻控件,防止單擊時自動播放,增加視頻之間的間隔等。

視頻標籤選項

最後,您還可以將此簡碼嵌入到邊欄中,以使用小部件顯示TikTok提要。

為此,請前往 外觀»小部件 頁,然後將“文本”小部件添加到側邊欄中。

現在,將TikTok提要簡碼粘貼到文本區域小部件設置中。 不要忘記單擊“保存”按鈕來存儲您的更改。

簡碼側邊欄畫廊

現在,您可以訪問您的網站以查看其運行情況。 這是TikTok提要在我們的演示站點的側邊欄上的外觀。

側邊欄TikTok站點視圖

我們希望本文能幫助您學習如何將TikTok視頻嵌入WordPress。 您可能還想了解如何在WordPress中創建自定義Instagram照片供稿,以及我們對最佳WordPress贈品插件的比較,以增加您的關注者。

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