[WordPress] 外掛分享： EMC2 Alert Boxes

WordPress 外掛 EMC2 Alert Boxes 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「EMC2 Alert Boxes」是 2012-10-21 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 50 個安裝啟用數。
  • 上一次更新是 2012-10-29，距離現在已有 4570 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.0.0 以上版本才可以安裝。
  • 有 2 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

emcniece |

外掛標籤

emc2 | alert | HTML5 | popup | warning |

內容簡介

EMC2 Alert Boxes 使用 jQuery 和 HTML5 動畫提供具有美觀、簡單和功能性的警示系統。警示框可以使用 [emc2alert] 短碼或呼叫 $().emc2alert() jQuery 函數來放置！在 http://alert.emc2innovation.com 檢查演示！非常容易使用！在任何頁面上插入一個短碼，使用快速創建的 TinyMCE 圖標，或使用 jQuery 即時創建警示框：短碼：[emc2alert]這是一些文本！[/emc2alert] 或者 jQuery：$('body').emc2alert({ text:"這是一些文本！" });進階使用方式：短碼：[emc2alert type=”success” style=”normal” width=”300px” position=”top” wpbar=”auto” visible=”visible” closebtn=”1″ title=”介紹…” animate=”true”]一種通知訪客的好方法！[/emc2alert]預設值：type：“info”，也可以使用“success”，“warning”，“error”style：NULL - “normal” 在短碼位置顯示為塊，或者 “fixed” 顯示在頁面的頂部或底部width：NULL - 可以接受帶有單位的位置，例如 “300px”，“100%” 或 “5em” position：“top” - 如果 style=”fixed”，可以將位置設置在頁面的頂部或 “bottom”wpbar：“auto” - 自動檢測 WP 管理列。也可以將其設置為 TRUE 或 FALSE 以進行補償。visible：TRUE - 設置為 FALSE 以隱藏closebtn：FALSE - 設置為 TRUE 以添加關閉按鈕到框中title：“警示標題” - 框標題animate：FALSE - 設置為 TRUE 以在打開和關閉時啟用 slideUp() 和 slideDown() jQuery 動畫！jQuery：$('body').emc2alert({ // 將警示框附加到 'body' 元素 title: "您的標題", // 或 $('myTitleDiv').html() text: "您的訊息", // 或 $('myMsgDiv').html() type: "info", // 'info', 'warning', 'error', 'success' - 確定背景顏色 style: "normal", // 'normal', 'fixed' - 在頁面中或固定在頂部或底部 visible: true, // true, false - 如果需要隱藏 position: "top", // 'top', 'bottom' - 將框定位在頁面上 width: null, // '100%', '960px' - 指定單位 closebtn: false, // true, false - 在角落顯示關閉按鈕 wpbar: false, // true, false, 'auto' - 添加頂部邊緣以避免管理列，自動檢測 animate: false // true, false - 添加打開/關閉動畫});感謝 Red Team Design 的工作！待辦事項：為 TinyMCE 短碼生成器添加動畫選擇將自定義類字段添加到短碼添加一個設置頁面使插件與子佈景主題兼容在 CSS 中添加 !important 樣式已知的錯誤：尚未發現！如果發現，請在 http://alert.emc2innovation.com 上張貼。配置EMC2 Alert Boxes 可以直接運行。一切都從短碼或 jQuery 呼叫進行配置！如果您希望添加功能，請在論壇中發布。如果您正在使用 TinyMCE WYSIWYG 接口進行編輯，您會注意到出現了一個橙色三角形圖標，這是一個快速建立的。

原文外掛簡介

EMC2 Alert Boxes uses jQuery and HTML5 animations to provide a great-looking, simple and functional alerting system. Alert boxes can be placed using the [emc2alert] shortcode or by calling the $().emc2alert() jQuery function!
Check the demo at http://alert.emc2innovation.com !
Easy to use! Insert a shortcode on any page using a quick-create TinyMCE icon, or create alerts on the fly using jQuery:
Shortcode: [emc2alert]This is some text![/emc2alert]
-or-
jQuery: $('body').emc2alert({ text:"This is some text!" });
Advanced Usage
Shortcode
[emc2alert type=”success” style=”normal” width=”300px” position=”top” wpbar=”auto” visible=”visible” closebtn=”1″ title=”Introducing…” animate=”true”]A great way to alert your visitors![/emc2alert]
Defaults:

type: “info” – “success”, “warning”, “error” also available
style: NULL – “normal” displays as block at shortcode location, or “fixed” for top or bottom of page
width: NULL – accepts position with units, ie “300px”, “100%” or “5em”
position: “top” – If style=”fixed”, position can be set to top or “bottom” of page
wpbar: “auto” – Auto-detects WP Admin Bar. Can be set to TRUE or FALSE as well to set compensation.
visible: TRUE – Set to FALSE to hide
closebtn: FALSE – Set to TRUE to add a close button to the box
title: “Alert Title” – Box title
animate: FALSE – Set to TRUE to enable slideUp() and slideDown() jQuery animations on open and close!

jQuery
$('body').emc2alert({ // Prepends Alert Box to 'body' element
title: "Your Title", // or $('myTitleDiv').html()
text: "Your Message", // or $('myMsgDiv').html()
type: "info", // 'info', 'warning', 'error', 'success' - determines bg colors
style: "normal", // 'normal', 'fixed' - in page or fixed to top or bottom
visible: true, // true, false - hides if necessary
position: "top", // 'top', 'bottom' - positions box on page
width: null, // '100%', '960px' - specify units
closebtn: false, // true, false - displays close button in corner
wpbar: false, // true, false, 'auto' - adds top margin to avoid admin bar, with auto-detect
animate: false // true, false - adds open/close animation
});

BIG thanks to Red Team Design’s work!
To Do list:

Add animate argument to TinyMCE shortcode generator
Add custom class field to shortcode
Add a settings page
Make plugin child-theme compatible
Add !important styles to CSS

Known bugs:

None yet! Please post at http://alert.emc2innovation.com if you find one.

Configuration
EMC2 Alert Boxes will work straight out of the box. Everything is configured from the shortcode or jQuery call! Post in the forums if you want to see a feature added.
If you are editing with the TinyMCE WYSIWYG interface, you will notice an orange triangle icon appear. This is a quick-build shortcode generator in case you forget exactly

各版本下載點

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

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

1.0 | 1.1 | 1.2 | 1.3 | trunk |

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

文章
Filter
Apply Filters
Close
Mastodon