WordPress 的乾淨 HTML
WordPress 是全球最受歡迎的 CMS，為超過 40% 的網站提供支援。當您從 Google Docs 或 Word 貼上到 WordPress 的視覺化編輯器時，inline styles 和專有 class 會一起帶入，導致格式問題。使用 Publish Helper 在貼到 WordPress 之前清理您的 HTML。
WordPress 的 HTML 問題
WordPress 的 Gutenberg 編輯器在貼上時會移除部分 inline styles，但保留其他樣式的方式不一致。區塊編輯器的段落可能會繼承 Google Docs 的 font-family 和 font-size 宣告，覆蓋您的佈景主題樣式。傳統編輯器更不寬容 — 它幾乎會保留所有貼上的 inline styles。
如何將乾淨的 HTML 貼到 WordPress
- 1.
從 Google Docs、Word 或任何編輯器複製您的內容
- 2.
貼到 Publish Helper 中並點擊「清理 HTML」
- 3.
在 WordPress 中，新增自訂 HTML 區塊或切換到程式碼編輯器
- 4.
從 Publish Helper 貼上乾淨的 HTML 輸出
- 5.
預覽您的文章以確認格式與佈景主題一致
WordPress 使用技巧
- 使用 WordPress 的程式碼編輯器（三點選單 → 程式碼編輯器）以完全控制 HTML
- 自訂 HTML 區塊會完整保留您貼上的標記
- 避免直接貼到視覺化編輯器 — 它可能會重新添加格式
- 啟用 Publish Helper 的標題轉換以獲得正確的 H2 / H3 標籤，可搭配 WordPress 的目錄外掛使用
常見問題
為什麼我的 Google Docs 貼上內容在 WordPress 中看起來不同？
+
Google Docs 的 inline styles（font-size、font-family、color）會覆蓋您的 WordPress 佈景主題樣式。先用 Publish Helper 清理 HTML，以移除這些 inline styles，讓您的佈景主題字型排版正確套用。
應該使用視覺化編輯器還是程式碼編輯器？
+
對於來自 Publish Helper 的乾淨 HTML，請使用自訂 HTML 區塊或程式碼編輯器。視覺化編輯器可能會重新引入您剛移除的格式。
這適用於 WordPress.com 嗎？
+
是的。WordPress.com 支援自訂 HTML 區塊，就像自架的 WordPress 一樣。工作流程完全相同：在 Publish Helper 中清理，貼到自訂 HTML 區塊中。
Last updated: March 2026