Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/mahmudp275/smart-notice-banner/archive/refs/heads/main.zipA lightweight and customizable WordPress announcement banner plugin built to display important notifications, promotional offers, and call-to-action messages across WordPress websites.
Designed with simplicity, performance, and flexibility in mind. The plugin allows website administrators to manage announcement banners directly from the WordPress dashboard without editing code.
Project Overview
Smart Notice Banner is a custom WordPress plugin developed using PHP, JavaScript, and CSS.
It provides an easy way to display announcements, special offers, website updates, and promotional messages while maintaining a clean and responsive user experience.
Structure
smart-notice-banner/
├── smart-notice-banner.php # Main WordPress plugin file
├── banner.css # Banner design and responsive styling
├── banner.js # Frontend JavaScript interactions
├── README.md # Project documentation
└── LICENSE # License information
Features
- Custom Announcement Banner: Display important notices, promotional messages, and website announcements.
- Admin Configuration: Manage banner settings from the WordPress dashboard.
- Customizable Design: Configure banner text, background colors, and appearance.
- Call-to-Action Button: Add a clickable button to direct visitors to a custom URL.
- Dismissible Banner: Allow visitors to close the announcement banner.
- Responsive Layout: Designed for desktop, tablet, and mobile devices.
- Shortcode Integration: Insert the banner into WordPress pages or posts.
- Lightweight Architecture: Built using PHP, CSS, and vanilla JavaScript.
Technologies Used
- PHP: WordPress plugin development and backend functionality
- WordPress: Plugin APIs and settings management
- CSS3: Styling and responsive layouts
- JavaScript: Frontend interactions
- HTML5: Banner structure and markup
Installation
- Download the plugin ZIP file.
- Log in to your WordPress Admin Dashboard.
- Navigate to Plugins > Add New Plugin > Upload Plugin.
- Select the ZIP file and click Install Now.
- Activate Smart Notice Banner.
- Open the plugin settings to configure your announcement.
Shortcode Usage
Insert the following shortcode into a page or post:
[smart_notice_banner]
Use Cases
- WooCommerce promotional announcements
- Website maintenance notifications
- Special discount campaigns
- Important business announcements
- Call-to-action and marketing messages
Compatibility
Designed for standard WordPress websites, including websites built with Elementor, Gutenberg, and WooCommerce.
Future Improvements
- Multiple announcement banners
- Advanced scheduling options
- Banner animation effects
- Additional design templates
- Display conditions for selected pages
Author
Mahmud
WordPress Developer | Elementor | Gutenberg | WooCommerce | SEO
GitHub: https://github.com/mahmudp275
Smart Notice Banner — Simple, flexible, and effective WordPress announcements.