Description
Phayoune Site Ribbon is a lightweight, standalone plugin designed to display a fixed floating image (such as a mourning ribbon, promotion badge, or logo) on any corner of your WordPress website.
It works with any theme and does not require Elementor. This plugin is perfect for site announcements, mourning periods (Black & White ribbon), or verified badges.
🔥 New in Version 2.8:
Advanced Grayscale Control! We have separated the logic for Grayscale (Mourning) Mode. You can now choose to apply the Black & White effect to specific pages or posts only, independent of where the ribbon image is displayed. This gives you full control over your site’s appearance during mourning periods.
🔥 New in Version 2.3:
We have integrated the WordPress Media Uploader! You can now select your ribbon image directly from your Media Library with a single click. No more manually copying and pasting image URLs.
Key Features:
* Easy Image Selection: Choose images directly from your WordPress Media Library.
* Custom Position: Easily place it Top-Left, Top-Right, Bottom-Left, or Bottom-Right.
* Smart Adjustment: Fine-tune position with X/Y Offset controls.
* Advanced Grayscale Mode: Turn your website into black & white mode. (New: Supports specific page selection independently from the ribbon).
* Animations: Add movement to your ribbon (Flip, Swing, Pulse) to grab attention.
* Display Conditions: Choose to show on All Pages, Only Pages, Only Posts, or Specific Pages/Posts (Multi-select).
* Linkable: Add a custom link to the ribbon image.
Installation
- Upload the plugin files to the
/wp-content/plugins/phayoune-site-ribbondirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Go to Settings -> Phayoune Ribbon to configure your image and settings.
FAQ
-
Does this require Elementor?
-
No, this is a standalone plugin. It works with any WordPress theme and page builder.
-
How do I upload a custom ribbon image?
-
Go to Settings > Phayoune Ribbon. Click the “Select Image” button to choose a file from your Media Library.
-
How do I show the ribbon on specific pages only?
-
Under “Ribbon Display Conditions”, select “Specific Page/Post”. A list will appear where you can select multiple pages (Hold Ctrl/Cmd to select multiple items).
-
Can I enable Grayscale mode only on specific pages?
-
Yes! In version 2.8+, Grayscale mode has its own display condition settings. You can enable it for the entire site or just specific pages/posts.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Phayoune Site Ribbon” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Phayoune Site Ribbon” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.8.1
- Fixed: Shadow clipping issue when applying border-radius by moving the shadow selector to the parent element.
- Fixed: Absolute positioning default values for better initial widget placement.
- Improved: Synchronized Plugin Header and readme.txt for official submission.
- Improved: Broadened WordPress version compatibility testing up to 6.9.
- Improved: SVG and Media Icon clarity in Elementor Editor.
2.8
- New: Added independent Display Conditions for Grayscale Mode (You can now set Grayscale on specific pages separately from the Ribbon).
- Improvement: Renamed settings labels for better clarity between Ribbon and Grayscale options.
- Improvement: Optimized conditional logic for better performance.
2.3
- New: Added WordPress Media Uploader integration. You can now select images directly from the Media Library.
- Improvement: Enhanced settings page UI.
2.2
- New: Added Multi-select dropdown for specific Pages/Posts display conditions.
- Fix: Improved data sanitization for security.
2.1
- New: Added Display Conditions (Show on All, Pages, Posts, or Specific IDs).
2.0
- New: Added Grayscale Mode (Mourning mode).
- New: Added Animation options (Flip, Swing, Pulse).
- Improvement: Added Z-Index control.
1.0
- Initial Release.