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.

Theme Junkie

<p>This plugin adds a pack of shortcodes to enhance your site. You can easily add buttons, alerts, columns and more without coding knowledge!</p>
<h4>Shortcodes Includes</h4>
<ul>
<li>Alert</li>
<li>Button</li>
<li>Column</li>
<li>Tab</li>
<li>Toggle</li>
<li>Dropcap</li>
<li>Hightlights</li>
<li><strong>More to come</strong></li>
</ul>
<p><a href="http://demo.theme-junkie.com/daily/shortcodes/" rel="nofollow ugc">Check out the demo</a>.</p>
<h4>Plugin Info</h4>
<ul>
<li>Developed by <a href="http://www.theme-junkie.com/?utm_source=wporg&utm_medium=text_link&utm_campaign=Site%20Promotion" rel="nofollow ugc">Theme Junkie</a></li>
<li>Check out the <a href="https://github.com/themejunkie/theme-junkie-shortcodes" rel="nofollow ugc">Github</a> repo to contribute.</li>
</ul>


TJ Shortcodes

A small pack of shortcodes to enhance your site functionality. You can easily add buttons, alerts, columns and more.

Global Bootstrap Banner vs TJ Shortcodes