Description
Display important information on every page of your website with this simple, lightweight plugin.
Note: This plugin is only compatible with WordPress-enabled sites.
Installation
Adding the Plugin to Your WordPress Website
- Download the OgreAlert plugin (.zip file)
- Login to backend of your WordPress website
- On the left side navigation of your dashboard, click “Plugins” > “Add New” > “Upload Plugin”
- Locate the zip file, select it and click “Open” > “Install Now”
- Click “Activate Plugin”
Creating a New Alert
- On the left side navigation of your dashboard click the new item “Alerts” > “Add New”
- Type in a title for your alert (the title is not displayed on the website) to help identify and keep track of your alerts
- Add in the text for your alert in the text editor section
- Select a priority level for your alert from the dropdown at the bottom right of the screen — we suggest “High”
- Optional: choose a date for the alert to expire
- Choose the timeframe for showing the alert again after the viewer dismisses it (clicking the X)
- Click “Publish”
Alert Settings
- On the left side navigation of your dashboard, click the new item “Alerts” > “Settings” to change the following:
- Where the alert shows on your website — “fixed bottom” and “fixed top” are the preferred positions
- Change the color of the background and text for each priority level
- Click “Save Settings” when done to apply the new settings to all currently published alerts
Screenshots
Example of an alert fixed to the bottom of a website.
OgreAlerts settings page.
Details
- Requires at least: 4.8.0
- Tested up to: 5.7.1
- Stable tag: 0.1.9
- License: GPLv2 or later
Changelog
0.1.9 - 05-24-2021
- NEW: Z-index field in OgreAlert settings.
- BUG: Replaced wp_make_content_images_responsive filter with wp_filter_content_tags for WP 5.5.0 compatibility.
- BUG: Renamed display.js to frontend.js to prevent ad blockers.
0.1.8 - 05-12-2021
- DEV: Moved FontAwesome webfonts to separated folder in assets.
- DEV: Added plugin packaging makefile.
- DEV: Renamed "scss" folder to "sass".
- DEV: Removed FontAwesome SVG assets to reduce package file size. Reduces compatibility with old IE versions.
0.1.7 - 04-06-2020
- Fixed posts column expiration date display bug.
0.1.6 - 04-02-2020
- Added styling to alert title to ensure screen-reader compatibility.
0.1.5 - 04-02-2020
- Removed dependency on the_content filter and moved filters to ogrealert/content.
- Fixed box-sizing compatibility issue on dismiss button.
0.1.4 - 03-30-2020
- Added per page dismiss duration option.
0.1.3 - 03-24-2020
- Added message dismiss transition animation setting.
- Improved dismiss cookie validation with timestamps.
- Improved alert message template with added filters.
- Removed license key requirement.
0.1.2 - 03-18-2020
- Added "None" dismiss duration option to remove dismiss ability on alert.
0.1.1 - 03-17-2020
- Fixed validate_ids parameter type.
0.1.0 - 03-16-2020
- Initial build of OgreAlert plugin.
Download the OgreAlert Plugin
In order to download the free OgreAlert plugin, please fill out and submit this form. The download of the zipped plugin should start once the form has been processed.
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});- This field is for validation purposes and should be left unchanged.
Artwork by Samantha Earley.