新增您的網站內容

新增您的網站內容

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

在 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 日


,

回顧過去的修訂

回顧過去的修訂

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

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

區塊編輯器修訂

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

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

您還可以透過單擊頁面頂部的比較任意兩個修訂版覈取方塊來比較兩個不同的修訂版。

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

區塊編輯器修訂