默認情況下,如果您的視頻寬度小于您的文章區域,則 WordPress 會自動將其向左對齊,在右側留下額外的空白。在本文中,我們將向您展示如何在WordPress中輕松地將視頻居中對齊。

為什么要在WordPress中居中對齊視頻?
當您時,默認情況下會自動將它們向左對齊。這是因為視頻是嵌入在內容中的外部內容,因此WordPress無法猜測您希望如何顯示它。
作為最佳實踐,它會自動將其向左對齊,并根據需要由您調整對齊方式。
通過將視頻與中心對齊,用戶將獲得更好的內容觀看體驗。這樣,頁面的一側就不會有明顯的空白區域,這可能會給人一種不專業的外觀。
此外,如果您,如果它們的寬度小于您的內容區域,它們也會發生同樣的事情。默認情況下,WordPress會將它們向左對齊。
如何在WordPress內容編輯器中居中對齊視頻
如果您希望視頻填滿內容區域的寬度,那么最好的方法是直接在中添加YouTube或視頻URL。
首先,您需要編輯帖子或頁面或添加新帖子或頁面。進入內容編輯器后,只需將鏈接粘貼到視頻中即可。WordPress將自動嵌入視頻。

接下來,選擇視頻塊,然后單擊 更改對齊方式 選項。從下拉菜單中,您可以選擇視頻的位置。
WordPress允許您從以下對齊方式中進行選擇:
-
寬寬度
-
全寬
-
左對齊
-
居中對齊
-
右對齊。
繼續并選擇“對齊中心”選項。

之后,您可以預覽和發布您的頁面或帖子。
視頻現在將居中對齊。

但是,有時出于某種原因,您可能需要使用嵌入代碼。在這種情況下,您需要在視頻的嵌入代碼周圍添加一些簡單的 HTML。
首先,您需要單擊視頻塊中的3個虛線圖標。之后,您可以從下拉菜單中選擇“編輯為HTML”選項。

接下來,您可以在視頻的嵌入代碼周圍輸入以下:
<div style="text-align:center;"> /// your video embed code goes here </div>
下面是使用自定義 HTML 的嵌入代碼的外觀。

現在,您可以保存更改并預覽帖子或頁面。您的視頻將整齊地對齊在內容區域的中心。
另一種方法是手動增加視頻的寬度以適應內容區域。為此,您需要在嵌入代碼中添加或更改“width”參數。
<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
如何在經典編輯器中居中對齊視頻
如果您使用的是經典編輯器,則可以通過編輯帖子或創建新帖子來居中對齊視頻。
進入編輯器后,切換到“文本”視圖。現在輸入以下 HTML 代碼:
<div style="text-align:center;"> /// your video embed code goes here </div>
只需確保將“您的視頻嵌入代碼轉到此處”替換為視頻的嵌入代碼即可。
完成后,它將看起來像這樣:

您現在可以預覽和發布頁面。
只需訪問您的網站即可觀看居中對齊的視頻。







