隨著時間的流逝，人們開始喜歡古騰堡（Gutenberg）編輯。這個基於塊的WordPress編輯器不僅帶來了新的頁面構建系統，還為WordPress用戶提供了許多新功能。使用默認的Gutenberg塊，您可以創建一個比以前更好的網站。但是您會感覺到需要高級塊和功能來設計專業的網頁。
Qubely正是在這裡-一種可視化的Gutenberg塊工具包，可最大限度地減少Gutenberg編輯器的局限性，並為在WordPress網站上創建任何簡單到複雜的布局提供了無限的可能性。
Qubely擁有大量專用的自定義Gutenberg塊，內置部分，就緒頁面布局以及樣式設置選項，不僅是Gutenberg塊插件，而且是Gutenberg塊編輯器上的設計工具包，您可以使用它來設計幾乎所有的布局可以想像。
為什麼需要古騰堡塊插件？
好問題。如果古騰堡（Gutenberg）編輯器可以幫助我們輕鬆創建網頁，為什麼我需要第三方插件，對嗎？答案是，古騰堡（Gutenberg）可以簡化您的工作並使您精巧地構建網頁，但是它有一些局限性，默認塊可能無法覆蓋您要發布的內容類型。
在提供基本塊的同時，像Qubely這樣的Gutenberg塊插件提供了更多選項來執行您需要在WordPress網站上進行的操作。因此，如果您想將Gutenberg編輯器提升到一個新的水平，則只需要一個擴展其功能並提供自定義塊的插件即可。
Qubely為Gutenberg擴展了默認編輯器中缺少的許多自定義塊，並且您可以控制WordPress塊編輯器，並可以應用多種樣式選項。另外，您可以獲得大量現成的區域和布局，這意味著您甚至不必從頭開始設計。 Qubely的自定義Gutenberg塊使您可以創建出色的網頁並針對移動設備進行了優化。
Qubely Gutenberg Block插件為您提供了什麼？
如果您確信並希望在WordPress網站上安裝古騰堡（Gutenberg）阻止插件，那麼我們的建議是Qubely，不要感到驚訝。讓我們深入了解Qubely Gutenberg工具包，看看它對您有什麼幫助。
準備頁面布局包
首先，Qubely提供了大量頁面布局包，您可以導入頁面布局並自定義其外觀。頁面布局包分為不同的類別，因此您可以輕鬆地瀏覽它們並選擇所需的類別。每個捆綁軟體包括所有必要的頁面，具體取決於類型。
內置部分
Qubely有豐富的預定義部分庫，可幫助您快速建立網站。這些準備好的部分可以導入，並在Gutenberg編輯器上用作塊，您無需從頭開始創建部分。預定義部分有不同類別，因此您可以輕鬆地瀏覽它們並找到所需的部分。
先進的古騰堡塊
這是Qubely變得更有趣的地方。 Qubely中有許多Gutenberg自定義塊，可以創建您可以想像的任何布局。通過安裝Qubely插件，您可以向Gutenberg塊編輯器添加22個以上的自定義塊，並將Gutenberg上的頁面構建經驗提高到一個新的水平。
這些是Qubely內部可用的塊：
行：創建具有功能強大的完全可自定義的行和列布局。拖動以調整列大小以獲取所需的布局。控制間距，將圖像，視頻，顏色，漸變或混合模式添加到行背景。
按鈕：設計按鈕中布局，形狀或界面的任何可能組合。在「按鈕」塊中具有可用選項的「樣式」按鈕。
推薦：創造性地展示帶有名稱，頭像，圖標等的推薦。從給定的選項中選擇一個推薦布局。決定是否顯示報價圖標，消息，名稱，名稱，頭像和等級。
圖標：使用「真棒字體」圖標將圖標放置在任何地方，並按照自己的方式進行樣式設置。顯示帶有或不帶有背景和邊框的圖標。通過定義圖標大小，對齊方式，鏈接，背景色和陰影來設置圖標樣式。
Google Map：嵌入Google Maps並自定義地圖高度，縮放地圖和其他選項！
分頻器：精美的預先設計的分頻器，具有樣式設置，可以靈活地對齊分頻器。
高級文本：添加和設計文本。應用邊框，陰影和調整版式。
計數器：添加具有多種設置的計數器，例如限制和持續時間，設計，前綴和後綴等。
標籤：在標籤中顯示內容，添加動畫，圖標等等！
手風琴：在下拉式界面中顯示具有無限樣式設置的可摺疊文本內容。
視頻彈出窗口：彈出視頻，並用圖標，包裝紙和疊加層對其進行樣式設置，以吸引訪問者。應用疊加和陰影框，然後將動畫添加到視頻彈出窗口。
標題：帶有動畫，排版，邊框和許多其他高級選項的樣式標題。
進度條：在進度條上顯示統計信息，其中包含欄背景，動畫等。
社交圖標：將社交媒體個人資料添加到帶有標籤，圖標或同時帶有標籤和圖標的一個位置。
按鈕組：在一個位置上有多個按鈕，具有靈活的設計選項和創意布局。
信息框：通過信息框可以將信息精美地放置在網站上，勢必會引起用戶的注意。信息框塊附帶標題，標題，動畫，分隔符以及網站中時尚信息框的許多自定義選項。
高級列表：具有高級列表以顯示就緒的布局和自定義選項。
聯繫表格：讓網站訪問者在具有有用欄位的聯繫表格上進行交互。在聯繫表單中啟用/禁用佔位符和標籤。設計具有所需字體大小，高度，間距等的標籤排版。改善您的輸入樣式並啟用驗證碼。
圖標列表：放置帶有大量圖標的有吸引力的圖標列表，並自定義其外觀。
定價：使用多個預定義的布局分別製作具有不同計劃的定價表。在計劃中顯示功能，徽章和發布按鈕文字。設置計劃持續時間，版式，樣式標誌，並實時編輯文本。
方塊包裝：使用您喜歡的顏色背景包裝任何方塊，並使用方塊包裝進行更多包裝。
團隊：分別徵集每個團隊成員的姓名，名稱和圖像等詳細信息。
圖像：插入圖像並使用Qubely Image Block美化它們。
時間軸：藉助Qubely的新時間軸模塊，介紹各種事件的時間軸，例如產品發布，公司歷史和里程碑，即將更新，成就等等。展示詳細的時間表和路線圖，並使用大量自定義選項設置它們的樣式。
Smart Layout Builder（行列結構）
您可以直接在Gutenberg編輯器中使用行-列結構構建任何簡單到複雜的網頁布局。由於Qubely，在古騰堡（Gutenberg）編輯器中，主要頁面構建器廣泛使用的行-列布局構建概念。
多個行列組合
有不同數量和大小的列的多種組合。 Qubely的Row塊可讓您一次在一行中佔用1到多達6列。您只需要選擇所需的內容即可。
可調列
只需拖動並調整列大小即可。選擇一定數量的列組合的行後，只需拖動它們即可調整列大小。使用可調式色譜柱系統進行所需的布局。
高級行列設置
除了對列應用填充和邊距之外，您還可以使用單一顏色，圖像和漸變來設置列背景和懸停背景。給列邊框加上邊界半徑，然後分別為每列設置動畫。另外，通過向列添加自定義CSS來超越這些列樣式選項。
經典和漸變背景色
想要有漸變顏色的背景嗎？不用擔心您現在就可以做到。 Qubely使您可以設置具有漸變色和經典色的塊背景。調整背景設置並選擇任何顏色。有一個調色板可供選擇。
自定義排版控制項
您可以完全照顧您的網站排版。 Qubely在每個塊中都提供了一個自定義的排版控制選項，您可以在其中定義字體系列，大小，粗細，並且更加容易。您還可以根據顯示字體的設備來應用字體粗細，字體變換，設置字體大小，字母間距，行高，以px，em和百分比為單位。
特定於設備的響應控制
使用Qubely塊創建響應式布局和頁面內容。通過定義多個屏幕尺寸的斷點來控制網站的整體響應能力。因此，您使用QUbely創建的所有內容都將完全響應。另外，您可以決定是否在特定設備上隱藏/顯示內容。
全局顏色和版式設置
使用Qubely Gutenberg工具包，可以全局設置調色板和版式。如果更改全局調色板中的顏色，則分配的部分將自動獲得顏色。像顏色一樣，您也可以為正文，標題和按鈕等不同文本選擇排版，以在整個WordPress網站上全局應用。
內置動畫效果
通過應用來自淡入淡出，反彈，滑動，縮放，翻轉，摺疊，旋轉等的動畫效果來對頁面部分進行動畫處理。在塊上具有動畫效果，並使網頁更具吸引力。
Qubely入門
用Qubely創建漂亮的網頁非常容易。您不必離開WordPress默認編輯器。 Qubely在Gutenberg編輯器中提供了自定義塊。在您的網站上安裝此WordPress阻止插件後，您將在Gutenberg編輯器中將所有Qubely阻止歸為Qubely類別。讓我們看下面的整個過程。
●安裝Qubely插件
●設置Qubely
●訪問Qubely塊
●使用Qubely塊
●導入版塊/布局
在您的WordPress網站上安裝Qubely
安裝Qubely就像安裝其他任何WordPress插件一樣。您可以通過從儀錶板搜索來安裝它，也可以從WordPress目錄下載它，然後上傳。選擇全由您決定。
設置Qubely插件
Qubely內部不需要設置太多東西。無需更改設置即可開始工作。在您的站點上安裝Qubely後，Qubely選項將添加到您的WordPress儀錶板中。單擊Qubely選項將帶您進入Qubely設置頁面，您只需決定保存CSS的位置。在CSS Save Method下選擇Header或File System，然後單擊下面的Save Changes。
訪問Qubely塊
現在，Qubely內部有14個自定義塊。我們將在即將到來的更新中逐漸增加塊的數量。讓我們知道如何訪問它們。
一旦在站點上安裝了Qubely，就可以在Gutenberg編輯器上輕鬆訪問Qubely塊。單擊加號，在Qubely的搜索類別中輸入「 Qubely」。也可以通過在搜索欄中寫入特定的塊名稱來訪問塊。
使用Qubely塊
使用Qubely塊就像在Gutenberg編輯器上使用任何其他塊一樣。通過搜索Qubely或塊名稱訪問塊，然後單擊要使用的塊。選定的塊將獲得默認設計，可以使用Qubely的高級選項自定義樣式。
導入節/布局
想要從一開始就準備好嗎？ Qubely提供了許多現成的布局，可以將其作為塊導入。您還可以自定義和應用樣式選項，以使它們更好。準備好的部分和布局分為不同的類別，以便於在它們之間輕鬆導航。
總結
Qubely隨著更多功能，現成設計和每次更新的新模塊而變得越來越好。因此，Qubely有機會激發您使用古騰堡（Gutenberg）的能力，並賦予您多種選擇來發布您希望與世人分享的內容的機會。
那你還在等什麼？立即獲取Qubely，並開始構建出色的網站。
文章Qubely：古騰堡的定製塊和現成元素增強首次出現在WPblog上。