56 Degrees

<p>Simple banner is a lightweight WordPress plugin designed to easily add a customizable banner or announcement bar to your website without the need for jQuery. It is perfect for displaying important notifications, promotions, or announcements across your entire site or specific pages. The plugin is user-friendly, allowing you to quickly create and manage banners with customizable text, colors, and links. You can choose to display the banner at the top or bottom of your site and control its visibility with various options, including scheduling and targeting specific audiences. Ideal for enhancing user experience and ensuring visitors don’t miss critical information.</p>
<p>Features:</p>
<ul>
<li>No jQuery Dependency: The plugin is built using vanilla JavaScript, ensuring a faster and more efficient load time for your website.</li>
<li>Easy Configuration: Customize the banner’s appearance directly from the WordPress admin panel. Adjust the background color, text color, font size, and more with a simple interface.</li>
<li>Customizable Content: Add any content you like to the banner, including text, links, or images, to convey your message effectively.</li>
<li>Responsive Design: The banner is fully responsive and will adapt to different screen sizes, ensuring it looks great on all devices.</li>
<li>Lightweight and Fast: With a minimal footprint, the Simple Banner plugin ensures that your site’s performance remains optimal.</li>
</ul>
<h4>Is there a tutorial for using the plugin?</h4>
<p>Yes, you can watch our YouTube tutorial here: <a href="https://www.youtube.com/watch?v=9f-z4ApQIRU" rel="nofollow ugc">YouTube Tutorial</a></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/9f-z4ApQIRU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>If you have any questions, you can contact us via email. <a href="mailto:tech@56degrees.co.uk" title="tech@56degrees.co.uk" rel="nofollow ugc">tech@56degrees.co.uk</a></p>


Simple banner – Lightweight Announcement Banner Without jQuery

Simple banner a lightweight WordPress plugin without jQuery, allows adding a simple banner for announcements on your site. Perfect for notifications.

agehman

<p>The Announcement Banner plugin displays a notification banner at the top or bottom of your website. The settings page allows the user to set the banner to either fixed or relative position, choose background and text color, make the text linkable, toggle the banner on and off, add a close button, and even add custom CSS.</p>
<h3>Announcement Banner Features</h3>
<ul>
<li>Choose the background color and text color of the announcement banner.</li>
<li>Display the banner at the top or bottom of the page in fixed or relative position. </li>
<li>Add an optional ‘Close’ button to the banner. </li>
<li>Close Button Duration setting that keeps the banner closed for a custom number of days.</li>
<li>Set a fixed banner height in pixels.</li>
<li>Custom message including HTML tags.  </li>
<li>Link the entire banner text (optional)</li>
<li>Toggle the banner on and off. </li>
<li>Add your own custom CSS.</li>
</ul>
<h3>Plugin Settings</h3>
<ul>
<li>Show Announcement Banner – Turn the Announcement Banner on (Yes) and off (No) as needed. The banner will be off by default when installed. </li>
<li>Announcement Banner Position -The fixed setting will pin the banner to the top of the screen. It will stay pinned to the top even when scrolling. Relative will keep the banner in its normal position and it will scroll with the page.</li>
<li>Announcement Banner Placement – The default Announcement Banner placement is at the top.</li>
<li>Background Color and Text Color – This field will accept Hex code (Ex: #000000) or supported color name (Ex: black). Default background color is white. (#FFF)  Default text color is dark gray. (#333)</li>
<li>Banner Height – Add a fixed height in pixels to the banner.  </li>
<li>Top Padding – Add top padding the body element when the Announcement Banner is displayed. This can be useful when the banner is set to position: fixed.</li>
<li>Close Button – The close button will hide the banner on click. The button will appear on the right side of the banner. </li>
<li>Close Button Duration – Set the amount of days the banner until the banner reappears after the user clicks the close button. </li>
<li>Announcement Banner Message – Enter your text for your announcement. HTML is allowed. </li>
<li>Make Message a Link? – Make the full text of the announcement banner message a link. </li>
<li>Link URL – URL for the message link. This will only work if Make Message a Link setting is set to Yes. </li>
<li>Custom CSS – Add your own custom CSS.</li>
</ul>


Announcement Banner

Display a banner at the top or bottom of your WordPress site.

Simple banner – Lightweight Announcement Banner Without jQuery vs Announcement Banner