添加您的網站內容

添加您的網站內容

無論您是創建文章還是頁面,向網站添加內容都是一個簡單的過程。兩者的程序幾乎相同。除了前面描述的它們在網站上的顯示方式之外,另一個主要區別是文章允許您關聯類別標籤,而頁面則不允許。類別和標籤有什麼區別?通常,標籤是臨時關鍵字,用於標識文章中的重要信息 (名稱、主題等),這些信息可能會或可能不會在其他文章中重複出現,而類別是預先確定的部分。如果您將您的網站視為一本書,那麼類別就像目錄,標籤就像索引中的術語。

在 WordPress 5.0 中,引入了全新的編輯界面。新編輯器稱為 「區塊編輯器」,儘管您也可能通過其開發代號 「古騰堡」 而知道它。編輯界面已經過重建,可以更輕鬆地創建媒體豐富的頁面和文章,併為您提供更大的靈活性。

每當您創建新頁面或文章時,區塊編輯器現在都是默認編輯器。但是,如果您希望繼續使用舊的 (TinyMCE)經典編輯器,可以通過安裝經典編輯器插件來實現。經典編輯器插件將允許您禁用新的區塊編輯器,而是為您提供與 WP 5.0 之前使用的相同的編輯界面。經典編輯器插件可以從 WordPress.org 網站上的插件目錄下載,或者您可以使用插件 > 添加新菜單選項將其直接安裝到您的網站上,然後在搜索插件...字段。

如果您發現您的主題無法在新的區塊編輯器中正常工作,或者您現有的某些插件可能無法按預期工作,那麼強烈建議您安裝經典編輯器插件以將編輯器恢復到相同的界面您使用的是 WordPress 5.0 之前的版本。如果將來的某個時候,您更改主題或插件並決定使用新的區塊編輯器,那麼您只需停用經典編輯器插件即可。

也可以看看:

類別

類別

您可以使用類別來定義網站的各個部分和組相關文章。默認類別是「未分類」,但可以在 「設置」 中輕鬆更改。頁面不能與類別關聯。您只能將類別與文章關聯。

有兩種方法可以添加類別。它們可以在添加或編輯文章時添加,也可以通過 「類別」菜單選項添加。在編輯文章時添加類別,會自動將這些類別分配給您的文章。使用類別菜單選項添加類別只需將它們添加到可用類別列表中。

當您單擊「類別」菜單選項時,您將看到已添加的類別列表以及一些允許您添加新類別的空白字段。

類別

要添加新類別,請填寫空白字段,然後單擊添加新類別按鈕:

  • 名稱– 名稱是它在您網站上的顯示方式
  • Slug – Slug 是該名稱的 URL 友好版本。它通常全部小寫,僅包含字母、數字和連字符
  • 父類別- 與標籤不同,類別可以具有層次結構。您可能有一個汽車類別,該類別下有福特、通用汽車和豐田的子類別。完全可選。要創建子類別,只需從下拉列表中選擇另一個類別
  • 描述——默認情況下描述不突出;但是,某些主題可能會顯示它

添加新類別後,它將顯示在屏幕右側的類別列表中。

將鼠標懸停在類別列表中的每一行上時,類別名稱下方將出現一些鏈接。

  • 編輯– 允許您編輯類別屬性,例如名稱、子集、父級和描述
  • 快速編輯– 允許您快速編輯類別名稱和 Slug
  • 刪除– 從類別列表中永久刪除類別。單擊 「刪除」 後,系統將提示您確認您的選擇。單擊「確定」刪除類別,如果不想刪除則單擊 「取消
  • 查看– 這將列出當前使用此類別的所有文章

如果您想一次永久刪除多個類別,請單擊要刪除的類別旁邊的複選框,然後頁面頂部的批量操作下拉列表中選擇刪除。選擇刪除後,單擊應用按鈕立即刪除所選類別 (系統不會提示您確認您的選擇) 。

刪除類別不會刪除該類別中的文章。相反,僅分配給已刪除類別的文章將設置為默認類別,默認情況下設置為 「未分類」可以在 「設置」>「寫作」部分中配置默認​​文章類別

也可以看看:

管理菜單位置

管理菜單位置

After you create a menu, you also need to tell WordPress where to use it. This is where the Manage Locations tab on the Menus page comes in.

After clicking the Manage Locations tab on the Menus page, you will be shown a page similar to below, with a list of the various menu locations used in your Theme. You may have one menu location or you may have multiple, depending on the Theme currently in use. Your menu location wont necessarily be called 『Desktop Horizontal Menu』 either, as shown below. Again, that will depend entirely on your Theme.

Assign an existing menu that you』ve created to the appropriate Theme Location by selecting it from the dropdown list. Click the Save Changes button to save your changes.

Alternatively, you can choose to create a new menu and automatically assign it to the location by clicking the Use new menu link.

Managing Menu Locations

樣式側邊欄

樣式側邊欄

您可以在樣式側邊自定義網站的外觀。目前,您可以自定義網站的版式、顏色和佈局,儘管後續可能會包含更多選項。

樣式側邊欄正在接管全站點編輯器主題的定製器。過去,主題可能包含定製器中的版式或顏色設置等選項。對於專門為完整站點編輯器構建的主題,這些自定義選項現在將添加到樣式側邊欄,可以從完整站點編輯器中訪問該側邊欄。

FSE 工具欄樣式側邊欄要訪問樣式側欄,請單擊屏幕頂部主編輯器工具欄中的樣式圖標 ( ) 。在樣式側欄中,您將看到版式、顏色和佈局的選項。此處所做的任何更改都將反映在您的整個網站上。

您還可以使用 「塊」 選項自定義各個塊。單擊樣式側欄中的「塊」選項將顯示特定塊的列表。單擊塊類型將允許您在整個站點上自定義該特定塊的外觀。

完整站點編輯器樣式側邊欄

積木

積木

頁面中的每個單獨的內容位都將是一個塊。即使單個段落也將是單獨的塊。區塊編輯器為所有常見內容提供塊,例如段落、標題、有序和無序列表 (即項目符號點) 、引言、圖像、圖庫以及您之前可以使用舊經典編輯器添加的任何其他內容。

積木

每個塊都有自己的工具欄菜單,該菜單顯示在塊的頂部 (如果打開「頂部工具欄」選項,則顯示在屏幕頂部) 。顯示的圖標完全取決於塊的類型。例如,標題塊工具欄上顯示的圖標將不同於圖庫塊的圖標。

對於每個塊,塊工具欄中最左側的 「塊切換器」 圖標將顯示代表該特定塊的圖標。對於大多數塊,單擊該圖標可以讓您將所選塊從當前類型 「轉換」 或切換為另一種類型的塊。例如,當單擊段落塊的圖標時,您可以輕鬆地將其轉換為標題塊,以及其他幾種不同類型的塊,例如列表塊或引用塊。對於某些塊,例如表格塊,此 「塊切換器」 圖標還允許您更改特定塊的樣式。

對於允許您選擇和/或上傳文件的塊 (例如圖像、音頻和視頻塊),工具欄將顯示 「替換」 圖標,允許您通過選擇不同的文件來編輯塊。圖庫塊在每個單獨的圖庫圖像上都有圖標,允許您從圖庫中替換或刪除圖像。它還具有單獨的上傳按鈕和媒體庫鏈接,允許您向圖庫添加額外的圖像。

每個塊還將顯示一個選項圖標 ( 塊工具欄更多選項) 。選項圖標允許您:

  • 複製當前選定的塊
  • 複製當前選定的塊
  • 在當前選定的塊之前添加一個新塊
  • 在當前選定的塊之後添加新塊
  • 複製當前選定塊的樣式
  • 將樣式從另一個塊粘貼到當前選定的塊
  • 將當前選定的塊分組為組塊
  • 鎖定方塊以防止其被移動和/或移除
  • 從當前選定的塊創建圖案/可重複使用的塊
  • 將塊移動到頁面中的另一個位置
  • 編輯當前選定塊的 HTML
  • 刪除當前選定的塊

When inserting blocks using the Block Inserter panel, you'll notice that they're sorted into different sections based on their type. At the very top of the Block Inserter is a search field that allows you to filter the list of blocks shown to make it easier to find the block you're looking for. The search field will filter the list based on the blocks name and type. For example, typing 『im' in the search field (without the quotes) will show you a list of blocks that either start with, or are related to images, such as the Image Block, Gallery Block, Media & Text Block etc….

積木

The Block Inserter separates your blocks into different types. These include the following:

  • Text – This section contains all the basic text type blocks such as the Paragraph Block, Heading Block, List Block, Classic Block, Quote Block etc..
  • Media – This section contains all your image and media type blocks such as the Image Block, Gallery Block, Audio Block, Cover Block etc..
  • Design – This section contains more specialised content blocks, primarily used for enhancing the design of your page such as the Buttons Block, Columns Block, Group Block etc..
  • Widgets – This section contains special widgets such as the Shortcode Block, Archives Block, Categories Block, Latest Comments Block, Latest Posts Block etc..
  • Theme – This section contains special blocks that allow you to add different template parts to your content. Although some of these blocks can be added to your regular Page or Post content, these blocks are best utilised within the Full Site Editor.
  • Embeds – This section contains blocks for all the familiar Embeds that you're accustomed to using within WordPress. It contains the Tumblr Block, Twitter Block, YouTube Block, Spotify Block, etc…

Not shown by default, is the Most Used blocks section. The blocks that appear in this section will change based on the blocks that you've added to your content. As the name suggests, this section contains your most used blocks. To enable this section in the Block Inserter, click on the Options icon (區塊編輯器更多選項) at the top of the page and then click on the Preferences menu option. In the popup window that is displayed, turn on the Show most used blocks option within the Blocks tab. The Most Used blocks section will now appear in the Block Inserter, just above the Text section.

要訪問同步模式/可重複使用塊,請單擊塊插入器中的同步模式圖標 ( ) 。這將顯示您所有的同步模式/可重用塊。這些塊是您以某種方式設計的,可以在您網站的其他頁面上重複使用。如果更新同步模式,這些更改將應用​​到使用塊的所有位置。

也可以看看:

最後更新時間:2023 年 9 月 18 日


,

保存和發佈內容

保存和發佈內容

將所有內容添加到頁面或文章後,您可以選擇將頁面另存為草稿或發佈頁面。單擊「保存草稿」鏈接將簡​​單地保存您的頁面/文章。如果您想稍後再回來添加更多內容或者您還沒有準備好發佈,這會很方便。

區塊編輯器發佈

如果您想在發佈之前查看頁面/文章的外觀,請單擊預覽圖標。通過 「預覽」 選項,您可以根據需要減小編輯器寬度,從而在桌面、平板電腦或移動設備視圖中顯示編輯器。單擊「在新選項卡中預覽」選項將在新的瀏覽器選項卡中打開當前頁面/文章的預覽,使您可以查看頁面,而不會出現任何 WordPress 菜單或編輯器工具欄的混亂情況。在所有預覽選項中,在新的瀏覽器選項卡中預覽內容將為您提供頁面/文章外觀的最準確視圖。

保存時有多個選項可用。默認情況下,當您單擊 「保存草稿」 時,「狀態」 將設置為 「草稿」 勾選設置側欄摘要面板中的待審核複選框 會將頁面狀態設置為待審核。這意味着該草案在出版前正在等待編輯的審核。

還有一個選項可以使文章 「粘在博客頂部」 。粘性文章放置在所有博客文章的頂部,即使在新文章發佈後也保留在那裏。勾選「粘在博客頂部」 複選框以使文章 「粘性」 。此選項僅適用於文章。它不適用於頁面。

您還可以通過單擊 「摘要」面板中 「可見性」右側的鏈接來​​更改頁面的可見性

  • 公開是默認設置,意味着所有人都可以查看該頁面。
  • 私人完全向公眾隱藏內容。普通用户和訪客不會意識到私人內容。僅當您登錄 WordPress 博客時,您才會看到私人內容。
  • 密碼保護允許您為您的頁面分配密碼。只有知道密碼的人才能訪問該頁面。

設置側欄中摘要面板 還顯示頁面或文章的完整 URL 。首次保存內容後您將看到此 URL 。單擊此 URL 鏈接將打開一個小彈窗,您可以在其中編輯文章別名。您可能決定這樣做是為了改進 SEO(搜索引擎優化) 。但大多數時候,您只需保留 WordPress 根據您的頁面/文章標題自動生成的默認 URL 。彈窗還顯示頁面/文章的鏈接,單擊該鏈接將在新的瀏覽器選項卡中打開您的內容。

默認情況下,當您發佈頁面/文章時,您的內容會立即發佈。要更改此設置,請單擊 「摘要」面板中 「發佈」 右側的鏈接然後,您可以選擇您想要安排發佈頁面/文章的日期和時間。設置發佈日期和時間後,您仍然必須單擊「發佈」按鈕才能在所需的日期和時間發佈。

區塊編輯器發佈

在區塊編輯器中,發佈內容分為兩個步驟。單擊「發佈」按鈕後,您將看到一個新的發佈面板,確認您的選擇,併為您提供了另一次更新內容可見性和發佈日期的機會。單擊此處的「發佈」按鈕將發佈您的頁面/文章並使其在您的網站上發佈。

區塊編輯器發佈

如果您想關閉此額外的預發佈檢查,可以通過取消選中此額外的 「發佈」 面板底部的複選框來實現。關閉後,「發佈」按鈕將立即發佈您的內容,與 WordPress 5.0 之前的方式相同。如果您稍後決定要重新打開此預發佈檢查,則可以使用 「選項」 面板來執行此操作。單擊頁面右上角「選項」 圖標下的「首選項」菜單選項即可找到此面板 ( 區塊編輯器更多選項) 。顯示選項面板後,勾選包括預發佈檢查列表複選框以重新啓用這些預發佈檢查。

全屏編輯

全屏編輯

WordPress 允許全屏撰寫。它可以讓您完全無干擾地編輯頁面或文章。要進入全屏模式,只需單擊「無干擾寫作」按鈕 ( 全屏編輯) 。打開 「無干擾寫作」 按鈕後,左側菜單和右側面板就會淡出視圖,只在屏幕上留下撰寫內容所需的最少內容。

全屏編輯

在無干擾寫作模式下,只有標題字段和可視化編輯器會顯示,直到您將鼠標移到編輯器之外。將鼠標移出編輯器後,菜單和側面板就會淡出視圖。

要退出無干擾寫作模式,請再次單擊無干擾寫作按鈕。

 

區塊編輯器

區塊編輯器

區塊編輯器是一種全新的編輯體驗。顧名思義,區塊編輯器將您的所有內容視為單獨的塊。每個塊都可以單獨插入、重新排列和設計樣式,使這個新編輯器比舊的 (TinyMCE) 經典編輯器更加靈活。

區塊編輯器為所有常見內容提供單獨的塊,例如段落、標題、有序和無序列表 (即項目符號點) 、引用、圖像、圖庫以及您之前可以添加到經典編輯器的任何其他內容。最重要的是,區塊編輯器還提供了額外的塊,可以輕鬆添加按鈕、表格和列等內容。

重新排列內容比以前更容易。區塊編輯器允許您拖放或使用塊移動器圖標來重新排列各個塊的順序。每個塊還可以使用塊頂部的工具欄單獨設置樣式。您可以添加到塊的樣式類型取決於各個塊。例如,段落塊允許您更改文本大小、文本顏色和背景顏色,而標題塊僅允許您更改級別 (H2 、 H3 等) 和文本對齊方式。

現在,當您添加新頁面或文章時,WordPress 默認以全屏模式打開區塊編輯器。全屏模式將隱藏用户界面的某些部分,例如左側菜單和頂部管理欄。單擊頁面右上角的選項圖標 ( ),然後單擊全屏模式選項,可以關閉全屏模式值得注意的是,本指南以下區塊編輯器部分中的所有屏幕截圖都是在關閉全屏模式的情況下拍攝的,因為這是大多數 WordPress 用户所習慣的。塊工具欄更多選項

也可以看看:

使用可視化編輯器添加內容

使用可視化編輯器添加內容

用於在頁面或文章中輸入內容的編輯器非常易於使用。它很像使用常規文字處理程序,帶有工具欄按鈕,可讓您將文本加粗 ( 大膽的) 或斜體 ( 斜體) 或輸入標題 ( 風格) 或項目符號點 ( 編號列表 項目符號列表) 。您甚至可以使用其他文本編輯器中使用的大多數基本鍵盤快捷鍵。例如:Shift+Enter插入換行符、Ctrl+C/Cmd+C = 複製、Ctrl+X/Cmd+X = 剪切、Ctrl+Z/Cmd+Z = 撤消、Ctrl+Y/Cmd+Y = 重做、Ctrl+A/Cmd+A = 全選等 (在 PC 上使用Ctrl鍵,在 Mac 上使用Command 鍵) 。

向頁面添加內容時,可視化編輯器會展開以適合您的內容,而不是簡單地滾動。最重要的是,無論可視化編輯器變得多高,工具欄按鈕都可以通過粘在頁面頂部來隨時可用。

通過使用特殊的鍵盤快捷鍵,添加內容現在變得更加容易。當您想要向內容添加不同大小的標題時,您現在可以使用兩個或更多主題標籤 (#) 開始一行,然後按 Enter 鍵轉到下一行,而不必從工具欄下拉列表中選擇標題大小,可視化編輯器會自動將您的文本轉換為適當的標題。與標題一樣,您也可以使用*創建無序列表,使用1將啓動一個有序列表,>將創建一個塊引用。

可用鍵盤快捷鍵的完整列表如下;

* – 啓動無序列表
– 啓動無序列表
1. – 啓動有序列表
1) – 啓動無序列表
## – H2
### – H3
#### – H4
##### – H5
## #### – H6
> – 添加塊引用
– 添加水平線
`..` – 將文本轉換為代碼塊 (將 .. 替換為您的文本)

編輯器頂部有兩個選項卡:「視覺」「文本」 ( 視覺/文字) 。它們在可視化編輯器文本編輯器之間切換編輯器視圖文本視圖將使您能夠查看構成內容的 HTML 代碼。對於更有經驗的用户來説,這有時會很有幫助,但對於那些不熟悉 HTML 標籤的人來説,不建議這樣做。

創建新頁面或文章時,要做的第一件事是在頂部輸入字段中輸入標題,其中顯示 「添加標題」將鼠標向下移動到編輯器後,將為您的頁面創建一個新的永久鏈接。永久鏈接是您個人文章、頁面、類別等的永久 URL 。雖然通常沒有必要,但您可以通過單擊永久鏈接旁邊的「編輯」 按鈕來手動編輯永久鏈接。修改後,單擊「確定」保存或單擊「取消」取消更改。

在編寫內容的編輯器頂部,有許多格式按鈕。單擊工具欄切換按鈕 ( 工具欄切換) 將顯示或隱藏第二行格式設置按鈕,這為您提供了額外的功能。編輯器按鈕執行以下功能:

 

添加媒體 添加媒體– 用於上傳和插入圖像、音頻、視頻或文檔等媒體
風格 樣式– 用於根據當前主題使用的樣式設置頁面文本格式
大膽的 粗體– 粗體文本
斜體 斜體– 斜體文本
項目符號列表 項目符號列表– 創建無序列表 (項目符號點)
編號列表 編號列表– 創建有序 (編號) 列表
塊引用 塊引用– 用作顯示引用的方式。它的外觀完全取決於您的網站當前使用的主題
左對齊 左對齊– 文本左對齊
居中對齊 居中對齊– 將文本居中對齊
右對齊 右對齊– 文本右對齊
插入/編輯鏈接 插入/編輯鏈接– 用於創建指向另一個頁面或網站的 html 鏈接。如果首先沒有選擇任何文本,您輸入的 URL 也將用於鏈接文本
插入「閲讀更多」標籤 插入 「閲讀更多」 標籤 –「更多」標籤插入您的頁面。大多數博客僅顯示文章的一小部分摘錄,您需要單擊文章標題或 「閲讀更多...」 鏈接才能繼續閲讀文章的其餘部分。當您在文章中插入 「更多」 標籤時,該標籤之前的所有內容都被視為摘錄。大多數時候,您只會在創建博客文章而不是頁面時使用此按鈕
工具欄切換 工具欄切換– 用於顯示或隱藏編輯器工具欄上的第二行格式化按鈕
全屏編輯 無干擾寫作– 單擊此按鈕將放大編輯器,使其填滿瀏覽器窗口。單擊屏幕頂部的退出全屏鏈接會將其縮小回原始大小
刪除線 刪除線- 在文本中添加刪除線
水平線 水平線– 在頁面中插入一條水平線
文字顏色 文本顏色– 用於更改文本的顏色
粘貼為文本 粘貼為文本- 從其他網站或文字處理程序複製和粘貼文本有時會導致文本格式與您期望的不同。原因是,格式化原始文本的 html 標籤或代碼通常會與文本本身一起粘貼。為了避免這種情況,粘貼為文本將刪除所有這些格式和 html 標籤。「粘貼為文本」 選項就像一個開關,一直保持打開狀態,直到您再次單擊該按鈕將其關閉或直到您保存頁面內容
清除格式 清除格式- 使用此功能可以從突出顯示的文本中刪除所有格式 (例如粗體、下劃線、文本顏色等)
插入特殊字符 特殊字符- 用於插入不易通過鍵盤訪問的特殊字符 (例如?、?、?、?、€、?等)
減少縮進 減少縮進– 刪除一級縮進
增加縮進 增加縮進- 將文本縮進一級
撤消 撤消– 撤消您的上一個操作
重做 重做– 重做您的上一個操作
幫助 鍵盤快捷鍵– 顯示有關 WordPress 可視化編輯器的信息以及鍵盤快捷鍵
視覺/文字 視覺/文本– 在視覺編輯器和文本編輯器之間切換編輯器視圖。文本視圖將使您能夠查看構成內容的 HTML 代碼。對於更有經驗的用户,這有時會有所幫助,但對於那些不熟悉 HTML 標籤的用户,不建議這樣做

最後更新時間:2022 年 4 月 6 日


,

回顧過去的修訂

回顧過去的修訂

當您編輯文章或頁面時,該特定文章或頁面的修訂數量會顯示在 「設置」 側欄的 「文章/頁面」 選項卡上 (如果有) 。

單擊摘要面板下方的修訂鏈接可瀏覽當前文章或頁面的各種修訂。

區塊編輯器修訂

使用頁面頂部的滑塊或單擊 「上一個」 和「下一個」按鈕來瀏覽各種文章或頁面修訂。

已刪除的內容將顯示為紅色,已添加的內容將顯示為綠色。如果存在深紅色和/或深綠色陰影的內容,則它會突出顯示已刪除或添加的特定內容。如果段落或行只是淺紅色和/或淺綠色,則整個段落或行都受到更改的影響。

您還可以通過單擊頁面頂部的比較任意兩個修訂版複選框來比較兩個不同的修訂版。

如果您想恢復以前的版本,請單擊 「恢復此版本」按鈕。

區塊編輯器修訂