[WordPress] 外掛分享： Emberly Popups

WordPress 外掛 Emberly Popups 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Emberly Popups」是 2025-05-08 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2025-07-27，距離現在已有 213 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

emberlydigital |

外掛標籤

modal | popup | overlay | developer | accessible |

內容簡介

總結：Emberly Popups 是一個輕量級的 WordPress 函數，可以創建可訪問、可定制的彈出視窗。
問題與答案：
1. Emberly Popups 提供哪些功能？
- 自動延遲後自動打開
- 透過cookie或基於session的控制僅向用戶顯示一次
- 透過間隔控制彈出視窗出現的頻率
- 支持在彈出內容中使用shortcodes
- 可調整彈出視窗的寬度和填充
- 具有ARIA角色和屬性的可訪問HTML結構
2. 如何進行調試（debugging）？
- 使用debug參數啟用指定彈出視窗的冗長日誌記錄，以便精確瞭解何時加載、打開、設置cookie或鎖定滾動。
3. 如何調用（calling）彈出視窗？
- 必須通過PHP函數來調用，並建議使用PHP 8+進行調用，這樣可以具體指定要使用的屬性。
4. 如何觸發（trigger）彈出視窗？
- 可以使用auto_open參數自動打開彈出視窗。
- 若要點擊後打開，可以在頁面上的任何地方添加一個觸發元素，並使用em-popup-trigger-id屬性。這個值應匹配您在emberly_popup()調用中為彈出視窗分配的ID。

原文外掛簡介

Emberly Popups is a simple PHP function that generates ARIA‑compliant modal popups. Great for newsletters, surveys, announcements, or any call‑to‑action:

Auto‑open after a configurable delay
Cookie‑ or session‑based “show once” control
Repeat interval (milliseconds) between popups
Shortcode support inside popup content
Adjustable width and padding
Accessible markup with proper ARIA roles

Usage
PHP 8+ (named arguments)
“`php
emberly_popup(
title : ‘Welcome!’,
content : ‘
Thanks for visiting our site. Don’t miss our latest offers!
‘,
id : ‘welcome-popup’,
width : ’50rem’,
padding : ‘3rem’,
echo : true,
output_shortcodes: true,
auto_open : true,
delay : 2000,
show_once : false,
persistence_method: ‘session’,
show_interval_ms : 1800000 // 30 minutes
);

PHP 7 & earlier (ordered arguments)

```php
emberly_popup(
'', // $title
'

Thanks for visiting our site. Don't miss our latest offers!

',
'category-survey-popup', // $id
'50rem', // $width
'3rem', // $padding
true, // $echo
true, // $output_shortcodes
true, // $auto_open
2000, // $delay
false, // $show_once
'session', // $persistence_method
1800000 // $show_interval_ms
);
Manual triggers
Anywhere in your markup, add:
html
Open Welcome Popup
The em-popup-trigger-id value must match the $id you set in emberly_popup().
Parameters
Parameter
Type
Default
Description
title
string
”
Popup heading text.
content
string
”
HTML for the popup’s body.
id
string
”
Unique popup identifier (required for cookies/sessions & triggers).
width
string
’60rem’
CSS max-width for the popup container.
padding
string
‘3rem’
Inner padding inside the popup.
echo
bool
true
Echo the markup immediately (false to return as string).
output_shortcodes
bool
false
Process WordPress shortcodes in content.
auto_open
bool
false
Automatically open after delay ms.
delay
int
0
Milliseconds to wait before auto-open.
show_once
bool
false
If true, shows only once per session/cookie period.
persistence_method
string
‘cookie’
Where to store “shown” flag: ‘cookie’ or ‘session’.
show_interval_ms
int
0
Minimum interval (ms) before showing again. 0 disables repeats.
debug
bool
false
Log internal events to browser console (load, open, cookies, scroll lock).
Debugging
Add debug: true (PHP 8+) or append true as the 13th argument (PHP 7) to enable console logging:
`php

// PHP 8+ example
emberly_popup(
title : ‘Debug Popup’,
content: ‘
Debugging is on!
‘,
id : ‘debug-popup’,
debug : true
);
`

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Emberly Popups」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.2 | 1.3 | 1.2.1 | trunk |

延伸相關外掛（你可能也想知道）

  • Button visually impaired 》, Button visually impaired* is a plugin that automatically changes the version of your website for visually impaired people., , The panel for visua...。
  • Equalize Digital Accessibility Checker – Audit Your Website for WCAG, ADA, and Section 508 Accessibility Errors 》Accessibility Checker 外掛, , 外掛網站 | 文件 | 免費版與專業版比較 | 購買專業版 | 優先支援＆無障礙諮詢 | WordPress 無障礙聚會 | WordPress 無障礙 Fa...。
  • Accessibility Tools & Alt Text Finder 》這個軟體可以協助您成為 ADA 第 508 條款的合規，提供以下功能：, 遺漏的 Alt 文本尋找程式, 快速添加媒體庫中遺漏的 Alt 文本、說明文本或標題文本，同時也...。
  • SlickNav Mobile Menu 》這個外掛可以在 WordPress 中添加 SlickNav 響應式移動菜單功能。, SlickNav 響應式菜單支援多級菜單。, 跨瀏覽器兼容。, 鍵盤訪問。, 沒有 JavaScript 的情...。
  • Accessibility by AllAccessible 》AllAccessible 是一個功能強大的 WordPress 外掛，可增強您的網站的無障礙性。這個外掛提供一系列功能，使您的網站對有殘障的人士更加友善，包括視力受損、聽...。
  • Fix Alt Text 》現在讓您的圖像符合可用性標準已變得越來越重要。圖像必須添加替代文本（alt text），讓視障人士可以使用屏幕閱讀器了解屏幕上顯示的圖像的用途和上下文。, ...。
  • Authenticator 》此外掛可讓你的 WordPress 網站僅對登入用戶開放。換句話說，要查看你的網站，他們必須在你的網站上創建或擁有帳戶並登錄。不需要任何配置，只需啟用即可。, ...。
  • Accessibility New Window Warnings 》Web Content Accessibility Guidelines (WCAG) 成功標準 3.2（可預測性）指出，網頁應該以可預測的方式顯示和運作。當點擊連結前往外部網頁時，通常會將該連...。
  • FAQ Concertina 》FAQ Concertina 是一款 WordPress 外掛，您可以使用插件簡單地在頁面或博客文章中以美觀而清晰的方式顯示常見問題（FAQs）列表。, 透過在 WordPress 頁面或博...。
  • Five-Star Ratings Shortcode 》這個外掛可以在網站的任何地方，使用簡單的短代碼加入無障礙、吸引人的5星評分。此外掛使用 Font Awesome 的SVG + JavaScript方法顯示圖示。, 鳴謝, 此外掛是...。
  • Genesis Accessible 》Genesis Accessible 是一個 WordPress 外掛程式，專為想使用 Genesis Framework 建立符合無障礙規範網站的網站擁有人設計，但使用的子佈景主題尚未支援框架的...。
  • Accordion Block Lite 》摺疊區塊外掛（Accordion Block Lite）是一個可存取和具有回應式的外掛，可在區塊編輯器插入器中添加，用於顯示可展開和摺疊以顯示或隱藏相關內容的列表項目...。
  • Accessibly – WordPress Website Accessibility 》br />, Accessibly app 是 Shopify 商店中最佳的無障礙外掛。現在，我們為您的 WordPress 網站提供最佳的可訪問性。, Accessibly 外掛是以最佳的網頁無障礙做...。
  • AccessibleWP – ALT Detector 》這是一款在 WordPress 網站上提供輕鬆設置無障礙圖像的有效解決方案，使您能夠輕鬆找到沒有替代文字的圖像，並提供其他圖像無障礙設置的選項。。
  • Core A11Y – Accessibility for Elementor 》**總結：**, CoreA11Y For Elementor 是針對使用 Elementor 頁面建構器的網站的附加元件。它在 Elementor 的站點設置和小工具控制中添加額外的設定，以幫助修...。

文章
Filter
Mastodon