Coder Social home page Coder Social logo

linchpin / courier-notices Goto Github PK

View Code? Open in Web Editor NEW
2.0 5.0 0.0 7.88 MB

Courier Notices is a WordPress frontend notifications plugin. It allows admins to create global notifications that can be displayed on your website. You can have even more control with courier pro

Home Page: https://shop.linchpin.com/plugins/courier-pro/

License: GNU General Public License v3.0

CSS 18.86% JavaScript 8.82% PHP 61.98% SCSS 10.22% Shell 0.12%
wordpress notifications wordpress-plugin linchpin courier-notices dismissible-notices

courier-notices's Introduction

Courier Notices

Add dismissible and non-dismissible notices throughout your WordPress website.

Latest Release: 1.5.8

Description

Add dismissible and non-dismissible notices throughout your website.

  • Customize the colors and icons used by your Courier Notices no coding needed
  • Add new "types" of notices as needed
  • Comes with a common library of useful notices (Modal, Header, Footer)
  • Place courier notices within the header, footer or anywhere using CSS selectors (similar to selectors in jQuery)
  • Display popover/page take over modal style notices
  • Can be used in conjunction with other popular plugins

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload courier-notices to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress

Screenshots

  1. List of "Types" of Informational Courier Notices within the WordPress admin
  2. Editing colors and icons of a Courier Notice
  3. Frontend display of a few Courier Notices, including dismissible notices.
  4. Frontend display of a modal Courier Notice.

Changelog

See changelog https://github.com/linchpin/courier-notices/blob/master/CHANGELOG.md

Shortcodes

[courier_notice id="1"]

Displays a Courier notice based on the Courier post ID, displays a flag to call out the notice as well.

Flag prepends a span containing the string in the flag parameter, to display no flag set "show_flag" to false.

Linchpin

courier-notices's People

Contributors

aaronware avatar dependabot[bot] avatar fischfood avatar linchpin-bot avatar maxinacube avatar nate-allen avatar renovate-bot avatar renovate[bot] avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

courier-notices's Issues

Need wordpress.org assets

Regular: banner-772×250.(jpg|png)
Retina: banner-1544×500.(jpg|png)

icon-128×128.(jpg|png)
icon-256×256.(jpg|png)
icon.svg

Should notices be able to be reordered?

Is there a need to reorder notices in the admin? I could see the need based on having 2 or 3 global non-dismissble notices that have various importance.

There are plugins in the .org repo that already do this. It could be something we investigate.

Create option to load notifications over ajax/rest

If a website utilizes varnish or any advanced page caching a user may be displayed stale notices.

Allow for an option in settings to display the notifications using an ajax call to a rest endpoint. This will allows for Courier Notices to be more accurate. Similar to how WooCommerce works around caching for the Shopping Cart.

There are already a few endpoints created. May make sense to piggy back off of that to display the endpoints on the front end. Maybe just inject the container with the regular hooks?

readme.md

Needs a proper readme.md for this repo

Notice Type and Icon Class should be independent

Not sure if these are actually tied together or if it's just a front-end display issue.

  1. Edit a notice type in the admin
  2. Change the name of the notice type and save
  3. You'll see the notice icon name change to icon-{notice-name}
  4. When editing the same notice type, the icon class will remain it's previous state

Upon further testing, I cannot update the icon-class at all

Redirect Settings Page

Make sure a redirect is in place:

From Settings > Courier (/wp-admin/options-general.php?page=courier)
To Courier > Settings (/wp-admin/edit.php?post_type=courier_notice&page=courier)

Can the Settings link on the plugins page be update to go to Courier > Settings?

New Option: Allow for "Fixed" notices

When creating a notice you should be able to say if it is "fixed" to the header, footer (or eventually other locations).

How can we accomplish this while respecting all the various display rules.

Limit Popup/Modal Notices to displaying 1 at a time

Other things to consider.

Warn an admin user when they are creating a modal if there is already an existing Global Modal Notice.

If there is more than one notice. Should we show them sequentially based on their priority/menu order?

Admin UI For the Courier Notice Post List needs cleanup

  1. Need to style the "Courier Type" column, so the Notice type visually matches what the front end notice looks like in terms of coloring.
    The notice term should have the same wrapper and coloring as the settings. (It doesn't need to take into account if the CSS is disabled. Just have it match the defaults (Or if the styles are set in the admin)
    Courier Notices Post List

  2. Determine what the best CSS is for the global/user specific notices column.

Updated Types not displaying after save

When you update a Notice Type in the admin. After saving the type is not displayed again until you refresh the page. It should show again after save completion.

On install generate and cache courier notice CSS

When you install and activate the module the first time. the CSS should be created for the notices on the front end.

When you make any customization changes #13 #4 we need to also invalidate and regenerate the css for use on the frontend.

This is somewhat blocked by #26

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.