隨著時間的流逝，人們開始喜歡古騰堡 (Gutenberg) 編輯器。這個基於塊的 WordPress 編輯器不僅帶來了新的頁面構建系統，還為 WordPress 網站使用者提供了許多新功能。使用預設的古騰堡塊，可以比以前更輕鬆地建立網站。但是可能需要更多高階模組和功能來設計專業的 WordPress 網頁。 Visual Gutenberg 塊工具包 Qubely 就可在此方面發揮作用。
Qubely 擁有大量專用的自定義古騰堡塊、內建部分、現成的頁面佈局以及各種樣式選項，因此它不僅是古騰堡塊插件外掛，而且是古騰堡塊編輯器上的設計工具包。使用它可以設計能想象的任何佈局。
Qubely 降低了古騰堡編輯器的侷限性，為在 WordPress 網站上建立從簡單到複雜的任何佈局提供了無限的可能性。
為什麼需要古騰堡塊插件外掛?
當然可以提出這個問題。如果古騰堡編輯器可以幫助我們輕鬆地建立 WordPress 網頁，為什麼還需要第三方插件外掛? 答案是，古騰堡雖然很方便，且有助於輕鬆地構建 WordPress 網頁，但確實存在一些侷限性。即預設塊可能無法涵蓋所需的內容型別。或者想使用更多選項來設定特定塊的樣式。
古騰堡不能單獨完成所有這些。在提供基本塊的同時，古騰堡塊的某些插件外掛 (例如 Qubely) 提供了更多功能。因此，如果想將古騰堡編輯器提升到一個新的水平，只需一個能擴充套件其功能並提供自定義塊的插件外掛即可。
使用 Qubely 擴充套件古騰堡編輯器
Qubely 用編輯器中缺少的許多自定義塊擴充套件了古騰堡。使用該插件外掛能通過應用多種樣式選項來控制 WordPress 塊編輯器。此外，還可以獲得大量現成的節和佈局。因此，甚至不必從頭開始設計。使用 Qubely 的自定義古騰堡塊可以建立外觀精美且經過移動優化的 WordPress 網頁。
從 Qubely 中能得到什麼?
如果確信並決定要在 WordPress 網站上安裝古騰堡塊插件外掛，則可以毫不猶豫地選擇 Qubely 。接下來一起深入地瞭解 Qubely 古騰堡工具包，看看它能提供什麼。
現成的頁面佈局包
Qubely 提供了大量的頁面佈局包。匯入頁面佈局並自定義外觀。頁面佈局包提供了不同的類別，因此可以輕鬆瀏覽它們並選擇所需的那個佈局。每個佈局包都包含取決於具體型別的所有必要頁面，將來，更多佈局包將新增到 Qubely 。
內建節
Qubely 中有一個豐富的預定義庫，有助於快速建立網站。這些準備好的部分可以直接匯入，並在古騰堡編輯器中用作塊。無需從頭開始建立。也可以根據需要修改它們。預定義部分有不同的類別，因此可以輕鬆地瀏覽它們並找到所需的那個。
高階古騰堡塊
這是 Qubely 變得更有趣的地方。 Qubely 中有許多自定義古騰堡塊，能建立可以想象的任何佈局。通過安裝 Qubely 插件外掛，可以向古騰堡塊編輯器中新增超過 22 個的自定義塊，並將在古騰堡上的頁面構建經驗提高到一個新的水平。 Qubely 內部的可用塊為：
行：建立功能強大的完全可自定義的行和列布局。通過拖動調整列大小以獲取所需的佈局。控制間距，將影象、視訊、顏色、漸變或混合模式新增到行背景。按鈕：設計按鈕的佈局、形狀或介面的任何可能組合。在 “按鈕” 塊中具有可供選擇的 “樣式” 按鈕。證言：創造性地展示帶有名稱、頭像、圖示等的證言。從給定的選項中選擇證言佈局。決定是否顯示行情圖示、訊息、姓名、暱稱、頭像和等級。圖示：使用 “字型很棒” 圖示將圖示放置在任何地方，然後按照自己的方式進行設定。選擇顯示帶有或不帶有背景和邊框的圖示。通過定義圖示大小、對齊方式、連結、背景色和陰影來設定圖示樣式。谷歌地圖：嵌入谷歌地圖並自定義地圖高度、地圖縮放和其他選項! 分配器：能設定樣式並能靈活地對齊的精美預設分配器。高階文字：新增和設計文字塊。應用邊框、陰影和調整版式。計數器：新增具有廣泛設定的計數器，例如限制和持續時間、設計、字首和字尾等。標籤：在標籤中顯示內容，新增動畫、圖示等等! 可摺疊標籤：在下拉式介面中顯示具有無限樣式設定的可摺疊文字內容。視訊彈出視窗：彈出視訊，並用圖示、包裝和疊加層對其進行樣式設定，以吸引訪問者。應用疊加和陰影框，然後將動畫新增到視訊彈出視窗。標題：帶有動畫、版式、邊框和許多其他高階選項的樣式標題。進度條：在包含欄背景、動畫等的進度條上顯示統計資訊。社交圖示：將社交媒體資料新增到帶有標籤和/或圖示的某一位置。按鈕組：在一個位置上有多個具有靈活設計選項和創意佈局的按鈕。資訊框：將帶有資訊框的精美資訊放置在網站上，以吸引使用者的注意。資訊框塊附帶標題、序言、動畫、分隔符以及網站上時尚資訊框的許多自定義選項。高階列表：擁有高階列表以顯示就緒的佈局和自定義選項。聯絡表格：讓站點訪問者在具有實用欄位的聯絡表格上進行互動。在聯絡表單中啓用或禁用佔位符和標籤。設計具有所需字型大小、高度、間距等的標籤字型。改善輸入樣式並啓用驗證碼。圖示列表：放置包含大量圖示的有吸引力的圖示列表，並自定義其外觀。訂價：使用多個預定義佈局分別製作具有不同計劃的訂價表。在計劃中顯示功能、徽章和釋出按鈕文字。設定計劃持續時間、版式、風格標誌，並實時編輯文字。塊包：使用喜歡的顏色作為背景包裹所有塊，並使用塊包包裝更多塊。團隊：分別徵集每個團隊成員的姓名、暱稱和影象等詳細資訊。影象：插入影象並使用 Qubely 影象塊美化它們。時間軸：通過 Qubely 的新時間軸塊顯示各種事件的時間軸，例如產品釋出、公司歷史和里程碑、即將到來的更新、成就等。展示詳細的時間表和路線圖，並使用大量的自定義選項設定它們的樣式。
智慧佈局編輯器 (行列結構)
在古騰堡編輯器上直接使用行列結構，構建任何從簡單到複雜的 WordPress 網頁佈局。主頁面構建者廣泛使用的行列布局構建概念如今可在古騰堡編輯器中使用，由 Qubely 提供。
多個行列組合
有不同數量和大小的列的多種組合。 Qubely 的 “行” 塊可在一行中一次佔用 1 到 6 列。選擇所需的即可。
可調列
只需拖動並調整列的大小即可。選擇由一定數量的列組合的行後，只需拖動它們即可調整列大小。使用可調式列系統進行所需的佈局。
高階行列設定
除了對列進行填充和邊距設定之外，還可以使用單一顏色、影象和漸變來設定列背景和懸停背景。建立列邊框，應用邊框半徑，並分別為每一列設定動畫。另外，通過向列新增自定義 CSS(樣式表) 來超越這些樣式選項。
經典和漸變背景色
想要擁有漸變顏色的背景嗎? 不用擔心，現在就可以做到。 Qubely 可以設定具有漸變色和經典色的塊背景。調整背景設定並選擇任何顏色。也有一個調色盤可供選擇顏色。
自定義版式控制元件
還可以完全照顧網站排版。 Qubely 在每個塊中提供了一個自定義版式控制選項，可以在其中定義字型系列、大小、粗細等。還可以根據將要顯示的裝置來應用字型粗細、字型變換，設定字型大小、字母間距、行高，以 px(畫素) 為單位，以 in(英尺) 為單位以及以百分比為單位。
特定於裝置的響應控制
使用 Qubely 塊來建立響應式佈局和頁面內容。通過定義多個螢幕尺寸的拐點來控制網站的整體響應能力。因此，使用 Qubely 建立的所有內容都會完全響應。另外，還可以決定在特定裝置上是否隱藏/顯示內容。
全域性顏色和版式設定
使用 Qubely 古騰堡工具包，可以全域性設定調色盤和版式。更改全域性調色盤中的顏色時，則指定的部分將自動獲得顏色。與顏色一樣，也可以為正文、標題和按鈕等不同文字選擇排版，以在 WordPress 網站上全域性應用。
內建動畫效果
通過應用淡入淡出、反彈、滑動、縮放、翻轉、摺疊、旋轉等動畫效果來使頁面活動起來。在塊上設定動畫效果，使 WordPress 網頁更具吸引力。
Qubely 入門
使用 Qubely 建立漂亮的 WordPress 網頁非常容易。無需離開 WordPress 預設編輯器。 Qubely 在古騰堡編輯器中提供了其自定義塊。在網站上安裝此 WordPress 塊插件外掛後，將在古騰堡編輯器中 Qubely 類別下擁有所有的 Qubely 塊。讓我們看下面的整個過程。
安裝 Qubely 插件外掛設定 Qubely 訪問 Qubely 塊使用 Qubely 塊匯入節/佈局
安裝 Qubely 就像安裝其他任何 WordPress 插件外掛一樣。可以從控制面板中進行搜尋來安裝它，也可以從 WordPress 目錄下載，然後將其上傳到站點。選擇全由自己決定。
設定 Qubely 插件外掛
Qubely 內部不需要設定太多東西。 Qubely 無需更改設定即可開始工作。在站點上安裝 Qubely 後，Qubely 選項將新增到 WordPress 網站上的控制面板中。單擊 Qubely 選項將進入 Qubely 設定頁面，只需要決定將 CSS 儲存在哪裏即可。在 CSS “儲存方法” 下選擇 “標頭” 或 “檔案系統”，然後單擊下面的 “儲存變更” 。
訪問 Qubely 塊
現在，Qubely 內部有 14 個自定義塊。在即將到來的更新中將逐漸增加塊的數量。一起看一看如何訪問它們。
站點上一旦安裝了 Qubely，就可以在古騰堡編輯器上輕鬆地訪問 Qubely 塊。單擊加號，在編輯器的搜尋欄中輸入 “Qubely”，所有 Qubely 塊將出現在搜尋欄下方的 Qubely 類別中。也可以在搜尋欄中寫入特定塊的名稱來訪問塊。
使用 Qubely 塊
使用 Qubely 塊就像在古騰堡編輯器上使用其他任何塊一樣。通過搜尋 Qubely 或塊名稱訪問塊，然後單擊要使用的塊。選定的塊會擁有預設設計，也可以使用 Qubely 的高階選項自定義樣式。
匯入節/佈局
想要從一開始就準備好嗎?Qubely 提供了許多現成的佈局，可以將其作為塊匯入。還可以自定義和應用樣式選項，以使它們更好。現成的節和佈局分為不同的類別，可在它們之間輕鬆導航。
在網站上安裝 Qubely 古騰堡插件外掛，可以設計能想象的任何佈局。 Qubely 提供了許多現成的元素，例如內建節，現成的佈局等。無需從頭開始建立所有內容，但是當然也可以從頭開始建立。更重要的是，通過定期更新，Qubely 會提供更多功能、現成的設計和新模組而變得更加強大。因此，在未來的日子裏，此插件外掛會變得更加豐富。 Qubely 能提供多種選擇，給使用古騰堡塊帶來更多啓發。你在等什麼? 立即獲取 Qubely，開始構建出色的網站吧。 想知道更多的內容可以閲讀怎樣使用 WordPress 插件外掛保護網站。