Title: Phayoune Site Ribbon
Author: phayoune
Published: <strong>December 19, 2025</strong>
Last modified: January 2, 2026

---

Search plugins

![](https://ps.w.org/phayoune-site-ribbon/assets/banner-772x250.jpg?rev=3424058)

![](https://ps.w.org/phayoune-site-ribbon/assets/icon-256x256.png?rev=3423687)

# Phayoune Site Ribbon

 By [phayoune](https://profiles.wordpress.org/phayoune/)

[Download](https://downloads.wordpress.org/plugin/phayoune-site-ribbon.2.8.1.zip)

 * [Details](https://wordpress.org/plugins/phayoune-site-ribbon/#description)
 * [Reviews](https://wordpress.org/plugins/phayoune-site-ribbon/#reviews)
 *  [Installation](https://wordpress.org/plugins/phayoune-site-ribbon/#installation)
 * [Development](https://wordpress.org/plugins/phayoune-site-ribbon/#developers)

 [Support](https://wordpress.org/support/plugin/phayoune-site-ribbon/)

## 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

 1. Upload the plugin files to the `/wp-content/plugins/phayoune-site-ribbon` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. 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

 *   [ phayoune ](https://profiles.wordpress.org/phayoune/)

[Translate “Phayoune Site Ribbon” into your language.](https://translate.wordpress.org/projects/wp-plugins/phayoune-site-ribbon)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/phayoune-site-ribbon/),
check out the [SVN repository](https://plugins.svn.wordpress.org/phayoune-site-ribbon/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/phayoune-site-ribbon/)
by [RSS](https://plugins.trac.wordpress.org/log/phayoune-site-ribbon/?limit=100&mode=stop_on_copy&format=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.

## Meta

 *  Version **2.8.1**
 *  Last updated **7 months ago**
 *  Active installations **20+**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **6.9.5**
 *  PHP version ** 7.0 or higher **
 * Tags
 * [floating image](https://wordpress.org/plugins/tags/floating-image/)[grayscale](https://wordpress.org/plugins/tags/grayscale/)
   [ribbon](https://wordpress.org/plugins/tags/ribbon/)
 *  [Advanced View](https://wordpress.org/plugins/phayoune-site-ribbon/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/phayoune-site-ribbon/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/phayoune-site-ribbon/reviews/)

## Contributors

 *   [ phayoune ](https://profiles.wordpress.org/phayoune/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/phayoune-site-ribbon/)