如何在 WordPress 中嵌入 TikTok 視頻 (3 種簡單的方法)

11/08/2023

為什麼要在 WordPress 中嵌入 TikTok 視頻?

根據我們的博客統計數據,帶有視頻的文章比沒有視頻的文章多獲得83%的流量。因此,將你已經發布的 TikTok 視頻嵌入到你的 WordPress 網站是有意義的。

這樣,你可以在不花費額外時間創建新內容的情況下,獲得更多訪客。這些視頻還可以吸引訪客的注意,讓他們在你的网站上停留更長時間,從而增加頁面瀏覽量並降低跳出率。同時,這些視頻還可以向訪問你網站的人宣傳你的 TikTok 頻道,從而獲得更多的互動和關注者。

方法1:使用 TikTok 塊 (適用於任何主題)

在你的 WordPress 站點嵌入 TikTok 視頻最簡單的方法是將視頻的 URL 粘貼到頁面或文章編輯器中。WordPress 將自動檢測視頻並為你自動獲取它。

首先,你需要訪問要嵌入的 TikTok 視頻,然後複製視頻的 URL。

接下來,打開你希望顯示 TikTok 視頻的 WordPress 頁面或文章。然後,你可以簡單地將 URL 粘貼到 WordPress 塊編輯器中。WordPress 會自動檢測你正在嵌入 TikTok 視頻並添加一個帶有視頻嵌入的 TikTok 塊。

默認情況下,WordPress 會自動為較小的屏幕(包括智能手機和平板電腦)調整 TikTok 視頻的大小,並在瀏覽器調整大小時保持視頻比例。這是一個良好的用戶體驗,因此我們建議保持該設置啟用。不過,有時你可能希望視頻保持相同的大小,無論設備如何。在這種情況下,選擇 TikTok 塊,然後禁用’為較小設備調整大小’切換。

方法2:使用全站編輯器 (適用於基於塊的 WordPress 主題)

如果你正在使用塊主題,則可以利用全站編輯器將 TikTok 添加到任何小工具就緒區域或模板中。這允許你在無法使用標準內容編輯器編輯的頁面和文章中顯示 TikTok 視頻。

在你的 WordPress 儀表盤中,轉到 ‘外觀 » 編輯器’。默認情況下,全站編輯器會顯示你的主題的主模板。示範中,我們將在歸檔頁面模板中添加 TikTok,但無論你正在編輯哪個模板、模式或頁面,步驟都大致相同。

首先,點擊 ‘模板’ 菜單。接下來,找到你想嵌入 TikTok 視頻的模板並點擊它。WordPress 將顯示模板的預覽。

編輯佈局時,點擊屏幕左上角的小鉛筆圖標。按下 ‘+’ 按鈕,在彈出的搜索欄中輸入 ‘TikTok’。

當顯示正確的塊時,拖動並將其放到佈局上,然後粘貼視頻的 URL 並單擊 ‘嵌入’ 按鈕。保存更改後,訪問你的网站以查看活動中的 TikTok 視頻。

方法3:使用 Smash Balloon (嵌入整個 TikTok 動態)

如果你只想在 WordPress 網站中添加少量 TikTok 視頻,那麼方法1和方法2都是不錯的選擇。然而,有時你可能希望展示所有最新的 TikTok 視頻,並且動態自動更新。

使用 Smash Balloon 的 TikTok Feeds Pro 插件是將 TikTok 動態嵌入 WordPress 網站的最佳方式,它可以將你所有的視頻以網格、砌體和輪播等畫廊佈局進行展示。

首先,你需要安裝並激活 TikTok Feeds Pro 插件。接下來,從 WordPress 儀表板導航到 ‘TikTok Feeds » 所有動態’,然後單擊頁面頂部的’新建添加’ 按鈕。

接下來,你需要將新動態與 TikTok 帳戶連接,這樣插件才能顯示你的視頻。單擊 ‘連接源’ 按鈕,並在新頁面單擊 ‘連接 TikTok’。這將重定向到 TikTok 網站,在那裡 Smash Balloon 將請求只讀訪問你的 TikTok 帳戶,授權後你將返回至 WordPress 儀表板。

選擇你的 TikTok 帳戶後,點擊 ‘下一步’。接下來,你可以從默認網格、卡片、列表、最新視頻、輪播和展示輪播等模板中選擇一個佈局。點擊任意一個模板並點擊 ‘下一步’ 以繼續。

這將啟動視覺編輯器,在左側你會看到所有定制選項,右側是你的動態實時預覽。你可以選擇佈局並調整選項,保存設置後,Smash Balloon 會生成一個短代碼,可將動態添加到任何頁面或小工具區域中。最後,訪問你的网站查看活動中的 TikTok 動態。

附加提示:將各種社交媒體動態添加到你的 WordPress 網站

現如今,大多數品牌都有多個社交媒體帳戶。如果你有 TikTok 帳戶,可能還有 Instagram 帳戶來發布 Reels。這是很好的數字營銷方式,因為你可以在多個平台上接觸盡可能多的用戶。如果你希望將其他社交動態也添加到你的 WordPress 網站,Smash Balloon 提供的社交媒體動態插件可以讓你從 Facebook、Instagram、YouTube、Twitter 等平台添加動態。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>