海狸建造者

Beaver Builder 1.9 Shasta – 列中列、改進的回應設定等等！

羅比·麥卡洛-十一月 22, 2016

Beaver Builder 1.9 已上線！這篇文章涵蓋了高層的變化。有關所有詳細信息，請務必查看 Beaver Builder 更改日誌

我們很高興地宣布推出 Beaver Builder 1.9 Shasta，它是由我們家鄉加州美麗的 Shasta 大壩創造出來的。 Shasta 為 Beaver Builder 帶來了最受歡迎的第一大功能：列中列 (CinC)。與 CinC 一起，我們推出了一個改進的編輯器，具有更準確的拖放功能、拖曳和重新排列列的能力、邊距和填充的響應式設定、新模板等等！

1.9 Shasta預覽視頻

首先，這次的許多更新更容易展示而不是講述。賈斯汀製作了一個精彩的小截圖視頻，突出顯示了許多變化。值得一看。

如果您喜歡視頻，請務必觀看 Matt Mederios（您知道，就是 Matt Report 播客的製作人）製作的 Shasta 預覽視頻。 Matt 非常聰明，並且在他的產品 Conductor 的建構器領域擁有悠久的歷史。他擁有獨特的視角和豐富的經驗。

介紹父列和子列

如果您想知道“列中的列”的實際含義，請不要擔心。如果沒有直觀的例子，就很難理解。

辛克2

例如，總是可以在一列中放置圖像，在另一列中放置文本，但請注意文本簡介下方的青色和綠色方塊 - 如果沒有一些 CSS 技巧，這種佈局是不可能實現的。

如前所述，自我們首次推出以來，CinC 一直是最受歡迎的功能之一。我們真誠地盡力傾聽您的回饋並實施您的想法。實作 CinC 花了很長時間，因為我們無法找到一種優雅的方法來實現它。正如您在影片中看到的，我們最終解決了「父」和「子」專欄動態的問題，對此我們感到非常自豪。

可拖曳的列

另一個大要求是能夠複製和拖曳列，類似於單一模組的功能。我們很高興地宣布可拖曳的列也即將推出。

為了實現可拖曳和父/子列，我們引入了一個靈活的新 UI 功能。在 Shasta 中，您可以直接從列設定選單中拖曳列（以及父列（如果可用））。

cinc-設定2

左邊是標準列選單，右邊是子列選單。在右側的範例中，請注意，您可以從選單中點擊並向右拖曳來編輯設定或移動子級和父級。

這是我們以前從未見過的創新，再加上拖放精度的一些重大改進，它帶來了非常流暢的建造體驗。當然，您不應該只相信我們的話。試一試。我們希望您和這位 Beta 測試員有同樣的感受…

使用 @BeaverBuilder 1.9 一段時間後，回到 1.8 的行為會讓人感到沮喪

很難用語言來形容新使用者介面的「感覺」有多好。您必須嘗試一下，如果您同意，請告訴我們。

新內容頁面模板

新內容模板

在 Gordon (v1.8) 中，我們引入了幾個新的登陸頁面範本。在 Shasta 中，我們對內容頁面範本給予了一些關愛。登陸頁面大概是訪客造訪您的網站時看到的第一個頁面（想想主頁）。內容頁面是網站的內部頁面，例如「關於」、「聯絡」或「定價」頁面。

1.9 中有 12 個新的內容頁面模板，每個模板都具有清新、簡約的設計。我們對所有模板的希望是，它們要么是激發您創造力的起點，要么是現成的設計，只需要在上線前進行一些細微的調整。

響應式邊距、填充和邊框

響應式設定2 從第一天起，Beaver Builder 佈局就一直具有響應能力，我們引入了一項功能，可以更輕鬆地為較小的螢幕進行構建。

在 Shasta 中，您現在可以根據裝置的大小調整邊距、內邊距和邊框大小。最初，我們在設定面板中新增了 4 個額外的文字方塊。雖然這很實用，但並不是很漂亮。在另一個 UI 頓悟中，團隊創建了一個按鈕來在不同視圖之間切換。

此功能的許多程式碼都是由外部來源提交的。非常感謝傑西和奧利佛的幫助！我們總是很高興收到 Beaver Builder 程式碼庫的拉取請求。如果您有興趣做出貢獻，請給我們發送電子郵件。

從按鈕開啟燈箱

最後但並非最不重要的一點是，我們添加了透過按鈕產生燈箱彈出視窗的功能。按鈕模組中有一個新的「點擊操作」設置，新增了燈箱選項以及開啟 URL 的選項。您將能夠添加自訂文字、HTML（包括短代碼）或視頻，並且單擊按鈕時該內容將自動顯示在燈箱中。相當甜蜜！

您可以在我們的知識庫帖子中了解有關燈箱功能以及 Shasta 中所有新功能的更多資訊。若要查看錯誤修復和細微增強，請查看變更日誌。

好吧！我想就是這樣。

我們很想知道您對即將發布的版本的看法，或者，如果您對測試版有任何疑問，請給我們發送電子郵件或在下面給我們留言。此更新證明我們正在傾聽並非常認真地對待您的回饋。請隨時告訴我們您的想法。享受。

27 則評論

安德里亞雅頓2016 年 11 月 22 日 12:39 pm
嗚呼！我很高興看到測試版 - 距離將其發佈到客戶端網站又近了一步。我非常喜歡 alpha 版本中新的響應式和欄位功能，因此我將其安裝在幾個個人即時網站上。一如既往，幹得好，你們！
- 羅比·麥卡洛2016 年 12 月 7 日上午 9:16
  謝謝，安德里亞！
保羅2016 年 11 月 22 日下午 3:35
我了解此版本將允許在單擊按鈕後在燈箱中啟動 YouTube 嵌入代碼。我最近與 Gtmetrix.com 合作，他們說以這種方式處理視頻，即在用戶與其交互之前不會加載嵌入代碼，可以極大地提高頁面速度。您能否確認您的新燈箱影片功能在 1.9 版本中實現了這一目標？另外，是否計劃將影片的標題幻燈片以及疊加的播放按鈕顯示為圖像而不是按鈕，使其看起來像嵌入影片？
- 羅比·麥卡洛 (Robby McCullough) 2016 年 12 月 7 日晚上 7:16
  嘿保羅。這是個好問題。標記包含在初始頁面載入中，即，它不是透過 ajax 載入的。我猜影片只有在顯示後才會開始緩衝，但我不能 100% 確定。
  我們沒有任何計劃來實現您提到的標題幻燈片，但這是一個好主意。我們會記住它。我們所有的預設模組都可以被覆蓋和自訂。如果您碰巧從事類似的工作，請告訴我們，也許我們可以使用您的程式碼？
丹2016 年 11 月 23 日下午 1:43
太棒了……我喜歡更新。使事情變得更加直觀，並且應該加快創建事情的工作流程，而無需進行太多點擊。
我也喜歡針對不同螢幕尺寸的客製化。我有點不確定這是否應該由建構器而不是樣式表來處理，但它確實使用戶能夠進行經常需要的更改，而無需跳入程式碼。

但在這裡我可以看到該功能真正變得有用。將其與列一起使用，尤其是列中的列！
我使用自訂模板而不是使用頁面建立器的第一個原因是每個螢幕尺寸的列分解方式。通常，您僅限於建構器選擇的內建方式來執行此操作，但這並不總是最好的方式。
這是一個例子：
在某些情況下，我希望在桌面上有 6 列，在平板電腦上變成 3 列，然後在手機上變成 2 列。通常，它會從 6 列直接跳到 1 列，這顯然不適合所有情況。
通常，我會使用引導程式進行此自訂，因為這是我發現的最簡單的方法。當螢幕尺寸下降到一列時，這也可以輕鬆確定頂部內容的優先順序（例如左側圖像右側的文字為兩列，但始終使圖像位於頂部的一列）。
但如果我可以透過建構器控制這一切，我會比現在更喜歡它。哎呀，我已經有一段時間沒有使用它了，所以也許它已經可以了。

我必須檢查並提出正式的功能請求。謝謝你！
- 羅比·麥卡洛 (Robby McCullough) 2016 年 12 月 7 日晚上 7:17
  驚人的！謝謝，丹。通常，最佳實踐是將盡可能多的樣式放入 CSS 檔案中，但對許多人來說這可能不切實際。
大衛2016 年 11 月 23 日 11:47 pm
很棒的東西！我想要的一個功能是模組或列上有一個 CSS 框，當我快速需要添加一些簡單但樣式介面不支援的內容（例如文字陰影）時，當我在背景區域上使用標題時，標題不容易區分。我使用文字陰影和其他一些東西來幫助使標題或文字從全寬圖像背景中彈出。我知道您可以在頂部添加佈局 css，但這只是為了便於訪問，能夠從模組/列彈出介面提交快速 CSS 程式碼。

乾杯
- 羅比·麥卡洛2016 年 12 月 7 日晚上 7:20
  嘿大衛。謝謝你的建議。我認為最好的選擇是為元素提供一個類別或 ID，並盡可能將 CSS 保持在中心位置。這不是最佳實踐，但我在 CSS 文件中創建了“幫助類”，例如 .text-shadow，然後在標題/等上彈出該類。我需要添加陰影的地方。這可能對你有用嗎？
梅蘭妮·理查茲2016 年 11 月 25 日晚上 9:49
立即安裝！這些功能看起來很棒，我迫不及待想看看新模板。
那麼燈箱只能透過按鈕打開嗎？可以透過圖片連結觸發嗎？噢，那該多好！
皮特2016 年 12 月 1 日下午 3:21
哇！ Beaver Builder 不斷變得更好！感謝整個 Beaver Builder 團隊提供的這些增強功能。我剛開始開發兩個全新的客戶網站，Beaver Builder 正在這兩個網站上運作！
- 羅比·麥卡洛2016 年 12 月 7 日晚上 7:21
  謝謝，皮特！很高興聽到。我們感謝您的支持！
奧利佛2016 年 12 月 7 日凌晨 2:41
恭喜你們發布了這個令人驚嘆的更新，夥計們！感謝您在帖子中提到我，我很高興能為您提供一點幫助。
我想問一下你們有 Beaver Builder 1.9 Lite 版本的預計到達時間嗎？我想使用新的響應式間距功能更新我的主題演示內容。
謝謝！
- 羅比·麥卡洛2016 年 12 月 7 日晚上 7:19
  嘿奧利佛。很高興收到你的來信，謝謝你！
  我相信賈斯汀通常會在我們推出高級版本更新後幾天/幾週推出回購更新。您可能想在 Slack 上向他發送確認訊息，但預計很快就會發布。
  - webmandesign於 2016 年 12 月 9 日凌晨 4:47
    涼爽的。感謝您的回答，羅比！
大衛2016 年 12 月 12 日凌晨 3:58
這個新版本出了嗎？我在插件中沒有看到更新通知！
- 羅比·麥卡洛2016 年 12 月 12 日上午 8:54
  嗨，大衛。它適用於高級版本，但不適用於精簡版本。那應該很快就會出來。
  如果您沒有看到更新，您可以嘗試更新頁面上的「再次檢查」按鈕。如果所有其他方法都失敗，您可以進行手動更新或向我們發送支援票。
  - 安琪拉2016 年 12 月 13 日下午 2:46
    羅比，
    我似乎在使用精簡版時遇到了一些問題。我想讓我的行全寬並在其上放置背景，當您儲存變更時，變更不會生效。我是否應該做一些不同的事情才能使這項工作成功？
    - 羅比·麥卡洛2016 年 12 月 13 日晚上 9:28
      嘿安琪拉。我們應該有另一個更新來修復一些錯誤。如果您在更新到 1.9.2 後仍然遇到此問題，請告訴我們
      （很抱歉給您帶來麻煩）
傑西·普羅菲特2016 年 12 月 14 日下午 4:07
這是一次精彩的更新，感謝您的提及！
我迫不及待地想開始在生產中使用它。有這麼多的用例變得如此簡單。如果我們能夠獲得全域列，我就可以完全替換側邊欄和小部件並在前端完成所有操作。
我也非常喜歡您添加的響應式使用者介面開關。這比我提交的初稿控制更容易使用（坦白說，它更酷）。我真的很感動！
我仍然非常高興我們選擇這個框架來建立我們的網站。
- 羅比·麥卡洛2016 年 12 月 18 日上午 11:37
  嘿傑西！再次感謝您的幫忙。
  我喜歡全域列/側邊欄的想法！我們一定會牢記這一點。我們還為 2017 年準備了一些很酷的菜餚…
馬里特2016 年 12 月 22 日凌晨 4:46
這太棒了，非常感謝！
哎呀：文本中的第一個連結（從按鈕中打開燈箱）給出了一個未找到的頁面。
- 羅比·麥卡洛2016 年 12 月 22 日上午 10:31
  啊!感謝您的提醒！現在全部修好了。
茉莉花2016 年 12 月 28 日 12:13 pm
這太酷了！
阿尼爾·賈達夫 (Anil Jadhav) 2016 年 12 月 28 日晚上 8:51
感謝整個 Beaver Builder 團隊提供的這些增強功能。
Annjanette於 2017 年 1 月 20 日下午 2:20
列中的新列功能非常棒。您是否會很快添加複製父列及其所有內容的功能（或將它們保存為模組）？這確實會讓這個功能變得格外有用。謝謝你！
- 羅比·麥卡洛2017 年 1 月 23 日下午 3:23
  謝謝，安賈妮特！我們沒有任何計劃，但我們會在未來的更新中記住它。我知道這是一種解決方法，但您可以複製並保存行。複製行並刪除多餘的列可能比嘗試複製模組更快。希望有幫助。
Kaivan Doshi於 2017 年 9 月 22 日凌晨 3:31
請為內容頁面和貼文添加更多自訂範本。