Kadence Blocks 該外掛新增了自定義區塊和選項,以擴充套件 Gutenberg 的編輯功能,因此您可以建立自定義佈局和更具吸引力的內容。該外掛旨在成為一個工具包,使 WordPress 區塊編輯器通常只能透過流行的頁面生成器外掛才能建立內容。例如,使用 Kadence 行佈局塊,您可以更好地控制不同螢幕尺寸的列,此外,它還提供了完整的行編輯工具,例如填充,背景,帶有漸變的疊加層,垂直對齊等等。
自定義塊包括
- 行佈局– 演示
- 高階畫廊– 演示
- 表格– 演示
- 高階標題- 演示
- 高階按鈕- 演示
- 標籤– 演示
- 手風琴– 演示
- 感言– 演示
- 圖示– 演示
- 墊片/分隔線- 演示
- 資訊框- 演示
- 圖示列表– 演示
關鍵塊功能
「行佈局」 塊可以有 1-6 列,其他任何塊都可以巢狀在其中。因此,作為單個列塊,它是一個強大的包裝器,因為您可以建立非常自定義的背景,併為桌面和移動版式定義填充,邊距和分隔線。
Advanced Gallery 塊允許您以砌體,網格,旋轉木馬,流體寬度旋轉木馬或滑塊樣式新增照片庫。享受四個不同的可選標題位置,每個位置都有用於設定字型,背景等樣式的選項。在每個相簿中,您可以定義縮圖比例,新增影像濾鏡,設定邊框半徑和新增框陰影。您可以使每個影像成為指向另一個頁面或網站的自定義連結。或者,您可以輕鬆啟用內建燈箱。另外,您可以選擇縮圖使用的影像尺寸,以及燈箱影像以獲得最佳效能。
「高階標題」 塊為標題提供了完全控制,包括字型系列 (所有 Google 字型),字型粗細,字型樣式,字型大小 (帶有平板電腦和移動選項),行高,顏色,字母間距,對齊方式和邊距。另外,您可以將標題的一部分定義為突出顯示並對其進行獨特的樣式設定。
「高階按鈕」 塊可讓您最多並排放置五個按鈕。您可以分別使用靜態樣式和懸停樣式來分別控制每個按鈕,並且每個按鈕在文字旁邊都可以新增圖示。該塊甚至支援在所有內建彈出視窗中開啟的影片連結!
「選項卡」 塊可高度自定義,具有用於間距,顏色,圖示和文字的獨特選項卡標題設定。您可以設定垂直或水平選項卡,此外還有一些選項可以切換到移動版的手風琴設定。每個選項卡內容都是一個空白畫布,其中可以包含其他任何塊。
「見證」 塊具有四種內建的預設樣式可供選擇,並允許您在頁面或帖子中新增輪播或推薦網格。然後,您可以根據自己的喜好自定義顏色,字型,大小,邊框和陰影。
Icon 塊使您可以在頁面中直接新增 SVG 圖示。有 1500 多個圖示可供選擇,每個圖示都可以控制大小,顏色,背景,邊框並新增連結。
間隔器/分隔線塊使您可以選擇在具有可拖動高度的區域內顯示分隔線。分隔線具有樣式選項,可用於設定寬度,高度,顏色,線條樣式和不透明度。
資訊框是一個包含圖示或影像以及標題,描述和 「瞭解更多」 文字的框連結。配置填充,字型,背景,邊框和樣式的靜態和懸停顏色甚至顯示框陰影。
編輯器最大寬度
在 Gutenberg 中建立列和行佈局的挑戰之一是管理員中編輯器的寬度。預設情況下,Gutenberg 使用內容編輯器的最大寬度為 650px 。將文字新增到側邊欄模板時,這很好用,因為編輯器中的最大寬度與使用側邊欄時的內容寬度相當。但是,對於進入沒有側邊欄的頁面的內容來說,它很難表示要在網站前端獲得的內容。更不用說,如果您要管理包含三列的一行,那麼這將使狹窄的空間可以工作。
為了建立一種更簡單的方式來在更多的 「頁面構建體驗」 中使用 Gutenberg,我們建立了一種簡單的方法,該方法可讓您更改頁面和帖子的預設最大寬度,以及逐頁設定單獨更改。