前言介紹
- 這款 WordPress 外掛「Flip Cards Module For Divi」是 2020-05-19 上架。
- 目前有 4000 個安裝啟用數。
- 上一次更新是 2024-09-05，距離現在已有 239 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 31 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
divi | flip box | flip card | divi module | divi flipbox |
內容簡介
這個外掛在 Divi Builder 中新增了一個翻轉卡片模組。啟用外掛後，模組清單將新增一個名為 Flip Cards 的模組。您隨後可以使用此模組在 Divi Builder 中任何位置添加翻轉卡片。您可以從四個方向選擇翻轉動畫的任一方向：向上、向下、向左或向右。這個外掛支援視覺化建立器，並提供許多選項，可以自訂正反面的卡片。
特點
設定翻轉動畫的方向
為正面和背面卡片選擇任何 Divi 圖示
設置標題、主體和圖示樣式
可以選擇在卡片上使用圖像而不是圖示
可以為每張卡片設置背景色彩
3D效果
快速連結
Divi Flip Cards演示
如何在Divi中添加翻轉卡片
其他 Divi 外掛
Divi Overlay on Images模組
Divi文章旋轉木馬模組
Divi麵包屑模組
Divi圖像旋轉木馬模組
原文外掛簡介
This plugin adds a Flip Cards module to the Divi Builder. Once activated, the Flip Cards module appears in your module list, allowing you to create engaging flip cards anywhere in your Divi layouts. Customize the flip animation with four directional options—Up, Down, Left, or Right and enhance the visual experience with a 3D flip effect that gives text a floating appearance above the background. The plugin is fully compatible with the Visual Builder and offers extensive customization options for both the front and back of the cards.
In addition to text and image customization, the plugin enables you to add a button on the backside of the flip card, making it interactive and functional. Adjust icons, fonts, and background colors to match your site’s design, and fine-tune the animation’s duration and easing for a smooth, captivating effect. Tailor every aspect of the flip cards to create a more personalized and engaging user experience.
Features
Flip Direction: Choose from various flip directions—up, down, left, or right—to control how the flip card rotates.
Icon and Image Options:: Choose between displaying an icon or an image on both the front and back of the flip cards.
3D Flip Effect: Enable a 3D effect that makes text appear to float above the background during the flip animation, adding depth.
Customizable Text: Easily set different titles and body text for the front and back sides of the flip cards.
Icon Customization: Adjust the icon’s font size and color to match your site’s design.
Font Customization: Customize the fonts for different elements of the flip cards. You can set distinct fonts for the front of the flip card and the back of the flip card for a highly personalized appearance.
Button Customization: Add a call-to-action button to the backside of your flip cards. This feature allows you to set custom text and link for the button. You can also style the button to match your site’s design.
Animation Customization: Customize the duration, and easing for smooth and engaging flip card animations.
Background Customization: Customize the background color for the front and the back sides of the flip cards.
Useful Links for the Plugin
Divi Flip Cards Demo
How to add flip cards in Divi
More Free Divi Plugins
Divi Contact Form DB
Divi Post Carousel Module
Divi Overlay on Images Module
Divi Breadcrumbs Module
Divi Menu Cart
Divi Breadcrumbs Module
Divi Image Carousel
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Flip Cards Module For Divi」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.9.0 | 0.9.1 | 0.9.2 | 0.9.3 | 0.9.4 | 0.9.2.1 | 0.9.4.1 | 0.9.4.2 |
延伸相關外掛（你可能也想知道）
Supreme Modules Lite – Divi Theme, Extra Theme and Divi Builder 》Divi Supreme不像其他Divi外掛，它配備了許多免費的創意和有用的強大Divi模組和擴展功能。使用我們簡單易實現的模組和擴展功能，把Divi帶到下一個水平並輕鬆...。
Divi Torque – Plugin for Divi Theme and Builder 》, 厭倦了複雜的模組、差勁的表現和昂貴的附加功能，只為得到平庸的結果？, 現在介紹Divi Torque，它是Divi Page Builder的終極Addon。它包含了最全面的模...。
Shortcodes for Divi 》「Divi 縮略語外掛」由WP Zone製作，允許您在任何文字出現的地方使用Divi縮略語。 , 此外掛可讓您顯示Divi程式庫中的任何範本為縮略語，並為Divi程式庫新增一...。
Image Carousel Module for Divi 》使用Divi圖像輪播外掛在您的網站上添加圖像輪播。此外掛會在Divi Builder中添加一個新的Image Carousel模組。啟用外掛後，模組列表中將出現名為Image Carouse...。
Divi Carousel Lite – 17+ Carousel Module 》Divi Carousels Lite 外掛提供了 5 個不同的滑動模組，以增強 Divi Builder 的設計功能。你可以使用此外掛為你的 Divi 網站設計高度互動和響應式的輪播區段。...。
Exclusive Divi – Divi Preloader, Modules for Divi & Extra Theme 》ExclusiveDivi 插件提供了多個創意模組，與 Divi 頁面建構器搭配使用，讓您在熟悉的設計環境下，增加元件和更多創意操作方式。, Divi 頁面預載器, ExclusiveD...。
Post Carousel Divi 》Divi文章旋轉木馬模組。使用Divi文章旋轉木馬外掛在您的網站上添加文章旋轉木馬。此外掛會在Divi Builder中添加一個新的文章旋轉木馬模組。啟用外掛後，您的...。
Overlay Image Divi Module 》在 Divi 上的圖片懸停時顯示文字。, 此外掛在 Divi Builder 上新增一個模組。此模組允許您在圖片上方加入文字，當您將滑鼠移至圖片上方時，文字將顯示出來。,...。
Squad Modules Lite – Advanced Divi Modules for Divi Theme, Extra Theme and Divi Builder 》「Squad Modules for Divi」是一個功能強大且多樣化的Divi模組包，旨在提升你的Divi網站。它提供美觀且精心製作的模組集合，可提升你的Divi Builder的視覺吸...。
Divi Masonry Gallery – Pro Gallery 》Divi瀑布流圖庫是一種常用於Divi的流式格狀樣式，比基本的Divi圖庫更加令人興奮和美麗。, , 瀑布流圖庫，可以保持相同的圖片寬度和不同的高度。, , Lite功能,...。
Image Carousel For Divi 》插件已經棄用，不再計劃進行該插件的任何進一步開發，只會進行維護和相容性更新, , 請使用我們的 Ultimate Carousel for Divi 插件，它具有更好的功能。, , I...。
Divi Collage 》Divi Collage - Divi 的最簡單拼貼畫製作外掛。, Divi Collage 是一個 Divi 模組，讓您輕鬆地創建美麗的拼貼畫。該模組附帶一堆現成的佈局。只需選擇一個佈局...。
Ultimate Divi Modules Suite – Divi Sumo Lite 》Ultimate Divi Modules Suite – Divi Sumo Lite, Divi Sumo Lite 是用於 Divi Page Builder & Theme 的創意 Divi 模組集合。使用高品質創意的 Divi...。
Grid & Styler For Contact Form 7 And Divi 》Grid & Styler For Contact Form 7 And Divi 外掛提供以下功能：, , Contact Form 7 格線版面生成器－可以使用「行」和「列」(1, 1/2, 1/3, 1/4, 2/3, 3/...。
Divi Title Module 》這個外掛程式可以在Divi建構器中新增一個模組，輕鬆地插入標題，而不需要透過文字模組。, 您可以設定標題的級別（h1、h2等）、顏色、大小等等。, Divi是Elega...。