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.

MyThemeShop

<p>WP Notification Bars is a custom notification and alert bar plugin for WordPress which is perfect for marketing promotions, alerts, increasing click throughs to other pages and so much more.</p>
<h4>Why WP Notification Bars from <a href="http://mythemeshop.com" rel="nofollow ugc">MyThemeShop</a>:</h4>
<ul>
<li>Easy to Use</li>
<li>Lightweight</li>
<li>Create Unlimited Notification Bars</li>
<li>Responsive</li>
<li>Unlimited Colors</li>
<li>Fixed or Absolute Position</li>
<li>Add CTA Button</li>
<li>Add Custom Code</li>
<li>Control Font Size</li>
<li>Show on HomePage / Posts / Pages</li>
<li>Show only to Google Visitors</li>
<li>Show only to Facebook Visitors</li>
<li>Translation Ready</li>
<li>24/7/365 Support</li>
</ul>
<h4>Support</h4>
<p>All support for this plugin is provided through our forums. If you have not registered yet, you can do so here for <strong>FREE</strong> <br />
<a href="//mythemeshop.com/#signup”" rel="nofollow ugc">https://mythemeshop.com/#signup</a></p>
<p>If after checking our Free WordPress video tutorials here:<br />
<a href="//mythemeshop.com/wordpress-101/”" rel="nofollow ugc">https://mythemeshop.com/wordpress-101/</a><br />
&<br />
<a href="//community.mythemeshop.com/tutorials/category/2-free-video-tutorials/“" rel="nofollow ugc">https://community.mythemeshop.com/tutorials/category/2-free-video-tutorials/</a></p>
<p>If you are still stuck, please feel free to open a new thread, and a member of our support team will be happy to help.</p>
<p>Support link:<br />
<a href="//community.mythemeshop.com/forum/11-free-plugin-support/”" rel="nofollow ugc">https://community.mythemeshop.com/forum/11-free-plugin-support/</a></p>
<h4>Feedback</h4>
<p>If you like this plugin, then please leave us a good rating and review.<br /> Consider following us on <a href="https://plus.google.com/+Mythemeshop/" rel="author nofollow ugc">Google+</a>, <a href="https://twitter.com/MyThemeShopTeam" rel="nofollow ugc">Twitter</a>, and <a href="https://www.facebook.com/MyThemeShop" rel="nofollow ugc">Facebook</a></p>


WP Notification Bars

Create custom notification and alert bar for marketing promotions, alerts, increasing click throughs to other pages and so much more.

Global Bootstrap Banner vs WP Notification Bars