> EMC2 Alert Boxes wordpress plugin resources analysis

EMC2 Alert Boxes wordpress plugin resources analysis

Download This Plugin
Download Elegant Themes
Name EMC2 Alert Boxes
Version 1.3
Author Eric McNiece
Rating 60
Last updated 2012-10-29 12:02:00
Downloads
3022
Download Plugins Speed Test plugin for Wordpress

Home page

Delta: 0%

Post page

Delta: 0%
EMC2 Alert Boxes plugin has no negative impact on PageSpeed score.

Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%

EMC2 Alert Boxes plugin added 8 kB of resources to the Home page and 8 kB of resources to the sample Post page.

EMC2 Alert Boxes plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.

Great! EMC2 Alert Boxes plugin ads no tables to your Wordpress blog database.

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:

Screenshots

Resources added by plugin to Home page/Post page in kB
Total size of resources for Home page/Post page in kB
Random Theme Tests
enrichmg screenshot

enrichmg

by: enricchi

2790
0%
Drochilli screenshot

Drochilli

by: dizzain

15453
0%