WordPress 古騰堡教程
已發表: 2019-03-09經過幾十年作為最通用和易於使用的 CMS 廣受歡迎後,WordPress 始終能夠通過頻繁的技術升級給用戶留下深刻印象。 在最新的 5.0 版本中,WordPress 推出了新的可視化編輯器“Gutenberg”。 所以,讓我們揭開古騰堡和布洛克斯的神秘面紗。 新系統如何運作? 是不是比我們之前的那個編輯器好? 我們將進入 Gutenberg 和一個簡短的教程,以幫助您從 Gutenberg 編輯器中獲得所有優勢。

什麼是“古騰堡”?
在 WordCamp Europe 2018 上,Matt Mullenweg 提出了一種替換經典 WordPress 編輯器的新方法。它被稱為“Gutenberg”,這意味著它正在開發中的項目名稱。 與 WordPress 5.0 一起發布的 Gutenberg 項目現在更具體地稱為“WordPress 編輯器”或“塊編輯器”。 根據當今拖放式 Web 構建器的趨勢,經典編輯器已經有點過時了。 結果是 WordPress Gutenberg 和一個全新的 WordPress 編輯器,其設計類似於網站和頁面構建器工具。

與古騰堡合作的主題
有數以千計的主題可用,但許多已經過時。 這是一些為古騰堡發布主題的新的、很棒的商店。






與古騰堡一起工作的插件
WordPress 市場上有很多插件可用,但並非所有插件都可以與 Gutenberg 編輯器一起使用。 這是一些可以做到的。





什麼是“塊”?
塊只是內容塊。 它可以是一段文本、音頻文件、照片或照片庫,甚至是視頻。 它是古騰堡編輯體驗的基礎。 塊用於創建帖子和網頁。 用戶通常會打包到 WordPress 中的是 Gutenberg 內置的標準塊,任何使用 Gutenberg 編輯器的 WordPress 站點都可以使用它。 Gutenberg 的創建方式允許程序員擴展和擴展可用塊。 可以使用插件或主題添加塊。 因此,用戶可以訪問其他塊,而不是僅限於標準塊。


使用古騰堡作為 WordPress 編輯器
當您使用 WordPress 5.0 時,您將獲得“塊編輯器”或“古騰堡編輯器”作為 5.0 的默認文本編輯器。 今天我們將幫助您熟悉新的塊編輯器。 讓我們深入研究。首先,要像往常一樣創建新帖子,請在帖子下按“添加新”。 您現在可以使用一個新塊。

這看起來很不一樣不是嗎? 經典編輯器中沒有工具欄。 讓我們熟悉一下這些功能和那些按鈕。
頂部:

使用此頂部部分,您可以添加新塊,還可以對任何塊更改執行撤消和重做等操作。 您還可以查看您的內容結構信息,例如字數、標題、段落和塊的數量。 您甚至可以使用“i”按鈕在塊中導航。
頂部包含一些基本的帖子編輯功能,例如保存到草稿、預覽帖子和發布帖子。 齒輪圖標顯示右側邊欄中可見的設置。 在這裡,您可以在“文檔”和“塊”設置視圖之間切換。
文檔部分視圖與經典編輯器非常相似。 您還可以在此處選擇狀態和可見性、類別、標籤、特徵圖像和屬性。 塊剖面視圖允許您在添加任何塊後更改其設置。 此功能使更改任何塊的設置和更改字體大小、首字下沉等功能變得非常容易。 可以從這裡添加每個塊的單獨背景顏色,甚至可以單獨為每個塊添加額外的 CSS 類。
最後,頂部的三個點顯示了其他設置。 從這裡您可以自定義塊編輯器的外觀。 您可以選擇塊的工具視圖。 您甚至可以在“可視化編輯器”和“代碼編輯器”之間進行選擇。 還有一些工具可以管理可重複使用的塊、製作鍵盤快捷鍵和復制內容。
添加塊
這是新編輯器的主要思想,即添加塊。 如前所述,塊是新塊編輯器的核心部分。 查看編輯器頁面的左上角。 這將為您提供一個下拉菜單,您可以從中選擇為特定目的設計的所需塊類型。 使用搜索欄,您可以找到適合您需要的正確塊。
此外,向下滾動菜單,您將看到更多基於其基本功能的塊。 這些是通用塊、格式、小部件和嵌入等。只需單擊一下即可選擇您想要的適當塊。

接下來,一旦您開始在塊中添加內容,您還將看到一個小工具欄。 此工具欄的功能取決於您選擇的塊類型。 這些工具欄用於對內容的樣式進行編輯,例如對齊、樣式、鏈接等。 更改塊類型按鈕用於更改當前塊樣式。 例如,您可以將段落塊更改為標題、預格式化塊、列表、引用或詩句。 最後三個點將為您提供更多選項,例如隱藏塊設置,使其成為副本,將其編輯為 HTML,將其添加到可重用塊,當然還有刪除塊。 您還可以使用 insert before 和 insert after 選項插入更多塊。 當您需要添加內容或進行一些快速更正時,這會派上用場。 根據您選擇的選項,這只會在您選擇的塊之前或之後添加一個塊。 該系統非常直觀,並且會立即變得有意義。

更改塊設置
每個塊都可以定制以滿足您的要求。 只需單擊要自定義的塊,您將獲得各種範圍,您可以在右側邊欄中自定義塊。 請記住,您可以使用頂部的齒輪或特定塊的工具欄來顯示或隱藏此選項。 塊設置還取決於您選擇的塊類型。 例如,如果您使用的是段落塊,那麼塊設置將允許您選擇字體大小、字體類型或背景顏色。 您將擁有所有選項來自定義您通常認為會存在的塊。 Gutenberg 非常用戶友好,新開發人員很容易上手。
結束 WordPress Gutenberg 教程
我們希望這個簡短的 WordPress Gutenberg 教程能夠幫助您熟悉包含 WordPress 5.0 的新編輯器。 我們堅信,閱讀本指南後,您將不再是“古騰堡”的新手。 新的塊編輯器不僅易於使用,而且功能強大,因為它可以通過如此多的選項快速創建站點。 創建自定義塊並使用工具自定義外觀是此塊編輯器的強大功能。 還有易於使用的界面來添加新塊和添加內容。 如果您發現您實際上更喜歡舊編輯器,而您不喜歡新編輯器,請不要擔心。 您可以隨時切換回經典編輯器。 這是兩全其美的做法,將允許人們使用最高效的編輯器。