為什麼要在WordPress中修正oEmbed最大寬度？

WordPress支持oEmbed，允許您自動嵌入來自第三方網站的內容，例如YouTube影片、SlideShare演示文稿和推文。由於這些內容不會儲存在您的伺服器上，因此不會拖慢網站速度。

然而，有時嵌入內容可能過於寬大並重疊到網站的其他內容區域。不幸的是，您無法使用內建的WordPress工具設置第三方嵌入的最大寬度。讓我們來看看如何添加這個缺失的功能，並在WordPress中設置oEmbed最大寬度。

方法1：使用嵌入短代碼（最佳用於YouTube影片）

您可以使用短代碼設置最大寬度。如果您僅希望為少量文章設置最大寬度，這是個簡單的方法。注意，短代碼及其寬度和高度參數並不適用於所有oEmbed供應商。如果您發現某個嵌入短代碼不起作用，可以嘗試其他方法。

例如，您可以將以下內容包裹在嵌入標籤中：

只需更改寬度和高度值以符合您的需求，並替換為您想嵌入的URL。完成後，點擊「更新」或「發佈」。嵌入內容應該現在恰好適合可用空間。

方法2：使用內建的WordPress嵌入塊（簡單）

WordPress塊編輯器來自帶有多個針對不同oEmbed服務的嵌入塊，例如Twitter、YouTube直播和SoundCloud的嵌入。這些塊可以改變嵌入的對齊方式，並設置為「寬寬度」或「全寬」。選擇「全寬」後，嵌入塊和嵌入內容將占滿整個螢幕的寬度。這是一個快速簡單的方法，不妨看看它是否適合您的網站。

方法3：使用自定義PHP（為所有嵌入設置最大寬度）

有時候你或許希望為所有嵌入內容設置最大寬度。最簡單的方法是向您的網站添加自定義代碼。使用WPCode插件可以輕鬆添加代碼片段而不需要編輯主題文件。WPCode帶有預配置的代碼片段，您可以指定oEmbed的最大寬度和高度，設置並啟用代碼片段後，它會自動在所有嵌入內容上生效。

方法4：使用CSS（為特定嵌入類型設置最大寬度）

WordPress會自動為網站的不同區域添加CSS類，您可以使用這些類來為特定的嵌入類型設置最大寬度。將嵌入內容放在頁面或文章中，然後預覽它並使用檢查工具查看嵌入內容的CSS類。根據內容類型，使用合適的CSS類設置最大寬度。

範例：

.wp-block-embed-pinterest { max-width: 900px!important; }

獎勵提示：如何輕鬆將您的社交媒體動態添加到WordPress

如果您經常嵌入來自社交媒體平台的內容，可以使用Smash Balloon插件更輕鬆地將您的社交媒體動態添加到WordPress網站，支持所有流行的社交媒體嵌入，並且與任何WordPress主題兼容，使您的嵌入內容看起來始終很棒。

希望本文幫助您學習如何在WordPress中設置oEmbed最大寬度。您還可以查看我們關於如何輕鬆嵌入iFrame代碼的指南，或者我們的最佳小型企業即時聊天軟體比較。