Phil Ewels

<p>A WordPress Customise Widget to add a global website banner, styled using a <a href="https://getbootstrap.com/docs/4.4/components/alerts/" rel="nofollow ugc">Bootstrap alert box</a>.</p>
<p>The plugin assumes that you’re already using Bootstrap, so you need to load the Bootstrap javascript and CSS separately.</p>
<ul>
<li><a href="http://getbootstrap.com/" rel="nofollow ugc">Download Twitter Bootstrap</a></li>
<li><a href="http://www.bootstrapcdn.com/" rel="nofollow ugc">Bootstrap CDN</a> <em>(directly link CSS and javascript files)</em></li>
<li><a href="https://getbootstrap.com/docs/4.4/components/alerts/" rel="nofollow ugc">Bootstrap Alerts in action</a></li>
</ul>
<p>Once installed, you can add the alert to the correct location in your theme (for example, in <code>header.php</code> with the <code>global_bootstrap_banner()</code> function.<br />
For example:</p>
<pre><code>if (function_exists('global_bootstrap_banner')){
    echo global_bootstrap_banner();
}
</code></pre>
<p>If you prefer, you can use a shortcode instead:</p>
<pre><code>[global-bootstrap-banner]
</code></pre>
<h4>Shortcode Options</h4>
<p>The plugin works best when using the Customizer interface. However, if you wish you can use a shortcode and override most fields.</p>
<ul>
<li><code>enabled</code> <em>(default <code>true</code>)</em>
<ul>
<li>Whether to show the banner or not.</li>
</ul>
</li>
<li><code>colour</code> <em>(default <code>alert-primary</code>)</em>
<ul>
<li>Bootstrap class to use for styling the alert.</li>
</ul>
</li>
<li><code>header_text</code>
<ul>
<li>Header – leave blank to skip the alert header.</li>
</ul>
</li>
<li><code>body_text</code>
<ul>
<li>Main text for the alert. You can use HTML.</li>
</ul>
</li>
<li><code>link_text</code>
<ul>
<li>Display text for a button at the bottom of the alert. Leave blank to skip.</li>
</ul>
</li>
<li><code>link_url</code>
<ul>
<li>URL for button to link to.</li>
</ul>
</li>
<li><code>link_class</code> <em>(default <code>btn-primary</code>)</em>
<ul>
<li>Bootstrap class to use for styling the button.</li>
</ul>
</li>
<li><code>link_new_window</code> <em>(default <code>false</code>)</em>
<ul>
<li>Whether to open the link in a new window or not.</li>
</ul>
</li>
<li><code>link_btn_lg</code> <em>(default <code>false</code>)</em>
<ul>
<li>Use the <code>btn-lg</code> class for the button (big button).</li>
</ul>
</li>
<li><code>link_btn_sm</code> <em>(default <code>false</code>)</em>
<ul>
<li>Use the <code>btn-sm</code> class for the button (small button).</li>
</ul>
</li>
<li><code>link_btn_block</code> <em>(default <code>false</code>)</em>
<ul>
<li>Use the <code>btn-block</code> class for the button (full width button).</li>
</ul>
</li>
<li><code>dismiss_btn</code> <em>(default <code>true</code>)</em>
<ul>
<li>Whether to show a dismiss button in the corner of the alert.</li>
</ul>
</li>
<li><code>dismiss_expiry</code> <em>(default <code>14</code>)</em>
<ul>
<li>How many days the dismissal cookie should last for before it is shown again.</li>
</ul>
</li>
<li><code>dismiss_id</code>
<ul>
<li>Random string to use for the dismissal cookie. Use a new one to force it to show for everyone.</li>
</ul>
</li>
<li><code>alert_before</code> <em>(default <code><div class="global-bootstrap-banner container"></code>)</em>
<ul>
<li>HTML to use before the alert.</li>
</ul>
</li>
<li><code>alert_after</code> <em>(default <code></div></code>)</em>
<ul>
<li>HTML to use after the alert.</li>
</ul>
</li>
<li><code>header_before</code> <em>(default <code><h4 class="global-bootstrap-banner-heading alert-heading"></code>)</em>
<ul>
<li>HTML to use before the heading.</li>
</ul>
</li>
<li><code>header_after</code> <em>(default <code></h4></code>)</em>
<ul>
<li>HTML to use after the heading.</li>
</ul>
</li>
<li><code>link_before</code> <em>(default <code><p class="global-bootstrap-banner-btn-p mb-0"></code>)</em>
<ul>
<li>HTML to use before the button.</li>
</ul>
</li>
<li><code>link_after</code> <em>(default <code></p></code>)</em>
<ul>
<li>HTML to use after the button.</li>
</ul>
</li>
</ul>
<p>For example, a simple shortcode usage would be:</p>
<pre><code>[global-bootstrap-banner body_text="This alert says something different"]
</code></pre>
<p>Note that the shortcode first takes the settings from the Customizer and then overwrites these.<br />
So the above shortcode would show a header if it is set in the Customizer settings.</p>
<h4>Credits</h4>
<p>This plugin was written by <a href="https://github.com/ewels" rel="nofollow ugc">@ewels</a>.</p>
<h4>Contributing</h4>
<p>If you would like to contribute to this plugin, please go to the <a href="https://github.com/ewels/global-bootstrap-banner" rel="nofollow ugc">GitHub repository</a> and make a personal fork of the development version. You can then make your changes and submit a pull request. I will happily review the code and then merge when we’re both happy.</p>


Global Bootstrap Banner

Add a global website banner using a Bootstrap alert box.

<p>MWNotif is a lightweight WordPress plugin that allows you to display customizable Bootstrap notification alerts on your website. Perfect for announcements, warnings, or important information you want to share with your visitors.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Easy Configuration</strong>: Simple admin interface to set up and manage your notification alerts</li>
<li><strong>Customizable Appearance</strong>: Choose from predefined background and text colors (Red, Blue, Green, Yellow, Gray/Black)</li>
<li><strong>Display Controls</strong>: Set how long notifications appear and when they reappear after being dismissed</li>
<li><strong>Slideout Animation</strong>: Smooth slideout animation from the top of the page</li>
<li><strong>Flag Icon Option</strong>: Option to show a flag icon after notification is closed for easy reopening</li>
<li><strong>Session Management</strong>: Control whether notifications reappear after browser sessions end</li>
<li><strong>User Role Access</strong>: Admin and Editor roles can manage notifications</li>
<li><strong>Mobile-Friendly</strong>: Responsive design works on all devices</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Configure your notification text and appearance in the admin area</li>
<li>Set display duration and session validity options</li>
<li>Activate the notification to display it on your website</li>
<li>Visitors will see your notification slide in from the top of the page</li>
</ol>
<h4>Use Cases</h4>
<ul>
<li>Announce important news or updates</li>
<li>Display temporary maintenance notices</li>
<li>Highlight special offers or promotions</li>
<li>Show cookie consent notices</li>
<li>Alert visitors about important information</li>
</ul>
<h4>Looking for More Features?</h4>
<p>Working on <a href="https://mwplugins.com" rel="nofollow ugc">MWNotif PRO</a> for additional features including:</p>
<ul>
<li>Advanced styling options</li>
<li>Multiple notification types</li>
<li>Custom positioning</li>
<li>Advanced animation effects</li>
<li>And much more!</li>
</ul>
<h3>Additional Information</h3>
<h4>Languages</h4>
<ul>
<li>English</li>
</ul>
<h4>Credits</h4>
<ul>
<li>Uses Bootstrap for styling</li>
<li>Uses Bootstrap Icons for the flag icon</li>
</ul>


MWNotif – Bootstrap Notification Alert

Bootstrap notification alert plugin with editor controls. Display customizable notification alerts on your WordPress website.

Global Bootstrap Banner vs MWNotif – Bootstrap Notification Alert