新增自訂 HTML

使用「自訂 HTML」區塊來新增 HTML 程式碼，並可預覽編輯結果。本指引將向你說明如何使用此區塊，以將程式碼新增至網站。

在開始之前，「自訂 HTML」區塊會用來將原始 HTML 程式碼新增至單一頁面或文章。這未必總是合適的工具。如果你的目標符合以下其中一個案例，連結的指引會是更快速的途徑：

• 嵌入影片、地圖、社群文章或第三方服務 (YouTube、Spotify、Instagram、Giphy、Pinterest 和其他許多服務)：請參閱「嵌入其他平台的內容」。[嵌入內容] 區塊適用於所有方案，並支援許多熱門服務，而無需任何自訂程式碼。
• 收集聯絡詳細資料、註冊或意見回饋：請參閱表單區塊。「表單」區塊可在不使用 HTML 的情況下建立可運作的表單。
• 將 CSS 樣式新增至網站：請參閱新增自訂 CSS。
• 在網站頁首新增程式碼 (驗證 meta 標籤、可在全網站載入的第三方指令碼)：請參閱在頁首新增程式碼。

若要新增「自訂 HTML」區塊，請依照下列步驟操作：

1. 前往網站儀表板，選取你要新增 HTML 的頁面、文章或範本。
2. 按一下「+ (區塊插入工具)」圖示，然後搜尋「HTML」。
3. 按一下「自訂 HTML」區塊，將其新增至內容。

此處有新增區塊的詳細說明。 

新增區塊後，請依照下列步驟新增 HTML 程式碼：

1. 按一下「編輯 HTML」按鈕。

2. 在編輯器左側寫入或貼上 HTML 程式碼。
   • 撰寫 HTML 時，你會在右側看到程式碼的預覽。
3. 完成後，按一下「更新」按鈕，即可儲存變更。

你會在編輯器中看到 HTML 程式碼的結果。若要進行變更，請按一下區塊工具列中的「編輯 HTML」按鈕。

HTML 是一種告訴瀏覽器如何顯示網站內容的電腦語言。WordPress.com 允許在所有方案使用下列 HTML 標籤：

若要新增下列標籤，你需要已啟用託管功能的付費方案。了解如何啟用方案的託管功能。

embed, frame, iframe, form, input, object, textarea, script, style, link

如需可新增至網站之程式碼類型的詳細資訊，以及不支援程式碼類型的替代方案，請參閱指引，了解如何將程式碼新增至網站。

如果 HTML 程式碼在儲存後未如預期顯示，請檢查下列常見原因。

WordPress.com 會篩選特定的 HTML 標籤以提升安全性。如 iframe、script、style、form、embed、和 object 等標籤需要已啟用託管功能的付費方案。

如果程式碼在你儲存後消失或部分移除，請依序完成這些檢查：

1. 檢查方案。前往網站儀表板並選取「升級」→「方案」。自訂 HTML 區塊僅接受付費方案的限制標籤。若你使用免費方案，請升級到任何付費方案以繼續。
2. 啟用託管功能。僅付費方案是不夠的；託管功能也必須啟用。在網站安裝至少一個外掛程式，啟用方案以接受自訂程式碼。
3. 重新輸入程式碼。方案付款且託管功能啟用後，請再次將程式碼貼到自訂 HTML 區塊並儲存。

如果啟用託管功能後仍移除程式碼，此內容中可能不支援此標籤，或第三方服務可能會發佈使用不支援標記的嵌入程式碼。請改用 [嵌入內容] 區塊，或參閱下方解決「非預期或無效的內容」錯誤。

如果你嘗試從第三方服務 (影片、音樂、地圖、社群文章、行事曆、電子報或文件檢視器) 嵌入內容，請改用 [嵌入內容] 區塊。[嵌入內容] 區塊適用於所有方案，不需要你撰寫 HTML，並支援 YouTube、Vimeo、Spotify、X、Instagram、TikTok 等多種服務。

如果 [嵌入內容] 區塊未列出服務，則服務可能需要 iframe 或指令碼。在已啟用託管功能的付費方案，將嵌入程式碼新增至自訂 HTML 區塊。

如果你看到訊息指出區塊包含非預期或無效內容，則區塊中的 HTML 可能格式錯誤或已經變更。選取「嘗試還原區塊」讓編輯器自動修正問題。如果錯誤持續發生，請參閱我們的解決區塊錯誤指引，以了解其他選項。