如何使用 WordPress Gutenberg 全面編輯您的網站?

已發表: 2022-06-04

WordPress 已經在市場上銷售了很長時間,並且仍在帶來新的更新。 定製網站外觀需要巨大的潛力和知識。

在這裡, WordPress Gutenberg類似於您平台的構建塊。 人們仍在探索獲取最佳產品的工具。 對於編碼知識較少或沒有編碼知識的人來說,這個編輯器更容易上手。

讓我們探索 WordPress Gutenberg 塊的見解

什麼是 WordPress 古騰堡?

新的基於塊的編輯器的代號是在 WordPress 5 中引入的。主要變化是內容更新的過程。 它使您可以自由添加各種格式的媒體類型並使用塊在編輯器內組織佈局。

WordPress對行業產生了很大的影響。 它開始為您的企業邁入光明的未來。 Gutenberg 有助於專注於頁面模板,以獲得更好的用戶體驗。 它是用於頁面和帖子的默認內容編輯器的經典 WordPress 編輯器的絕佳替代品。

您需要將不同形狀和大小的小塊組合起來以形成更大的結構。 這意味著一個帖子由幾個小塊組成。 古騰堡分為幾個部分:

  • 文本:可以是段落、列表、引號、標題等。
  • 媒體:這些是圖像、畫廊、音頻文件、視頻和其他媒體
  • 小部件:插入 WordPress 小部件、類別列表等
  • 設計:添加列、間隔、部分、按鈕等
  • 嵌入:集成來自第三方資源(如 Spotify、YouTube、Twitter 等)的內容。

WordPress 全站編輯將如何影響您的網站?

1. 塊類別和位置

它們是塊編輯器中博客頁面和帖子的框架。 您可以將塊用於頁面、頁腳、側邊欄和標題。 它們使您可以自由地通過塊在網站的內容和外觀之間進行調整。

2. 具有全局風格的設計元素

這套新功能有助於更新網站的風格元素。 這些可以是顏色、字體或其他視覺部分。 塊編輯器有助於更改不同帖子和頁面的網站視角。 您需要聘請 WordPress 開發人員是應用多個網站元素並保持良好用戶體驗的最具挑戰性的事情。 全局樣式將能夠大規模控制元素。 您將獲得一個可以在網站的編輯模式下操作的全局界面。

3. 配置頁面佈局

該模板控制 WordPress 網站不同頁面上的佈局和外觀。 這些組件將幫助您確定網站主題中側邊欄和標題的位置。 該主題帶有用於博客文章和登錄頁面的模板。

4.應用模板功能

模板將決定網站上元素的位置。 WordPress Gutenberg 塊讓您可以很好地控制主題及其模板的頁面佈局 它還使您可以自由地在不同的登錄頁面之間使用不同的主題元素。

您可以將主題塊與基於塊的模板編輯器一起使用。 通過塊構建自定義模板並控制您的網站和內容上的用戶導航。

如何為您的網站安裝 Gutenberg WordPress 塊?

新的塊編輯器已預裝在 WordPress 5.0及更高版本中。 安裝 WordPress Gutenberg Blocks 最簡單的方法是:

  • 從儀表板WordPress導航到插件>添加新
  • 在搜索欄中查找關鍵字 WordPress Gutenberg
  • 該插件應該在搜索結果中可見。 現在,點擊立即安裝
  • 安裝WordPress Gutenberg插件後,單擊激活以完成該過程。

使用 WordPress Gutenberg Blocks 有什麼好處?

使用 Gutenberg 的開發人員有幾個好處:

  • 它使初學者的內容創建過程更容易和直觀
  • 它有助於仔細查看內容格式並了解前端
  • 通過消除單獨短代碼的要求來統一內容創建方法
  • 提供多種選擇以使用多種元素自定義內容
  • 無需安裝不同的頁面構建器插件
  • 它具有拖放功能,使內容編輯和創建更容易。
  • 古騰堡更好的響應能力,有助於改善工作流程
  • WordPress 使您免於安裝頁面構建器插件,它為您提供文本和可視化編輯工具

WordPress 開發服務將有助於為您的平台解鎖最佳功能。 僅當您可以訪問正確的資源和工具時,該平台才有許多好處。

更高效地使用 WordPress Gutenberg 的提示:

1. 使用 / 快速插入塊

添加許多塊或手動打開塊插入器可能既複雜又耗時。 您開始學習要使用的塊的名稱。 使用正斜杠插入塊的更快方法。

當您按 Enter 鍵時,首先是新的段落塊。 此快速插入塊通過鍵入正斜杠,後跟要添加的塊的名稱。 有一個符合您要求的塊列表。

2.通過拖動過程插入圖像

如果您需要太多圖像, WordPress Gutenberg 塊具有省時功能,可以消除對圖像塊的需求。 相反,您從桌面和位置拖動圖像文件目錄以添加到帖子中。

3. 易於格式化內容

用於構建內容的 Markdown 語法有助於處理標題。 就像您需要插入帶有 H3 標籤的標題塊一樣,您可以添加三個帶有空格鍵的主題標籤 ('###')。 編輯器會將您的標題轉換為 H3,您可以繼續處理內容。

4.複製一個塊

塊編輯器可幫助您像任何其他編輯器一樣複製和粘貼文本。 如果您這樣做會有所幫助:

  • 選擇塊
  • 單擊塊工具欄中的三個點圖標
  • 選擇複製

複製塊後,使用“Ctrl + V”粘貼它或右鍵單擊並選擇粘貼。

5. 使用阻止列表視圖

您可以單擊編輯器來選擇塊。 使用嵌套塊時事情會變得複雜,例如在組塊或列中插入時鐘。 WordPress Gutenberg有一個可以從工具欄打開的列表視圖選項 您可以通過單擊列表來選擇時鐘,當您懸停時,編輯器會突出顯示該塊。

6.隱藏塊

默認情況,WordPress Gutenberg 編輯器將添加塊,其中一些塊未使用。 該編輯器具有稱為塊管理器的功能,可幫助禁用和隱藏未使用的塊。 這有助於根據您的使用情況保持界面整潔有序。

7. 在區塊中添加錨點

專用的 HTML 錨鏈接功能有助於構建指向內容特定部分的跳轉鏈接。 您需要在經典編輯器中使用手動編碼添加 HTML 錨點。 使用WordPress Gutenberg 塊,您需要在塊設置的高級區域的 HTML 錨字段中輸入文本。

8. 第三方區塊目錄

這是 WordPress 用戶更喜歡安裝和測試第三方塊的最新方法。 新的塊目錄是插件目錄中包含單個塊插件的部分。 它與主插件目錄分開,您可以在其中瀏覽 WordPress 插件或單塊插件。

9. 完整的頁面構建

WordPress Gutenberg Blocks有一個稱為塊模式的新概念 這有助於創建和共享預定義的塊佈局。 它們真正為您提供了讓塊編輯器成為頁面構建器的方法。 塊和模式選項卡將幫助您在這些選項之間切換。 內置的塊模式,但第三方主題和插件可幫助您添加不同的塊模式或刪除現有的塊模式。

WordPress Gutenberg Blocks 的用途是什麼?

1. 新的博客頁面和帖子

內容創建從使用WordPress Gutenberg 塊編輯器添加新頁面和博客文章開始。 博客文章具有發布日期並按時間順序顯示。 該頁面可以是靜態的,並提供永恆的信息,例如關於、聯繫頁面和隱私政策。

2.添加一個新塊

Blocks 具有 WordPress Gutenberg Blocks 的核心功能每個塊處理元素並創建帖子的自定義內容佈局。 段落元素具有默認塊,可以更輕鬆地處理和添加新元素。

3. 使用積木

掌握WordPress Gutenberg以改善博客體驗並加快工作流程。 塊編輯器提供了一個用於格式化和對齊的工具欄。 它目前是一個活動塊,由各種工具組成,具體取決於塊類型。

4. 字數和塊數

字數有助於跟踪單詞、段落、字符和標題的數量。 塊數為您提供網頁上的塊數,使佈局保持一致。 有多個WordPress 支持計劃可幫助您根據自己的要求監控網站的外觀。

最後一句話!

探索古騰堡編輯器可能是一個累人的過程,您可能會錯過市場上一些最好的功能。 在這裡獲得最好的專家 我們擁有為您的業務有效處理工具的知識和經驗。