在你的網站加入程式碼

你可以透過多種方式在 WordPress.com 網站新增自訂程式碼。本指南將根據你的 WordPress.com 方案，說明哪些類型的程式碼可以新增至網站。

你能在 WordPress.com 網站新增的程式碼類型，取決於你的方案等級：

• 免費網站可新增的程式碼有所限制。這些限制是為了確保共用主機環境中所有網站的安全。
• 選用啟用外掛程式的方案的網站，在你啟用方案後，即可不受限制地新增任何程式碼。

如果你想在網站上使用 iframe、JavaScript 或其他程式碼，但不想升級至支援的方案，可以考慮以下替代方案：

• 任何 WordPress.com 網站都可以透過多種方式安全地分享影片、音訊檔案和文件。
• 你可以從許多熱門服務嵌入內容，完全不需要程式碼。請參閱完整的支援平台清單，包括 YouTube、Spotify、Giphy、各大社群媒體平台等。
• WordPress.com 內建許多額外功能，不需要程式碼或外掛程式即可使用。這些功能包括聯絡表單、圖庫、Google Analytics、付款按鈕、活動、投票、測驗、預約排程、餐廳訂位等。請參閱這份指南，瞭解內建功能清單。

HTML 是網頁使用的語言，你在網路上瀏覽的每個頁面都會用到它。它透過特殊的程式碼（稱為標籤）來組織和建構網頁內容，例如文字、圖片、連結和多媒體。所有 WordPress.com 網站都可以使用以下 HTML 標籤：

此外，選用啟用外掛程式的方案且已啟用主機功能的網站，還可以使用以下程式碼：

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

你可以插入自訂 HTML 區塊來新增較短的 HTML 程式碼片段。

你可以透過兩種方式直接在 WordPress 編輯器中編輯 HTML：

在每個區塊的工具列中（點選區塊時會出現），點選省略號（三個點的圖示），即可看到「以 HTML 編輯」選���，用來編輯該區塊的 HTML。

如果你想以 HTML 編輯整個頁面，請點選右上角的省略號，然後選取「HTML 程式碼編輯器」即可切換至 HTML 模式。

HTML 程式碼編輯器預設會啟用語法醒目標示。你可以依照個別使用者或網站的需求停用此功能，步驟如下：

1. 前往網站儀表板中的使用者 → 個人檔案。
2. 勾選「編輯程式碼時停用語法醒目標示」旁邊的核取方塊。
3. 點選「更新個人檔案」按鈕以儲存變更。

CSS 負責控制 HTML 網頁內容的呈現方式與外觀。CSS 可以調整網頁元素的顏色、字型、大小、間距和位置。

個人版、進階版、商用版或電子商務版方案的網站皆支援 CSS 編輯。請參閱我們的自訂 CSS 指南，瞭解更多資訊。

JavaScript 能為網頁加入互動效果和動態元素，常用來建立互動式表單、動畫，以及版面自動調整的設計等功能。

JavaScript 程式碼通常以 <script> 標籤開頭，可在選用啟用外掛程式的方案的網站上使用。你可以透過自訂 HTML 區塊插入 JavaScript 程式碼，也可以使用下方如何插入程式碼章節中介紹的其他方法。

來自受信任合作夥伴（例如 YouTube 和 Google Maps）的內容，通常可在任何方案中改用支援的嵌入或短代碼。

在上述限制條件下，你可以依據自己的需求，選擇最適合的方式將程式碼新增至網站。以下方法適用於插入大多數程式碼，包括 iframe 和 JavaScript：

• 使用自訂 HTML 區塊將程式碼嵌入頁面或文章。
• 直接上傳圖片、影片、音訊和文件。詳情請參閱可接受的檔案類型。
• 透過 Google Search、Bing、Pinterest、Yandex 和 Facebook Business 驗證你的網站。請參閱網站驗證服務。
• 使用SyntaxHighlighter 程式碼區塊顯示原始碼。

僅限已啟用主機功能，且選用啟用外掛程式的方案的網站：

• 透過外掛程式新增 AdSense、Facebook 和 Mailchimp 等服務的驗證碼。請參閱新增程式碼至頁首。
• 透過 Code Snippets 等外掛程式將程式碼新增至 functions.php。
• 使用安全 FTP (SFTP)直接編輯網站檔案。
• 安裝外掛程式，為你的網站新增幾乎任何功能。
• 建立子佈景主題來修改佈景主題。