介紹 Flip Box 和其他 3 個新的專業功能

交互設計現在風靡一時。 在 Elementor 中，我們一直致力於為您提供廣泛的功能，為您的網站增加交互性。 懸停和入口動畫、輪播、幻燈片和切換只是涉及訪問者交互的小部件的幾個示例。 現在，出現了一個新的小部件，它增加了另一個級別的交互性——翻轉框小部件。

忘掉你認為你知道的關於翻轉盒的一切。 Elementor Pro 的 Flipbox 為您提供了更多設計可能性，您將在下面的示例中看到。

翻轉框是當您將鼠標懸停在其上方時會翻轉的框。 您可以選擇不同的動畫，並自定義每個翻轉框的外觀和行為。 翻轉框可以讓您的內容更有趣，改善用戶體驗，還可以讓您突出您的業務功能、產品和服務。

使用 Elementor 的新翻轉框小部件，您可以獲得所有基本的翻轉效果，包括翻轉、推動、滑動、淡入淡出、放大和縮小。 翻轉動畫效果無縫工作，沒有打嗝或停頓。

您可以為內容框添加迷人的 3D 效果，讓它們真正獨一無二。 3D 選項適用於所有翻轉方向，可用於使您的翻轉盒更加突出。

內容可以分別與翻轉框的正面和背面的中心、右側或左側對齊。 上面的橫幅框完全是使用 Flip Box 小部件創建的，並舉例說明了將內容向左對齊。

使用不同的邊框選項設置翻轉框的樣式：橢圓形、圓邊、矩形、點邊或雙邊。 您可以使用邊框來實現獨特的盒子設計，如上圖所示。

為翻轉框添加純色、漸變色或圖像背景。 可以將單獨的背景添加到翻轉框的每一側，讓您可以選擇完全區分兩側。

通過在翻轉框內加入圖像或圖標，使翻轉框更豐富。 這可用於創建鏈接到您的帖子或有趣的團隊成員框的視覺和交互式框。 您可以探索各種可能性。

嘗試使用翻蓋盒來創造更具想像力的設計。 我們試圖使這個小部件簡單，但更靈活和健壯，以便讓您創建複雜的翻轉框。

從上到下設計一個博客頁面需要多長時間？

今天，我們很高興向您介紹一個小部件改進，它可以讓您在幾分鐘而不是幾小時內獲得相同的結果。 通過這種改進，博客設計可以以有趣、生動和直觀的方式完成。

Elementor Pro 中最令人驚嘆的功能之一是帖子小部件。 無需任何編碼即可直觀地設計博客頁面的能力是真正的遊戲規則改變者。 這個小部件的問題是您仍然無法創建博客砌體佈局，並且帖子不包括分頁。

現在，我們引入了 Masonry 佈局和分頁，使 Posts 小部件成為 WordPress 的終極視覺博客製作工具。

您現在可以使用“帖子”小部件在磚石網格中顯示您的帖子。 這意味著您可以使用類似 Pinterest 的網格展示您的帖子。 在下一個版本中，我們將向 Portfolio 小部件添加 Masonry 功能。

分頁選項使您可以輕鬆地使用您的博客設計。 您現在可以控制整個博客設計，包括分頁元素，例如上一個/下一個樣式。

我們還確保我們的分頁對 SEO 友好。 就 URL 而言，Elementor 的分頁就像常規的 WordPress 分頁一樣，因此對於創建的每個分頁鏈接，您仍然可以獲得相同的 SEO 友好鏈接。

幻燈片是另一個非常有用的 Pro 功能。 本週，我們將直接從我們的用戶請求中為這個小部件添加兩個調整。

到目前為止，您有兩個選項可以在我們的幻燈片小部件中顯示圖像：

1. Cover – 此選項使圖像“覆蓋”整個滑塊。 例如，如果加載垂直圖像，圖像的頂部和底部將被剪切，並且圖像將放大顯示。
2. 自動 - 此選項顯示圖像的實際大小。

現在，我們添加了另一種顯示模式：包含。 此選項顯示包含在幻燈片範圍內的圖像。 假設您在寬滑塊上使用窄圖像，窄圖像將填充滑塊高度的 100%，滑塊左側和右側將顯示背景顏色。

另一方面，如果您在窄滑塊上使用寬圖像，則寬圖像將填充滑塊寬度的 100%，滑塊的頂部和底部將顯示背景顏色。

Ken Burns 效果以美國紀錄片人的名字命名，允許您為滑塊上顯示的靜止圖像添加平移和縮放效果。

Ken Burns 效果僅適用於 Pro Slides Widget。 您必須將圖像添加到特定幻燈片才能顯示該選項。

請務必更新 Elementor 和 Elementor Pro插件，以確保所有新功能都能正常工作。

今天添加的功能，Flip box、Masonry、Pagination 和 Ken Burns 效果，都添加到我們已經具有豐富視覺效果的頁面構建器中。 我邀請您嘗試其中的每一個，並與我們分享您的新頁面創作。

如果您還沒有升級到 Elementor Pro，這是一個很好的機會，可以探索我們剛剛添加到插件中的新功能。