GithubHelp home page GithubHelp logo

jdmdigital / emergency-notice-bar Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 311 KB

Super-lightweight plugin adds an emergency notice bar for codid-19 closures, updates, and more on your WordPress site globally, or only on the home page with just a few clicks.

License: GNU General Public License v2.0

CSS 14.53% PHP 84.37% JavaScript 1.10%

emergency-notice-bar's Introduction

Emergency Notice Bar

Super-lightweight WordPress plugin adds an emergency notice bar for covid-19 closures, updates, and more on your WordPress site globally, or only on the home page with just a few clicks.

Love it? Consider donating a couple bucks.

Description

This is a very simple plugin with an equially simple goal: allow site admins to setup, style, and customize a message on their website for Covid-19 closures, updates, and more either on the home page or globally.

Use it over and over again. Just "Hide" it, reconfigure the background color and content using the same WYSIWYG editor you're used to and then "Unhide it." Great for emergency notices like Coronavirus updates, tornado information, or just a company holiday.

Plugin Options

We tried to keep things as simple as possible, but still flexible for many different uses, like Coronavirus notifications, as well as other simple notifications to users. Options for displaying the plugin include:

Emergency Notice Bar Plugin Options

  1. Shown/Hidden
  2. Home Page Only or Site-Wide
  3. Rich Content (WYSIWYG Editor)
  4. Dismissable or Not
  5. Full-Width or Container
  6. Top or Bottom Positioned
  7. Animation and Animation Duration
  8. Background Color (unlimited choices)

Want to see more functionality or options? Reach out to us on our contact form, the WordPress.org support forum, or the GitHub repo, or use smoke signals. We cannot guarantee a response via smoke signals.

Lightweight and Accessible

The plugin is VERY lightweight. The pre-minified CSS included is only about 2.4KB (0.75KB gzipped). It has no jQuery dependancies. It's accessible and even works without javascript being enabled.

Installation

  1. Activate the plugin through the Plugins menu
  2. Configure in Settings >> Notice Bar
  3. Click Save Changes
  4. When ready to display, select Enable >> and click Save Changes

Frequently Asked Questions

Where is the Settings Page?

Go to Settings >> Notice Bar to configure and then enable the emergency notice bar.

Is this plugin really free?

We thought of creating a "pro" version, but things are tough for everyone right now. So we decided to release it for free on the WordPress.org repo as well as on GitHub. If you like it, you'd make our day by giving us a review or, better yet, donate a couple bucks via PayPal using the donate link in the plugin settings.

Can I add links, headings, and more to the notice?

Absolutely, yes. The content is edited for the plugin using the familiar WordPress WYSIWYG editor, which works pretty much the same as Word.

I need it to do something specific. How do I do that?

We are open to suggestions and believe our plugin will evolve according to ever-chaning requirement. We are user driven and welcome your ideas. Just reach out to us via the support forums or our website.

Can I add custom CSS?

You may add custom CSS to your WordPress Customizer. This is done by navigating to "Appearance" >> "Customize" >> "Additional CSS". For reference, just prepend the CSS ID, "#jdm-notice," to override any built-in CSS.

If you have any trouble or need a hand, reach out to us via the support forums or our website.

emergency-notice-bar's People

Contributors

jdmdigital avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.