古騰堡編輯器教程:如何使用YouTube嵌入區塊呼叫油管視訊

使用YouTube嵌入區塊

製作YouTube視訊需要很多時間。當您最終完成並且您的視訊已上線時,您可能希望隨時隨地分享它,包括在您的網站上。或者,您可能想要將其他人的視訊釋出到您的WordPress網站。您可能正在對某人的作品進行評論,並希望展示您正在談論的視訊。或者,另一位創作者可能有一個視訊,它很好地解釋了一個過程,您寧願展示該視訊也不願製作自己的視訊。

無論您出於何種原因,古騰堡編輯器中的專用嵌入區塊都可以讓您將YouTube視訊新增到WordPress文章或頁面。該視訊將帶有導航按鈕,因此訪問者可以在您的網站上播放和觀看內容,而無需重定向到YouTube。

注意:當訪問者在您的網站上觀看YouTube視訊時,非個人資料將與YouTube共享。

在本文中,我們將向您介紹如何在WordPress文章或頁面中嵌入YouTube視訊或播放列表。我們還將介紹一些最佳實踐、技巧和常見問題。

如何在WordPress中嵌入YouTube視訊

首先,確保您在WordPress中使用Gutenberg區塊編輯器而不是經典編輯器。在WordPress文章或頁面中,單擊加號。(如果您沒有看到,請單擊進入文章或頁面的主體。)

新增嵌入區塊

在彈出框中,搜尋“YouTube”,然後單擊YouTube圖示。這會將嵌入框新增到您的文章或頁面。

YouTube嵌入區塊

新增YouTube視訊URL

在YouTube上,轉到您要嵌入的視訊。從位址列中複製URL。

複製YouTube視訊連結

將其貼上到嵌入框中,然後單擊嵌入(Embed)。如果您願意,可以在下方新增標題。在WordPress編輯器中,您將看到如下內容:

YouTube視訊標題

這是您的訪客的樣子:

YouTube嵌入視訊預覽

如何在WordPress中嵌入YouTube播放列表

要嵌入YouTube播放列表,過程非常相似。轉到YouTube上的播放列表,然後從位址列中複製URL。轉到WordPress並將該URL貼上到YouTube嵌入框中。單擊嵌入。

當您嵌入YouTube播放列表時,播放列表中的第一個視訊將顯示在您的WordPress文章或頁面上。播放列表導航將位於右上角。當訪問者單擊漢堡圖示時,他們將看到播放列表中所有視訊的可滾動選單,以便他們可以導航到他們想要的視訊或檢視接下來會發生什麼。

YouTube視訊播放列表

YouTube視訊列表

YouTube嵌入區塊設定

有幾個不同的地方可以訪問YouTube嵌入區塊設定。

嵌入框上方的工具欄

YouTube嵌入區塊工具欄

當您單擊嵌入框時,頂部會顯示一個工具欄。從左到右,選項如下:

  • 更改區塊型別或樣式:您可以將嵌入區塊轉換為段落、列或組。這裡唯一要知道的是,如果您想更改嵌入區塊的背景顏色,請選擇組,這將為您提供一些顏色選項。
  • 拖動:通過拖動重新定位區塊。
  • 上移/下移:將方塊向上或向下移動一格。
  • 更改對齊方式:設定左對齊、右對齊、居中、全幅或寬幅對齊。請注意,如果您的主題允許,您只能使用全幅或寬幅對齊。
  • 編輯URL:用新的URL替換URL。
  • 選項:還有另一個帶有更多區塊選項的選單。

更多選項選單

YouTube嵌入區塊更多設定選項

當您單擊區塊工具欄最右側的三點圖示時,選單中會出現更多選項。以下是每個人的作用:

  • 隱藏更多設定:隱藏(或顯示)頁面右側區塊的側邊欄。
  • 複製:複製區塊,然後將其貼上到您想要的任何位置。
  • 建立副本:複製將直接出現在其下方的區塊。
  • 在當前區塊前插入:在YouTube嵌入區塊上方新增一個新區塊。
  • 在當前區塊後插入:在YouTube嵌入區塊下新增一個新區塊。
  • 移動到:頁面上會出現一條藍線。使用鍵盤上的箭頭將線移動到您想要的任何位置,然後按 Enter或Return將區塊移動到該位置。
  • 作為HTML編輯:更改區塊的HTML程式碼。
  • 新增至可重用區塊:將當前區塊新增到您的可重用區塊列表中,這樣可以輕鬆將該塊新增到任何其他WordPress文章或頁面。
  • 組合:就像主工具欄中的組選項一樣,這可以讓您調整區塊的背景顏色。
  • 刪除區塊:從您的帖子或頁面中刪除嵌入區塊。

側邊欄設定

YouTube嵌入區塊側邊欄設定

在右側邊欄中,您會看到幾個選項。媒體設定可讓您控制當使用者使用較小的裝置(如智慧手機)時如何檢視嵌入的視訊。最好開啟此設定,以便在調整瀏覽器大小時保留縱橫比,從而獲得更好的觀看體驗。

還有一個高階選項卡,可讓您將CSS新增到嵌入區塊,這意味著您可以以更高階的方式對其進行自定義和樣式化。

關於YouTube嵌入區塊的最佳實踐和技巧

快速貼入視訊

有時,需要先新增YouTube嵌入區塊,然後再將URL貼上到其中。如果您正在使用頁面或文章佈局並且還沒有準備好新增內容,或者如果您知道要新增視訊但不確定選擇哪個,這是一個好主意。但是,如果您現在準備新增特定視訊,只需將URL貼上到文章或頁面中即可。它會自動新增正確的區塊併為您嵌入視訊。

選擇視訊的開始位置

如果您希望視訊從特定部分而不是開頭開始播放,您可以在複製URL時進行設定。不要轉到位址列,而是選擇視訊下方的“SHARE”按鈕。

YouTube視訊分享入口

單擊“Start at”左側的框並設定您希望視訊開始播放的時間。

YouTube視訊開始時間

現在您可以複製URL以新增到WordPress。

知道何時使用外掛

雖然YouTube嵌入區塊是在您的網站上獲取視訊或播放列表的最簡單方法,但如果您有更高階的需求,您可能需要考慮使用第三方外掛。例如,您無法輕鬆建立相簿或插入帶有嵌入區塊的YouTube頁面,因此您可能需要一個具有更多功能的外掛。

關於YouTube視訊嵌入區塊的相關問題

我可以嵌入任何YouTube視訊嗎?

不是的。並非所有YouTube視訊都可以嵌入。釋出商必須允許嵌入視訊設定。某些視訊將受到限制且無法分享。

必須使用外掛才能在WordPress上嵌入YouTube視訊?

不!藉助Gutenberg編輯器中的專用YouTube嵌入區塊,您無需外掛即可輕鬆嵌入YouTube視訊和播放列表。

如果我不想使用古騰堡編輯器怎麼辦?

如果您更喜歡使用經典編輯器,您可以複製YouTube網址,然後將其貼上到帖子或頁面的正文中。這應該會自動將URL轉換為嵌入的YouTube視訊。但是,在嵌入Gutenberg時,您將無法使用相同的選項。

小結

視訊為網站注入了活力,它們也非常適合參與。YouTube嵌入區塊的最佳之處在於您無需安裝外掛即可在您的網站上獲取您喜愛的視訊。無論您是擁有專注於視訊的網站,還是第一次嘗試視訊內容,使用內建嵌入選項都是一種無縫、快速的方式,讓您的網站看起來如您所願。如果您將來需要更努力地製作視訊,您可以隨時嘗試使用外掛。我們甚至為WordPress收集了我們最喜歡的9個視訊庫外掛,所以來看看吧。

評論留言