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