如何在WordPress中居中對齊視頻


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

如何在WordPress中居中對齊視頻

為什麼在WordPress中將視頻居中對齊?

默認情況下,當您將視頻嵌入WordPress時,它會自動向左對齊。 這是因為視頻是內容中嵌入的外部內容,因此WordPress無法猜測您希望如何顯示它。

最佳做法是自動將其向左對齊。 如果需要,可以自行調整對齊方式。

WordPress帖子中的左對齊視頻

我們不建議將視頻直接上傳到WordPress,但是如果上傳的視頻寬度小於您的內容區域,則會發生同樣的情況。

話雖如此,讓我們來看看如何輕鬆地在WordPress中將視頻居中對齊或使其更寬以使其在內容中看起來不錯。

如何在WordPress中居中對齊視頻

如果您希望視頻填充內容區域的寬度,那麼最好的方法是直接在帖子編輯器中添加YouTube或Vimeo視頻URL,而不是使用嵌入代碼。

只需輸入URL,WordPress就會自動嘗試顯示適合您內容區域的視頻。

添加視頻URL以將視頻嵌入WordPress

但是有時由於某種原因,您可能需要使用嵌入代碼。 在這種情況下,您將需要在視頻的嵌入代碼周圍添加一些簡單的HTML。

首先,您需要在帖子編輯屏幕上切換到文本編輯器。 之後,您需要在視頻嵌入代碼周圍添加以下HTML代碼:

/// your video embed code goes here

現在,您可以保存更改並預覽帖子或頁面。 您的視頻將在內容區域的中心整齊地對齊。

視頻與中心對齊

另一種方法是手動增加視頻的寬度以適合內容區域。 為此,您只需要在嵌入代碼中添加或更改“ width”參數。


如果您直接在WordPress中上傳視頻,則可以使用視頻短代碼來增加寬度。

使用默認的媒體上傳器插入視頻後,切換到“文本”編輯器並增加視頻短碼中的width參數。

視頻簡碼

我們希望本文能幫助您學習如何在WordPress中將視頻居中對齊。 您可能還希望查看我們對YouTube與Vimeo的比較,以了解哪個更適合您的網站。

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