Gutentor – 基於 Gutenberg 塊編輯器的完整頁面構建器
已發表: 2019-12-28引入 Gutenberg 後，WordPress 網站設計變得比以前容易多了。 這個基於塊的 WordPress 編輯器將頁面構建系統提升到了一個新的水平。 古騰堡為您提供了大量的積木供您玩耍。 但是，您仍然需要手動自定義默認塊。 這可能需要比您預期的更長的時間。 這就是 Gutentor 發揮作用的地方。
那麼，Gutentor 是什麼？
Gutentor 是一組設計精美的現成塊和模板，具有大量自定義選項。 通過使用其設計精美的塊和模板，您只需點擊幾下即可設計頁面、帖子、登錄頁面甚至整個網站。
Gutentor 使用各種漂亮的塊擴展了 Gutenberg 編輯器，使創建和設計內容更加靈活。 它已經開發了所有必要的自定義功能，包括圖像、排版、顏色、塊形狀、背景、動畫等等。
什麼是新的？
- 用於現成模板和塊的一鍵演示模板庫
- 更快的設計體驗
- 具有所有必要功能的完整網頁構建塊
- 極其簡單，無需添加行/列，只需添加塊即可製作漂亮的網站
- 中繼器字段可通過拖放重新排序、編輯、刪除選項在塊內創建項目
- 可供創意設計師使用的高度可定制的行/列選項
- 每個塊的高級選項，包括 HTML 標籤、背景、邊框、框陰影、邊距填充、SVG 形狀分隔符和內置動畫
- 每個塊上的塊模板模塊，單塊多設計模板
- 單個元素完整的樣式選項
- 特定於設備的響應控件
- 高級排版選項，包括所有可用的谷歌字體和系統字體
- 視頻背景選項
- 動態 CSS 的內聯、內部或外部 CSS 文件
是什麼讓 Gutentor 與眾不同？
Gutentor 似乎是一個獨特的 WordPress 塊構建器。 它包含一些令人驚嘆的功能，使其成為出色的並超越其他功能。 以下是它的一些獨特功能：
- 動態列– 動態列允許您在頁面上添加任意數量的列。 此選項可讓您靈活地創建您想要的網站。 只需設置列號，添加元素並自定義即可。
- 高級列- 高級列帶有高級自定義選項，可讓您通過添加您喜歡的各種基本元素來創建漂亮的頁面。
- 基本元素——基本元素幾乎包含了現有網站趨勢中使用的所有元素。 只需要在高級列中插入首選元素並相應地進行自定義。 關於基本元素的最重要的事情是您可以控制單個元素。
- 預建塊/元素- Gutentor 帶有 11 個元素、3 個組和 30 個塊。 這對於構建任何類型的網站來說都綽綽有餘。
- 模板——現成的模板不僅可以節省您的時間，還可以為您提供足夠的自定義選項。
- CSS 的擴展使用
- 不同塊的令人印象深刻的輪播選項。
- 響應迅速且對 SEO 友好。
- 它配備了優質的支持服務
現成的模板包
Gutentor 帶有令人驚嘆的現成模板。 您只需點擊幾下即可選擇和安裝模板。 從以下類別中挑選您最喜歡的模板：
- 商業
- 教育
- 醫療的
- 公司的
- 健康
- 旅行
- 機構
- 建造
- 多用途
這些模板可以輕鬆定制，以匹配您的品牌和偏好。
高級 Gutentor 塊
- 關於塊- 用於顯示描述、圖像、標題和按鈕的自定義塊。
- Accordion – 可折疊部分，將顯示標題、描述和按鈕。
- 高級列- 此塊將幫助您在頁面或帖子中創建多個列。
- 作者資料——另一個古騰堡自定義塊，用於顯示作者資料，包括標題、描述、社交資料等。
- 博客帖子- 如果您擔心在帖子或頁面中顯示博客帖子，您可以使用此塊。
- 號召性用語- 一個簡單但功能強大的塊，用於將帶有鏈接的按鈕放在該部分。
- 內容框– 顯示簡單的標題、內容和按鈕非常有用。 圖像和圖標不會顯示在這裡。
- 倒計時——如果你要宣布一些重要的事件或公告，那麼這將有助於讓它變得更容易。
- 計數器- 使用有吸引力的模板，它有助於表示有關產品的事實。
- 除法器-它有助於將部分分開。 您也可以上傳自己的圖像作為分隔符。
- Featured Block – 這是一個很大的部分，包含照片、標題、描述和按鈕。
- 畫廊– 該畫廊是一個精心創建的自定義塊，用於在您的頁面上製作畫廊。
- 谷歌地圖- 它有助於顯示經度和緯度的谷歌地圖。
- 圖標框- 一個自定義塊來顯示字體真棒圖標。
- 圖像框- 如果您需要顯示帶有標題、描述和按鈕的單個圖像，您可以使用此塊。
- 圖像滑塊- 一個很棒的自定義塊，用於創建帶有標題、描述、帶有預定義模板的按鈕的滑塊。
- 營業時間- 對於企業和商業網站，營業時間自定義塊將非常有用。 用戶可以在此塊上添加時間、日期和日期。
- 定價框- 它有助於顯示相應產品的功能和定價。
- 進度條- 使用百分比值，您可以在圓圈或條形圖中顯示事情的進度。
- 餐廳菜單- 對於酒店和餐廳網站，此自定義塊對於顯示菜單及其價格非常有用。
- 社交- 這是古騰堡自定義塊，用於顯示社交圖標和鏈接。 您可以輕鬆添加社交鏈接。
- 標籤- 每個標籤都有不同的內容。 它將具有標題、描述和按鈕。 使用塊製作所需數量的選項卡。
- 團隊- 另一個非常有用的自定義塊，用於在網站上顯示團隊信息。
- 感言– 在網站上展示您的客戶或用戶感言不是很酷嗎？ 是的，這個塊對它很有用。
- 時間軸——為了顯示按時間順序排列的信息，需要一個時間軸自定義塊。
- 視頻彈出窗口 - 它有助於嵌入視頻，當用戶查看時，它將顯示在彈出窗口中。
此外，如果您為 Gutenberg 使用其他附加塊插件，例如 ZeGuten 插件，它們也可以與 Gutenor 編輯器一起使用。
Gutentor 入門
安裝和自定義 Gutentor 塊和模板非常簡單。 您不必離開 WordPress 編輯器。 Gutentor 塊和模板位於 Gutenberg 編輯器中。 只需按照以下簡單步驟開始使用 Gutentor。
安裝 Gutentor
在插件部分中搜索“Gutentor”，如上圖所示。 或者，您可以直接從 WordPress 插件目錄下載 zip 文件。 安裝後，激活插件。
訪問 Gutentor 塊/模板
您可以在 Gutenberg 編輯器中訪問 Gutentor 塊。 在頁面或帖子的頂部，您會看到“模板庫”、“塊模板導出”等選項。 您可以直接從模板庫訪問該塊。
在模板庫中，您將擁有以下選項。 左側的類別，您可以從中搜索不同的類別。 通過單擊“預覽”按鈕或單擊“插入”將其插入您的頁面來檢查每個塊演示。
您可以根據自己的喜好自定義塊的每個元素（圖像、排版、顏色、按鈕）。 如果您在使用 Gutentor 時遇到任何問題，您可以按照詳細的文檔和視頻教程進行操作。
導出您的塊和模板
如果您想在其他頁面中使用相同的塊或模板，您可以導出您的塊和模板。 只需單擊“塊模板導出”並將其另存為 JSON 文件。
您可以從 Template Library>File將這個文件導入到其他頁面中。