Jupitercow

Jake Snyder

<p>A plugin for WordPress that creates a very pluggable framework to add notifications on the front end of your application. Notifications can be generated by query variables or through template functions and actions.</p>
<p>This plugin can be used to create site wide notifications, or you can narrow it down to specific pages.</p>
<h4>Add the Notification Center to Your Template(s)</h4>
<p>The most basic way to add notifications is sitewide. You can add the “show” action to a template like your header.php file. This is the most powerful use for the plugin: uniform, centralized notifications.</p>
<pre><code><?php do_action( 'sewn/notifications/show' ); ?>
</code></pre>
<h4>Create Query Variable Notifications</h4>
<p>The simplest way to extend the notification center is to add query variable key/value pairs to generate a new message when url query variables are submitted.</p>
<pre><code><?php
add_filter( 'sewn/notifications/queries', 'custom_add_query_notifications' );
function custom_add_query_notifications( $queries )
{
    $queries[] = array(
        'key' => 'update',
        'value' => 'true',
        'message' => "Updated.",
        'args' => 'fade=true'
    );
    $queries[] = array(
        'key' => 'update',
        'value' => 'failed',
        'message' => "Unable to update.",
        'args' => 'dismiss=true&error=true'
    );
    $queries[] = array(
        'key' => 'update',
        'value' => 'finished',
        'message' => "Finished!",
        'args' => 'fade=10000' // wait ten seconds before fading
    );
    return $queries;
}
?>
</code></pre>
<p>Now whenever a query variable is added to the end of a page, a message can be shown in the notification center.</p>
<p>So <code>http://example.com/path/to/page/?update=true</code> will generate the message: “Updated.” in the notification center.</p>
<h4>Arguments for Messages</h4>
<p>When adding a message, there are arguments you can use to customize the functionality.</p>
<ol>
<li><code>error</code> When set to true, this will add the error class to the message. Default: false</li>
<li><code>fade</code> When set to true, this will fade the message out after 3 seconds. You can change the pause time by setting fade to a number (in milliseconds). Default: false</li>
<li><code>dismiss</code> Allows a message to be dismissed by the user with a close button. Default: false</li>
<li><code>event</code> Allows message to be persistent, so that it shows up on each page load unless dismissed. The event tracks the message and updates the user’s meta when the message is dismissed, so it will stop showing up. Default: false</li>
<li><code>page</code> Lock a message to a specific page only. When page is set, a <code>is_page($page)</code> check will be performed before showing the message. Particularly useful when setting up query variable pairs. Default: false</li>
</ol>
<h4>Maually Generate Notifications</h4>
<p>Add notifications manually anywhere before the <code>show</code> action.</p>
<pre><code>if ( $something_happened ) :
    do_action( 'sewn/notifications/add', $message, $args );
endif;
</code></pre>


Sewn In Notifications

A centralized, application notification center for front end users.

Mozilla Web Apps

delapuente

<p>Add To Home Screen enables your WordPress installation to appear in the mobile home screen of your readers, among their favorite applications. This is not just a bookmark to your site, Add To Home Screen is the first step for your site to leverage a complete app-like experience.</p>
<p>Add To Home Screen plugin uses the <a href="https://www.w3.org/TR/appmanifest/" rel="nofollow ugc">W3C Web App Manifest</a> and <a href="https://slightlyoff.github.io/ServiceWorker/spec/service_worker/index.html" rel="nofollow ugc">Service Worker API</a> in addition to some browser specific technologies to place your WordPress in the same location of native applications.</p>
<p>Complete native experience by offering <a href="https://es.wordpress.org/plugins/web-push/" rel="nofollow ugc">push notifications</a>, <a href="https://es.wordpress.org/plugins/web-push/" rel="nofollow ugc">instant loading</a> and <a href="https://es.wordpress.org/plugins/offline-content/" rel="nofollow ugc">offline content</a>.</p>


Add To Home Screen

Make your WordPress sites to appear in the home screen of mobile devices.

Sewn In Notifications vs Add To Home Screen