InfoBar – Documentation

---

1. Introduction

A lightweight announcement bar with scheduling, device targeting.

2. Features

• Responsive info bars
• Settings page in WordPress dashboard
• Frontend display for users
• Translation-ready (.pot file included)
• Compatible with WordPress 6.8 and PHP 8.2+

3. Requirements

• WordPress 6.8 or higher
• PHP 8.2 or higher
• Modern web browser (Chrome, Firefox, Edge)

4. Installation

1. Go to WordPress Admin → Plugins → Add New → Upload Plugin.
2. Choose spp-infobar.zip and click Install Now.
3. Activate the plugin.

5. Plugin Setup / Usage

1. Go to WordPress Dashboard → Pages.
2. 
3. Click on edit button open page screenshot below.
4. On the page editor, select Style and Bar Data, then Publish/Update
5. The InfoBar will appear immediately in your page's top bar. This data is retrieved from the backend using the “Info-Bar” configuration.

   Show in screenshot under Plugin Setup / Usage

   
6. If we set the position to "Top & bottom" in the page's setting, the Info-bar will appear on your page's header & footer immediately.
7. Or we can set it to bottom only.
8. For tablet screen.
   
9. For mobile screen.
   
10. Configure the block settings (headline, colors, countdown).
11. Publish or update your page.

6 Gradient Type / Sticky

1. Go to WordPress Dashboard → Pages.
2. 
3. To implement the sticky setting: Check the Sticky Bar (Fix When Scrolling) option to enable the sticky behavior. When the checkbox is unchecked, the sticky feature is disabled and the bar scrolls normally with the page.
4. To implemnt the Gradient Settings need follow the screenshot for gradient Settings
5. The (Gradient) InfoBar will appear immediately in your page's top bar. This data is retrieved from the backend using the “Info-Bar” configuration.
6. For Ticker settings please follow the screenshot
   
7. For font settings (size,weight,family) please follow the screenshot
   
8. For Bar Height Settings (Small,Normal,Medium,Large) please follow the screenshot
   
9. Show bar height front side
   Small
   Normal
   Medium
   Large
   
10. For simple background color please follow the screenshot
    
11. Publish or update your page.

7 . Infobar Settings.

2. Naviagte to "Settings->InfoBar".
3. The Infobar Settings page contains two tabs: Export / Import and Installation / Uninstallation.
4. In the Export / Import tab, you can export your settings in JSON format and import them back with a single click.
5. Deactivating the plugin preserves all settings and per-page bars. When deleting the plugin, you can choose to keep plugin data (default) or remove all plugin options and per-page bar data permanently.

8. Translation / Localization

This plugin is translation-ready. A .pot file has been included inside the /languages folder. You can translate the plugin using Poedit

Translation Show Front Side
DutchFrench

9. FAQs

• Q: Does it work with all themes?
  A: Yes, it works with all standard WordPress themes.
• Q: Can I display multiple info bars?
  A: Yes, you can create multiple info bars and schedule them individually.

10. Changelog

• Version 1.0.0 – Initial release