Kadence Blocks 3.1 簡介

已發表: 2023-08-05

Kadence 團隊很自豪地宣布發布 Kadence Blocks 3.1。 此最新更新包括我們新的高級表單塊,它將改變您在 WordPress 中使用和編輯自定義表單的方式。 此版本還包括另一個新塊、一些小功能和錯誤修復。 此更新補充了 Kadence Blocks Pro 2.0 的新更新,其中包括結構更新、性能改進和新功能。 讓我們深入了解吧!

什麼是新的?

高級形式塊

Kadence Blocks 多年來一直有一個基本的表單塊,這種干淨簡單的表單完全適合基本的聯繫表單或時事通訊訂閱表單。 然而,許多 Kadence 用戶想要一個更強大的表單解決方案。 Kadence Blocks 3.1 的發布標誌著新的 Kadence Advanced Form Block 更先進的表單生成器的第一階段。 與之前的基本表單塊不同,這個新塊存儲為自定義帖子類型,因此可以在頁面內或在 WordPress 管理儀表板中易於查找的表單區域內對其進行編輯。 新的 Kadence Advanced Form Block 被設計為動態且可擴展的,具有許多常見要求的功能。 這些包括:

  • 使用預設樣式創建新表單時的基本嚮導。
  • 內聯和浮動標籤樣式。
  • 新的輸入字段,如文件上傳、日期等。
  • 複選框和單選按鈕輸入的高級樣式選項。
  • 支持深色背景。
  • reCAPTCHA、hCapcha、Turnstile 支持以防止機器人和垃圾郵件表單提交。
  • 強烈要求的 ConvertKit 集成(專業版功能)。

這個新的高級形式塊讓我們整個團隊興奮不已! 這是開始構建真正先進的表單功能的堅實基礎,為數據驅動的 WordPress 網站開發提供了新的機會,而網站所有者不需要任何編碼經驗。 Kadence Advanced Form 塊的編輯器直接內置於 WordPress 塊編輯器中,專為 WordPress 新時代而設計。

我們為高級形式塊準備了很多東西。 請留意未來版本中的新功能,包括條件字段!

進度條塊

數據可視化是網站設計的一個重要元素,我們現在提供 Kadence 進度條塊,為 WordPress 網站所有者提供一個新工具,以易於理解的視覺表示形式顯示複雜的數據關係。 新的 Kadence 進度條塊具有三種特定形狀,可用於表示流程的進度以及其他面向完成的值。 最初的發布包括三種風格,具有大量的設置和真正引人入勝的動畫。

基本酒吧0%
半圓0%
0分(滿分 5 分)

新的編輯設置

在列表視圖中重命名塊

在 WordPress 塊編輯器中處理大頁面時,可能很難快速找到需要快速編輯的內容。 在列表視圖中導航內容以準確找到要編輯的正確部分可能具有挑戰性。 在 3.1 中,您現在可以在列表視圖中編輯塊的名稱,從而更輕鬆地組織內容并快速到達需要編輯的部分或塊。

行佈局塊中的 Youtube 和 Vimeo 背景視頻

您現在可以使用 Youtube 和 Vimeo 視頻作為行的背景視頻。

填充/邊距將顯示平板電腦和移動設備的繼承尺寸

感謝 Kadence Facebook 群組成員提出的建議,您現在可以識別平板電腦和移動設備的繼承尺寸。 這是我們測量控制工作方式的一個微小但顯著的變化。 以前,在查看/編輯平板電腦或移動設備時,您無法看到為桌面設置的內容,現在繼承的設置是可見的並且稍微不透明,這使得構建內容變得更加容易,而無需切換上下文。

剖面塊現在具有垂直行間隙設置

網站所有者現在可以使用行間隙輕鬆調整行佈局內添加的塊之間的間距。

梯度控制器具有用於精確放置的位置輸入

另一個小功能,但對於那些想要精確控制其設計的人來說至關重要,我們添加了一個選項,可以使用輸入字段設置控制點位置,而不僅僅是提供拖動控制點的選項,使網站所有者可以輕鬆地創建自定義漸變時獲取確切位置。

其他名人更新

  • 更新了框架以使用站點範圍內的唯一 ID 來防止與樣式發生任何衝突。
  • 在高級文本和高級按鈕塊的列表視圖中添加了動態塊標籤。
  • 將 Flex Basis 設置添加到部分塊。
  • 更新了塊名稱以便於搜索。 將高級移至 (adv)。
  • 向圖標列表塊中的鏈接添加了無關注和讚助選項。
  • 如果不使用 Kadence 主題,則添加本地 Google 字體的選項(選項已存在於 Kadence 主題中)。

Kadence Blocks Pro 2.0 有哪些新增功能?

代碼被重寫、現代化和改進。

與我們在 Kadence Blocks 3.0 上所做的所有工作一樣,Kadence Blocks 的 Pro 版本需要更新來重構 Kadence Blocks Pro,以使其核心結構與 WordPress 保持同步。 這種重構意味著更好的穩定性和更好的性能。 此外,我們現在處於一個更好的位置,可以通過新的高級模塊和人工智能集成進一步創新。 以下是值得注意的亮點:

  • 完全更新了構建結構,現在使用組件庫。
  • 更新了 React 塊的結構,使其具有功能並使用 API v2。
  • 重建了我們如何編譯和輸出前端 CSS 以進行塊自定義。
  • 重建我們的前端 Javascript,不使用任何 jQuery 滑塊。

除了代碼結構之外,我們還更新了所有 Kadence Pro 模塊的模塊設置。 現在,您將看到選項卡式設置、更統一的組件(例如具有視覺變化的填充和邊距)以及使用尺寸變量而不是靜態尺寸。

Kadence Block 的下一步是什麼?

我們正在積極開展多個項目,以繼續創新 WordPress 用戶構建快速有效網站的方式。 雖然我們沒有確定時間表,但 Kadence 團隊正在努力盡快將這些內容交付到用戶手中。 當我們即將完成以下舉措時,我們將發布有關每個項目的更多信息:

  • 凱登斯人工智能
  • Kadence Pexels 集成
  • 適用於 ACF 和元中繼器字段的 Kadence 中繼器塊
  • 高級表單塊中的條件字段
  • 高級形式塊中的多步驟
  • 全球風格
  • 高級導航塊
  • 高級標頭塊
  • 具有高級過濾功能的高級查詢塊

專業版

如果您尚未啟動並運行 Kadence Blocks Pro,那麼現在正是開始的激動人心的時刻! 成為專業人士有很多好處,包括自定義專業塊和專業附加組件、動態內容、自定義圖標和字體以及高級設計庫。 另外,還有更多的事情即將發生。 不要錯過!

獲取 Kadence Blocks Pro獲取 Kadence Pro 捆綁包