撰寫及編輯

編輯器

編輯器是用來新增網站或網誌內容的工具。不論文章和頁面的內容,都是用同一種編輯器來撰寫。本頁將說明你可使用哪些不同的編輯器。

WordPress 編輯器

WordPress 編輯器亦稱為區塊編輯器,在 2018 年底推出;功能最為強大、靈活。全球數百萬位網站擁有者皆一致選用這個編輯器。

所有文章或頁面中的圖片、文字、影片和頁首等網站元素,都是某種區塊元件。不同的區塊各自獨立,共同組成一整個頁面;你可以獨立編輯某個區塊的內容,不會影響到頁面其他部分。

深入了解 WordPress 編輯器的運作方式。

在 WordPress 編輯器中編輯 HTML

有兩種方法,可以在 WordPress 編輯器中編輯 HTML 程式碼:

在每個區塊的工具列中,省略符號或三個點按鈕的選單,含有「以 HTML 方式編輯」的選項,可以讓你編輯該特定區塊內的 HTML 程式碼。

以 HTML 方式編輯 - 區塊
編輯區塊的 HTML

若要編輯整頁或文章的 HTML,請按一下「發佈」按鈕附近的省略符號,以切換為程式碼編輯器

程式碼編輯器

以 HTML 方式編輯時,並非所有程式碼均可運作。如果你的程式碼格式正確且沒有錯誤,請確認你所使用的標籤包含於可用的 HTML 標籤清單之內,而且並非 JavaScript 等禁止使用的程式碼

切換為 WordPress 編輯器

如果你在 WordPress 編輯器推出前,使用傳統編輯器中新增過頁面或文章,WordPress 編輯器會將其內容保存在傳統區塊中;傳統區塊保留了許多與傳統編輯器相同的功能。

你可以使用傳統區塊右上角的三個點,將內容轉換為區塊


傳統編輯器

在現行 WordPress 編輯器(請見上方)推出之前,傳統編輯器是 WordPress.com 網站和網誌的預設編輯器。

在 WordPress 編輯器中設有傳統區塊,其功能近似於 WordPress 編輯器中的傳統編輯器。傳統區塊的外觀如下:

傳統區塊提供的編輯體驗與傳統編輯器相同

你也可以在 WP 管理員 (傳統 WordPress 儀表板) 中使用傳統編輯器;你也會經常在 WordPress 線上教學課程中看到這個儀表板的圖片。雖然你可透過主要 WordPress.com 儀表板完成幾乎所有工作,但你仍可視偏好選用 WP 管理員。

有兩種方法可以使用 WP 管理員:

顯示 WP 管理員連結的圖片
  1. 你可以在「我的網站」下按一下設定清單底部的 WP 管理員連結(如左圖所示)。
  2. 你可以在網站 URL 尾端加上 /wp-admin (例如:example.wordpress.com/wp-admin)

若要在傳統編輯器中編輯頁面或文章,請按一下頁面或文章的標題

WP 管理員中的頁面
WP 管理員中的頁面

傳統編輯器由下列兩個編輯器組成:視覺化編輯器HTML 編輯器

視覺化編輯器
WP 管理員中的傳統編輯器
WP 管理員中的傳統編輯器(視覺化模式)

視覺化編輯器是由 TinyMCE 建置,看起來和文書處理器非常相似。視覺化編輯器圖示可讓你格式化文字、變更字型對齊方式、插入項目符號和編號清單等。

想念這種編輯體驗嗎?WordPress 編輯器的傳統區塊功能和視覺化編輯器相同。

HTML 編輯器
WP 管理員中的傳統編輯器(HTML模式)

HTML 編輯器可讓你使用 HTML 撰寫頁面和文章,或編輯現有的 HTML。若要使用 HTML 編輯器,請按一下「視覺化」分頁旁的「文字」分頁。

若要加入短代碼,請新增字型樣式,或從外部來源貼上程式碼,你可以使用 HTML 編輯器來進行。

你所新增的 HTML 程式碼必須採用正確的格式,而且也要列示於允許的 HTML 標籤清單中。你可透過文字編輯器頂端的按鈕,輕鬆且快速地插入最常見的 HTML 標籤。此外,請注意 WordPress.com 有一些程式碼限制;因此為了安全起見,不允許使用 JavaScript、嵌入內容和自訂表單。


第三方編輯器

升級為商用版或電子商務版方案的網站,即可安裝 Elementor 和 WP Bakery 等第三方編輯器外掛程式。有時候,第三方佈景主題也包含自訂的編輯器。

提醒你:使用第三方編輯器時,最好能向此工具的開發者取得相關支援。開發者通常會在 WP 管理員儀表板中的工具設定頁面上設置連結,以便直接聯絡。

Still confused?

Contact support.

Not quite what you're looking for?

取得說明