切換菜單

Beaver Builder 2.8:盒子模組、全域樣式等等!

已發表: 2024-02-09

所有 Beaver Builder 產品均可享 25% 折扣...促銷即將結束!了解更多

Beaver Builder 2.8: Box Module, Global Styles, and more!
  • 海狸建造者

Beaver Builder 2.8:盒子模組、全域樣式等等!

備受期待的 Beaver Builder 2.8(也稱為“Alpine”)發布了!

Beaver Builder 2.8 將 Flexbox 和 CSS 網格的強大功能引入新的 Box Module,同時引入了全域樣式功能。此外,此版本還包含顯著的增強功能,包括 North Commerce 模組以及與 Popup Maker 的集成,並對菜單、帖子輪播、帖子滑塊和照片等關鍵模組進行了細微改進。

Beaver Builder 2.8 概述視頻

在這篇文章中,我們將介紹新的 Beaver Builder 2.8 更新。然後,我們將向您展示一些最好的新功能。

目錄:

  • Beaver Builder 2.8 簡介
  • Beaver Builder 2.8 的 5 個新功能與更新
    1. 盒子模組:使用 Flexbox 和 CSS 網格建立精確度
    2. 全域樣式(進階功能)
    3. 北方商務模組
    4. 彈出視窗製作器集成
    5. 模組、工具選單和循環設定的小幅更新
  • 結論:增強 Web 建置的強大功能
  • 相關問題

Beaver Builder 2.8 簡介

在 Beaver Builder,我們不斷更新使用者友好的頁面建立器插件,簡化創建和自訂 WordPress 網站的過程。無論您的技能水平如何,我們的拖放視覺化編輯器、預先設計的頁面模板、全域設定等都使您能夠快速建立網站專案:

在 Beaver Builder 2.7 中,我們新增了一個新的響應式編輯器來預覽行動裝置視圖。我們還用更用戶友好的圖標取代了斷點下拉式選單。

2.7 更新帶來了為特定行、列或模組自訂程式碼設定的能力。我們也可以選擇多種貼文類型。最後,Beaver Builder 2.7 與 ACF Blocks 完全集成,讓您獲得高級內容編輯體驗。

當您更新至 Beaver Builder 2.8 時,您將在我們的新 Box 模組中解鎖 Flexbox、CSS 網格和圖層的強大功能。我們還可以應用全域樣式、無需短代碼即可添加 North Commerce 內容,並與 PopUp Maker 更全面地集成,為您提供更輕鬆的編輯體驗。

Beaver Builder 2.8 的 5 個新功能與更新

Beaver Builder 2.8 是我們 2024 年的首次更新,內部包含許多強大的功能。讓我們來探索一些新的內容,這些內容將使此更新成為遊戲規則的改變者。

1. Box 模組:使用 Flexbox 和 CSS Grid 建立精確度

透過更新到 Beaver Builder 2.8,我們頁面建立器的所有使用者(包括 Lite 版本)都將可以存取 Box 模組中的進階FlexGridLayers選項:

Beaver Builder 2.8 - 盒子模組設置

Box 模組的功能很像行或列,可作為容器。它利用 Flexbox 或 CSS 網格,讓您可以創建複雜、流暢且靈活的佈局。您可以在水平和垂直方向以及網格中嵌套、堆疊和組織框。

Flexbox 和 CSS Grid 都是 CSS 中的佈局模型,但它們有不同的用途並且具有明顯的特徵:

  • Flexbox – 非常適合一維佈局,將項目排列在行或列中,並且可以靈活調整大小和對齊方式。
  • 網格– 適用於二維佈局,提供對行和列的精確控制,允許更複雜的設計。

在許多情況下,這些佈局模型可以相互補充。例如,可以在各個網格項中使用 Flexbox 來處理其內部結構,結合兩個模型的優點來實現全面的佈局解決方案,如下所示:

Beaver Builder 盒子模組範例

若要在使用 Beaver Builder 進行編輯時新增主機模組,請按一下頂部欄上的加號(+)以開啟內容面板。點擊“模組”標籤以存取所有標準模組並向下捲動到“框”部分:

除了 Box Module 本身之外,您還會注意到我們添加了幾個預設,可以更輕鬆地開始使用:

  • Flex Columns – 此預設會建立位於父框內的水平行的三個彈性框。
  • 3×2 網格– 使用由父框內的三列和兩行組成的網格框的佈局結構。
  • 4×2 網格– 網格框的佈局結構,由父框內的四列和兩行組成。
  • 拆分標題– 此結構是一個網格,定義 3 列,兩側有一個集中的照片模組和選單模組。
  • 照片網格– 此佈局由 4×3 網格和照片模組組成。

雖然我們的目標是讓 Box 模組盡可能用戶友好,但我們強烈建議您充分掌握 Flexbox 和 CSS Grid。使用我們的新盒子模組,您可以進一步改進您的網頁設計!

2. 全域樣式(進階功能)

Beaver Builder 已經支援全域設置,可讓您配置行最大寬度、邊距/填充、斷點和自訂程式碼(CSS 和 JavaScript)等選項的預設值,然後將這些值全域應用到您的網站上。此外,您可以透過設定覆蓋每行、列和模組的大部分設定。

新的全域樣式功能僅在 Beaver Builder 頁面建立器的進階版本中提供,可讓您定義 Beaver Builder 中元素和顏色的樣式首選項:

  • 全域元素– 此標籤可讓您設定 Beaver Builder 控制的各種 html 元素的樣式,例如文字、標題、連結和按鈕。
  • 全域顏色– 此標籤可讓您設定全域調色板,可在全域樣式的色彩選擇器或任何其他可選擇顏色的地方使用。

若要存取全域樣式,請透過按一下編輯畫面左上角頂部欄中的箭頭開啟“工具”選單,然後選擇“全域樣式”,如下所示:

元素標籤可讓您定義文字、標題、連結和按鈕等元素的全域樣式:

網站上缺少預先配置樣式選項的所有模組都會繼承全域樣式。您可以使用模組樣式選項根據具體情況覆寫這些樣式選項。

「顏色」標籤可讓您產生可在整個網站中使用的全域調色板:

Beaver Builder 2.8 全域樣式 - 顏色選項卡

您可以透過顏色選擇器工具在 Beaver Builder 佈局中輕鬆存取這些顏色。此外,您建立的顏色會轉換為 CSS 變量,從而能夠整合到自訂 CSS 中。

透過此更新,您可以在全球範圍內輕鬆自訂網站的元素和顏色。這些全域樣式在整個網站中仍然可以訪問,從而增強了頁面建立器的工作流程。

3. 北商模組

到目前為止,我們已經討論了 Beaver Builder 2.8 如何引入兩個新功能(盒子模組和全局樣式),以使構建複雜的佈局更加用戶友好。

Beaver Builder 2.8 還引入了 North Commerce 模組,這是 WordPress 的電子商務插件,可幫助用戶快速輕鬆地建立高轉換的線上商店:

例如,您現在可以顯示 North Commerce 短代碼的結果,而無需輸入或使用任何短代碼。相反,您可以使用新的 North Commerce 模組(類似於我們的 WooCommerce 模組)來輕鬆顯示您的內容。

在與 NorthCommerce 合作時,這個新模組將為您提供更多控制並加快您的工作流程。

4. 彈出視窗製作器集成

在 Beaver Builder 2.8 中,我們還引入了與 Popup Maker 的集成,這是一個專為 WordPress 網站設計的插件,使用戶能夠創建和管理彈出視窗:

本質上,您現在可以使用我們的頁面建立器來設計彈出視窗的內容

它還會在編輯時在 Beaver Builder 內呈現一個彈出窗口,並且能夠在連結字段中選擇一個彈出窗口,以便在單擊連結時觸發彈出窗口。

安裝並啟動 Popup Maker 外掛程式後,Popup Maker 貼文類型(彈出視窗)將在 Beaver Builder 設定中自動啟用。

5. 模組、工具選單和循環設定的小幅更新

最後,Beaver Builder 2.8 包括以下小幅補充:

  • 選單模組- 連結填充選項現在支援響應式切換;為響應式切換設定新增了新的填滿選項。
  • 貼文輪播和貼文滑桿- 為兩個模組新增摘錄長度選項,使您能夠設定內容長度。
  • 工具選單– 包含在 Beaver Builder 使用者介面中開啟 WordPress 媒體庫並與之互動的功能。
  • 照片模組- 將物件適合和位置選項新增至樣式標籤。
  • 循環設定- 新增按目前作者和目前登入使用者進行篩選的選項。
  • 行、列和模組疊加– 已更新以在節點類型之間保持一致。
  • 大綱面板- 也對此版本進行了更新,以更加順暢地工作。

結論:增強 Web 建置的強大功能

更新至 Beaver Builder 2.8 可帶來更強大且可自訂的頁面建立體驗。 Box 模組引入了 Flexbox 和 CSS Grid 的高級佈局選項,而全域樣式則簡化了顏色管理。

回顧一下,以下是 Beaver Builder 2.8 中您可以期待的功能:

  1. 盒子模組
  2. 全球風格
  3. 北方商務模組
  4. 彈出視窗製作器集成
  5. 模組、工具選單和循環設定的小幅更新

立即升級至 Beaver Builder 2.8 以利用這些令人興奮的新功能。像往常一樣,如果您有任何疑問或需要協助,我們的支援團隊隨時為您提供協助。

相關問題

Beaver Builder 的最新版本是什麼?

截至 2024 年 2 月,Beaver Builder 2.8 是我們外掛程式的最新版本。它支援與 NorthCommerce 和 Popup Maker 插件整合。您還會發現一個全新的 Box Module,它允許您使用 Flexbox、CSS 網格和圖層輕鬆建立佈局。

Beaver Builder 是做什麼的?

Beaver Builder 是一套適用於 WordPress 的網頁設計產品,由框架主題、頁面產生器外掛程式和主題產生器組成,使用戶能夠透過拖放功能輕鬆建立和自訂網站。無需具備程式設計專業知識即可製作令人驚嘆的專業級網站。

4 則評論

  1. 艾莉森2024 年 2 月 9 日凌晨 3:13

    好消息!我一直期待有一種更直觀的方式來跨 BB 頁面設計瓶子。



  2. 傑夫2024 年 2 月 15 日上午 6:43

    從 BB 2.7.4.4 升級到 2.8 是否需要對目前內容使用新的 Box/Grid 模組?



    • 羅比·麥卡洛2024 年 2 月 15 日上午 10:10

      不會。您也可以像以前一樣繼續使用行、列和模組。使用 Box 模組是完全可選的。



  3. 傑夫·麥基2024 年 2 月 15 日上午 10:51

    謝謝羅比的確認!海狸建造者搖滾!



我們的電子報

我們的時事通訊是親自撰寫的,大約每月發送一次。這一點也不煩人,也不是垃圾郵件。
我們保證。

加入時事通訊

立即嘗試 Beaver Builder

Beaver Builder