內容簡介
此項目為 WordPress Gutenberg 編輯器提供模態/彈出視窗區塊。
多種觸發模態的方法，包括按鈕、文字連結、圖像連結、外部樣式和頁面載入等。
使用 Gutenberg 區塊定義模態內容，例如圖像、段落等。
支援多種模態視窗大小。
模態視窗過渡效果包括淡入淡出、向左移、向右移、向上移和向下移。
可通過呼叫 bodModal.initModal() 手動觸發模態初始化。
自定義事件包括打開前、打開後、關閉前和關閉後，因此可以使用自定義代碼。
許多可自定義的選項，包括觸發按鈕標籤、按鈕顏色、觸發文字、觸發文字大小、觸發圖像、觸發樣式、模態延遲、觸發元素對齊方式、覆蓋背景色、標題文字大小、標題字體顏色、標題背景色、標題填充、邊框半徑。
支援在同一頁面上使用多個模態。
符合 ADA 標準。
模態對模態鏈接。
多種關閉模態的方式。
Esc 鍵
位於螢幕右上角的關閉按鈕「X」。
位於模態標題的關閉按鈕「X」。
位於模態內容下方的關閉按鈕。
使用 create-guton-block 輕鬆配置。
捐贈
如果您喜歡此外掛，請考慮捐贈以支持進一步的開發。 點此處
外掛標籤
開發者團隊
原文外掛簡介
This project provides a modal / popup block for the WordPress Gutenberg editor.
Multiple methods for triggering modal including button, text link, image link, external class, and page load.
User definable modal content using Gutenberg blocks, for example, image, paragraph etc.
Support for multiple modal window sizes.
Modal window transitions for fade, left, right, up down.
Manual trigger modal initialization by calling bodModal.initModal()
Custom events for before open, after open, before close, after close so custom code can be used.
Lots of customizable options including Trigger Button Label, Button Color, Trigger Text, Trigger Text Size, Trigger Image, Trigger Class, Modal Delay, Trigger Element Alignment, Overlay Background Color, Title Text Size, Title Font Color, Title Background Color, Title Padding, Border Radius.
Supports multiple modals on the same page.
ADA compliant.
Modal to modal links.
Multiple ways to close the modal.
Escape key
Close button ‘X’ in the top right of the screen.
Close button ‘X’ in the modal title.
Close button at the bottom on the modal content.
Uses create-guton-block for easy config.
Donations
If you like the plugin, consider a donation to support further development. Click here
