如何在 WordPress 中編輯頁面 – 掌握 WordPress 編輯器

要在 WordPress 中編輯頁面，您不需要非常技術 - 如果您有一些文本編輯器的經驗，您會發現它很簡單。 將 WordPress 編輯器用於帖子和頁面。

另請參閱：如何編輯頁面名稱 >

我在這裡使用的示例在WordPress.org系統中，但 WordPress.com 在更改頁面的方式方面非常相似。 這篇文章對兩人有幫助。

更新。 這篇文章指的是 WordPress 經典編輯器，而不是 WordPress Blocks，即自 2018 年以來使用的 Glutenberg WordPress 編輯器。但是，這篇文章仍然對某些人有幫助。

讓我們看看你會學到什麼。

到本文結束時，您應該掌握如何在 WordPress 中格式化和編輯頁面：

• 在管理區編輯和保存，
• 查看前端的變化，
• 並在 WordPress 編輯器中使用格式化工具。

在更新任何帖子或頁面之前，請備份 WordPress 數據庫。 我使用 DB Migrate，這是一個免費的備份和遷移插件。

在 WordPress 中編輯頁面需要什麼

• 來自 Web 開發人員的 WordPress 用戶名和密碼。
• 管理區域的 URL（也稱為 Web 地址或可能的鏈接）。

獲得這些後，通過在瀏覽器中鍵入或單擊鏈接導航到您的 URL。

輸入用戶名和密碼，然後點擊登錄。 您將到達 WordPress 儀表板。

在新選項卡中查看 WordPress 網站

我做的第一件事是在新的瀏覽器選項卡中打開網站面向公眾的部分。 然後我讓管理區域（後端）在一個選項卡中可見，公共空間（前端）在另一個選項卡中可見。 這樣，我就可以在兩者之間切換。

在新選項卡中打開 WordPress 網站前端的最簡單方法是；

• 在管理區域 - 將鼠標懸停在屏幕左上角的房子圖標上。
• 從下拉菜單中，右鍵單擊“訪問站點”。
• 單擊“在新選項卡中打開鏈接”。 我在下面用紅色強調了這一點。

注意。 根據您使用的瀏覽器，可能會有不同的詞。

現在打開了兩個瀏覽器選項卡，這意味著您可以在兩者之間切換。

使用管理區域繼續在一個選項卡中編輯 WordPress 頁面。

另一方面，您將查看網站的前端以檢查您所做的每項更改。

當您進行編輯並保存時，您可以切換到站點的前端。 按 F5 鍵刷新頁面 - 這會提示瀏覽器顯示更新的版本。

在 WordPress 中編輯頁面內容

現在您已經設置了您的工作區域，讓我們從管理區域開始。 在這裡您會找到 WordPress 編輯器。

單擊左側菜單上的頁面。 列出了您站點中的頁面。

當您將鼠標懸停在頁面名稱上時，會出現更多選項。

EDIT將帶您進入完整的編輯屏幕。

快速編輯將允許您從此屏幕更改標題、slug、日期、隱私、父級、訂單、模板和狀態。

BIN會將頁面發送到垃圾箱。 該頁面將不再在網站上可見。

VIEW會讓你看到這個特定的頁面——前端（或公共）端。

要編輯頁面，請單擊第一個選項“編輯”。 或者點擊頁面名稱。

您將到達 WordPress 的“頁面編輯”屏幕。

在 WordPress 教程中編輯頁面

我必須首先讓您注意 WordPress 中的主題和插件，有時會自定義“頁面編輯”屏幕。

例如，DIVI 使用稱為 DIVI Builder 的接口； Avada 的名為 Fusion Builder。

您使用的是哪個版本？

最新的 WordPress 編輯器是 Gutenberg Block Editor。 如果您的頁面與下圖類似，則您正在使用塊 – 請訪問我在塊編輯器上的帖子。

如果 WordPress 編輯器與下圖類似，則您使用的是經典 WordPress 編輯器。

如果您沒有使用自定義構建器，我們可以開始。

WordPress 編輯器按鈕圖標解釋

在經典編輯器中，第一個按鈕圖標是 TOOLBAR TOGGLE 圖標，曾經被稱為“廚房水槽”。 在上圖中，您可以看到它被激活，因為它是倒置的。

工具欄切換圖標如下所示：

此按鈕圖標顯示或隱藏額外的格式選項。 保持激活狀態。

在 WordPress 中格式化文本

與大多數 WordPress 編輯器一樣，您可以突出顯示文本並設置其格式。

主編輯欄從左到右分別是：

B - 使文本粗體或強烈。
I - 將突出顯示的文本以斜體顯示。
美國廣播公司– 這將在您的文本中添加刪除線，就像將其劃掉一樣。 方便出售的物品。

網絡談話中無序列表的按鈕圖標，但 WordPress 將其稱為項目符號列表。 使用它來創建列表。 例如：

• 這是第一點。
• 這是第二個順序。

每次需要新的項目符號時，在每行的末尾單擊返回（或輸入）。

快速提示：單擊 SHIFT-ENTER 會創建一個換行符，這在項目符號列表中很有用，因為您可以下拉一行而無需創建新項目符號。

• 這是我第一點的標題。
  我在下面通過按 SHIFT-ENTER 說一點。
• 現在我有了第二點。
  關於這一點。

要中止列表，只需在最後一行後按兩次返回即可。 或者再次點擊該圖標。 WordPress 將恢復正常段落。

您的網站設計師或主題可能已使用 CSS 來設置列表樣式。 您並不總是能夠在 WordPress 編輯屏幕中更改樣式。

這個圖標就是號碼列表，網絡語言叫有序列表。 以與上面的項目符號列表相同的方式使用它，除了列表將被編號。

塊引號縮進文本行。 同樣，主題或 Web 開發人員可能已經對這些進行了樣式設置，因此您可能無法對其進行樣式設置。

接下來是水平線。 使用水平線在文本塊中創建中斷。 主題控製樣式。 上面的是默認樣式——1 像素處的灰線。

在 WordPress 中對齊段落

段落和標題的佈局通常在樣式表中設置，使這些對齊按鈕的行為有點不穩定。

我傾向於讓樣式表管理我的段落，但如果我添加圖像，我會在 WordPress 編輯器中對齊它。

單擊一行文本，然後單擊對齊工具 - 對齊應用於整個段落。

通常，下一段將遵循上一段的對齊方式。 通常，當使用換行符而不是“段落”標籤時會發生這種情況。 有一個簡單的修復方法。

• 將光標放在第一段的末尾。
• 現在按 DELETE（退格鍵）將第二段拉起來。
• 按 ENTER 完成一個段落並開始一個新的段落。
• 兩個可以分開對齊。

在 WordPress 中創建和編輯鏈接

鏈接圖標——文本和圖像都可以鏈接到頁面、帖子或外部網站。

要在 WordPress 中鏈接文本，請務必先突出顯示文本。

快速提示：雙擊一個單詞以突出顯示整個單詞。 按住 shift 並單擊第二個單詞以突出顯示它。

現在單擊您的鏈接圖標。

如果您要鏈接到網站上的頁面/帖子，請開始輸入標題。
注意。 輸入頁面的標題，而不是 slug。

編輯 WordPress 頁面標題

在列表中找到頁面後，點擊字段末尾的藍色“返回”箭頭以應用它。

要更多地自定義鏈接，請在單擊應用之前單擊字段末尾的齒輪圖標。

齒輪圖標會打開一個包含鏈接選項的框 - 選擇要鏈接的頁面。

不推薦，但鏈接可以打開一個新窗口（或選項卡）。 只需在鏈接選項屏幕中選中“在新標籤中打開鏈接”即可。 谷歌懲罰打開不同窗口的鏈接——用戶必須能夠做出決定。

快速提示：在最新版本的 WordPress 中，您甚至不必在鏈接文本時按下鏈接圖標。 將鏈接複製到剪貼板，突出顯示文本並按 control-v 粘貼鏈接。

在 WordPress 中鏈接圖像是一個類似的過程。

選擇圖像，然後單擊鏈接圖標。 按照上述步驟操作。

如何在 WordPress 中編輯鏈接

要編輯鏈接，請按照類似的步驟操作。

突出顯示文本或選擇圖像。 要么使用相同的圖標並將鏈接更改為新的。 或單擊出現的鉛筆圖標。

如何刪除WordPress中的鏈接

此圖標完成刪除鏈接。 只需單擊文本鏈接上的任意位置或選擇圖像，然後點擊此按鈕。

閱讀更多圖標是我從未使用過的圖標。 WordPress 允許您將文本放入 READ MORE 標籤中，將其隱藏在頁面上，直到用戶點擊閱讀更多內容。 該文本仍可供搜索引擎抓取，但 Google 不喜歡隱藏的內容。

WordPress 中的段落和標題

在工具欄中，您將看到一個下拉菜單。

要格式化行，請單擊行或段落中的文本，然後使用下拉菜單選擇段落、標題 1 或標題 2。

主題設置標題和段落的樣式，使網站設計保持一致。

為標題使用正確的標籤，設計將繼續貫穿整個網站。

什麼是SEO寫作？

WordPress 中的更多格式化工具

使用此圖標為 WordPress 內容中的文本加下劃線，使其脫穎而出或發表聲明。

只需突出顯示文本並單擊下劃線圖標。

文本對齊工具，將創建一個對齊的段落。 調整字母和單詞之間的間距，使文本與右邊距和左邊距齊平。 也稱為完全對齊或完全對齊，非常適合列中的文本。

作為 WordPress 網頁設計師，我建議您謹慎使用此圖標。 該按鈕更改文本的顏色。 我見過客戶寫出明亮、多彩的句子來吸引註意力。 看起來不太好。 保持文字統一。

為什麼 WordPress 中有“粘貼為文本”圖標？ 從網站或 Word 文檔複製的文本也帶有該格式。 將其粘貼到 WordPress 頁面，然後粘貼格式。 由於代碼處於無用的位置，頁面最終看起來很糟糕。

所以下次復制和粘貼時，複製； 然後將光標放在適當的位置並單擊“粘貼為文本”工具以添加沒有格式的文本。 然後在 WordPress 中對其進行格式化。

如果您在頁面上到處都是文本，則通常是格式問題。 如果您知道自己在做什麼並有備份，請使用“清除格式”工具刪除所有格式，將文本剝離回來，以便您現在可以自己設置格式。

下一個圖標，希臘歐米茄打開下面的字符映射，使您能夠添加特殊字符，例如銳角、嚴重和抑揚格。 如果您要創建多語言頁面，則很有用。

這些是縮進圖標。 使用它們，您可以增加或減少段落或標題的縮進。

最後，撤消/重做圖標。 左邊的那個是用來撤銷的，真的很有用。 此圖像中的灰色較深，因為我可以進行撤消操作。 重做按鈕被禁用——此時我無法“重做”。 要重做，您必須先撤消某些操作。

保存 WordPress 頁面

當您對 WordPress 頁面或帖子進行重大更改時，請單擊“更新”按鈕以保存頁面。 這會更新面向公眾的頁面。 在前端查看更改以檢查您的工作時，請始終刷新您的頁面。

WordPress 中的自動保存和修訂

WordPress 經常自動保存頁面草稿。

可以使用修訂鏈接調用頁面的修訂。 它可以在 POST 設置中找到。 如果帖子設置被關閉，點擊齒輪，右上角打開它們。 然後點擊頂部的頁面選項卡（或發布選項卡，取決於您正在編輯的內容）。

• 單擊“修訂”鏈接以查看在文檔的整個生命週期內存儲的草稿和修訂。
• 您將到達“比較修訂”屏幕。
• 此屏幕頂部有一個時間軸欄，代表頁面的生命週期。 滑塊越靠左，頁面的修訂版本越舊。
• WordPress 突出顯示所做的更改，將最新的帖子與您在時間軸上選擇的帖子進行比較。
• 要檢索最新版本，將滑塊一直向右移動。

在 WordPress 中編輯永久鏈接

永久鏈接（也稱為 slug）在 WordPress 中創建網頁的 URL。 編輯永久鏈接時，頁面鏈接可能會損壞，因此請謹慎編輯。

如果您要更改和編輯永久鏈接，我建議您使用重定向插件，如重定向。

快速提示：如果您犯了錯誤並更改了永久鏈接，但忘記了原始 URL – 使用 Google 搜索搜索該頁面。 將公司名稱添加到搜索中，您可能會找到列出的原始 URL。 將永久鏈接更改回原始名稱。

最後一句話

我希望你喜歡這篇文章。 如果您不了解正在使用的內容，WordPress 可能會令人沮喪。 我相信這些說明以及我博客上的其他 WordPress 教程都會對您有所幫助。