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.

Touhidul Sadeek

<h4>Plugin Features</h4>
<ul>
<li>Easy to use.</li>
<li>Alert Button in Editor.</li>
<li>TinyMCE Button added for generating Shortcode.</li>
<li>Customizable.</li>
</ul>
<h4>Demo</h4>
<ul>
<li><a href="http://demos.tcoderbd.com/wordpress_plugins/tcbd-alert/" rel="nofollow ugc">Click Here</a></li>
</ul>


TCBD Alert

This plugin will enable Awesome Bootstrap Alert box in your Wordpress theme.

Global Bootstrap Banner vs TCBD Alert