{"id":267675,"date":"2025-12-19T12:36:28","date_gmt":"2025-12-19T12:36:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/phayoune-site-ribbon\/"},"modified":"2026-01-02T12:54:31","modified_gmt":"2026-01-02T12:54:31","slug":"phayoune-site-ribbon","status":"publish","type":"plugin","link":"https:\/\/cn.wordpress.org\/plugins\/phayoune-site-ribbon\/","author":14640424,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.8.1","stable_tag":"2.8.1","tested":"6.9.4","requires":"5.0","requires_php":"7.0","requires_plugins":null,"header_name":"Phayoune Site Ribbon","header_author":"Phayoune Team","header_description":"Display floating ribbon images (Single or Dual) with Flag Wave animation and Grayscale mode.","assets_banners_color":"bdaa69","last_updated":"2026-01-02 12:54:31","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"http:\/\/www.phayoune.org","rating":0,"author_block_rating":0,"active_installs":0,"downloads":217,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.7":{"tag":"2.7","author":"phayoune","date":"2025-12-19 12:40:27"},"2.8":{"tag":"2.8","author":"phayoune","date":"2025-12-20 06:09:34"},"2.8.1":{"tag":"2.8.1","author":"phayoune","date":"2026-01-02 12:54:31"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3423687,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3424058,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.7","2.8","2.8.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"<strong>General Settings:<\/strong> Configure image URL using the new Media Uploader, link, and grayscale mode.","2":"<strong>Display Conditions:<\/strong> Easily select specific pages\/posts to show the ribbon.","3":"<strong>Position &amp; Animation:<\/strong> Adjust placement and choose animation effects.","4":"<strong>Frontend Example:<\/strong> How the ribbon looks on a live site."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[252505,237220,10380,189,253168],"plugin_category":[],"plugin_contributors":[252506],"plugin_business_model":[],"class_list":["post-267675","plugin","type-plugin","status-publish","hentry","plugin_tags-corner-image","plugin_tags-floating-image","plugin_tags-grayscale","plugin_tags-ribbon","plugin_tags-sticky-image","plugin_contributors-phayoune","plugin_committers-phayoune"],"banners":{"banner":"https:\/\/ps.w.org\/phayoune-site-ribbon\/assets\/banner-772x250.jpg?rev=3424058","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/phayoune-site-ribbon\/assets\/icon-256x256.png?rev=3423687","icon_2x":"https:\/\/ps.w.org\/phayoune-site-ribbon\/assets\/icon-256x256.png?rev=3423687","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Phayoune Site Ribbon<\/strong> 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.<\/p>\n\n<p>It works with any theme and does not require Elementor. This plugin is perfect for site announcements, mourning periods (Black &amp; White ribbon), or verified badges.<\/p>\n\n<p><strong>\ud83d\udd25 New in Version 2.8:<\/strong>\n<strong>Advanced Grayscale Control!<\/strong> We have separated the logic for <strong>Grayscale (Mourning) Mode<\/strong>. You can now choose to apply the Black &amp; White effect to <strong>specific pages or posts only<\/strong>, independent of where the ribbon image is displayed. This gives you full control over your site's appearance during mourning periods.<\/p>\n\n<p><strong>\ud83d\udd25 New in Version 2.3:<\/strong>\nWe have integrated the <strong>WordPress Media Uploader<\/strong>! You can now select your ribbon image directly from your Media Library with a single click. No more manually copying and pasting image URLs.<\/p>\n\n<p><strong>Key Features:<\/strong>\n* <strong>Easy Image Selection:<\/strong> Choose images directly from your WordPress Media Library.\n* <strong>Custom Position:<\/strong> Easily place it Top-Left, Top-Right, Bottom-Left, or Bottom-Right.\n* <strong>Smart Adjustment:<\/strong> Fine-tune position with X\/Y Offset controls.\n* <strong>Advanced Grayscale Mode:<\/strong> Turn your website into black &amp; white mode. <strong>(New: Supports specific page selection independently from the ribbon)<\/strong>.\n* <strong>Animations:<\/strong> Add movement to your ribbon (Flip, Swing, Pulse) to grab attention.\n* <strong>Display Conditions:<\/strong> Choose to show on All Pages, Only Pages, Only Posts, or <strong>Specific Pages\/Posts (Multi-select)<\/strong>.\n* <strong>Linkable:<\/strong> Add a custom link to the ribbon image.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/phayoune-site-ribbon<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Go to <strong>Settings -&gt; Phayoune Ribbon<\/strong> to configure your image and settings.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='does%20this%20require%20elementor%3F'><h3>Does this require Elementor?<\/h3><\/dt>\n<dd><p>No, this is a standalone plugin. It works with any WordPress theme and page builder.<\/p><\/dd>\n<dt id='how%20do%20i%20upload%20a%20custom%20ribbon%20image%3F'><h3>How do I upload a custom ribbon image?<\/h3><\/dt>\n<dd><p>Go to Settings &gt; Phayoune Ribbon. Click the \"Select Image\" button to choose a file from your Media Library.<\/p><\/dd>\n<dt id='how%20do%20i%20show%20the%20ribbon%20on%20specific%20pages%20only%3F'><h3>How do I show the ribbon on specific pages only?<\/h3><\/dt>\n<dd><p>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).<\/p><\/dd>\n<dt id='can%20i%20enable%20grayscale%20mode%20only%20on%20specific%20pages%3F'><h3>Can I enable Grayscale mode only on specific pages?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.8.1<\/h4>\n\n<ul>\n<li>Fixed: Shadow clipping issue when applying border-radius by moving the shadow selector to the parent element.<\/li>\n<li>Fixed: Absolute positioning default values for better initial widget placement.<\/li>\n<li>Improved: Synchronized Plugin Header and readme.txt for official submission.<\/li>\n<li>Improved: Broadened WordPress version compatibility testing up to 6.9.<\/li>\n<li>Improved: SVG and Media Icon clarity in Elementor Editor.<\/li>\n<\/ul>\n\n<h4>2.8<\/h4>\n\n<ul>\n<li>New: Added independent Display Conditions for Grayscale Mode (You can now set Grayscale on specific pages separately from the Ribbon).<\/li>\n<li>Improvement: Renamed settings labels for better clarity between Ribbon and Grayscale options.<\/li>\n<li>Improvement: Optimized conditional logic for better performance.<\/li>\n<\/ul>\n\n<h4>2.3<\/h4>\n\n<ul>\n<li>New: Added WordPress Media Uploader integration. You can now select images directly from the Media Library.<\/li>\n<li>Improvement: Enhanced settings page UI.<\/li>\n<\/ul>\n\n<h4>2.2<\/h4>\n\n<ul>\n<li>New: Added Multi-select dropdown for specific Pages\/Posts display conditions.<\/li>\n<li>Fix: Improved data sanitization for security.<\/li>\n<\/ul>\n\n<h4>2.1<\/h4>\n\n<ul>\n<li>New: Added Display Conditions (Show on All, Pages, Posts, or Specific IDs).<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<ul>\n<li>New: Added Grayscale Mode (Mourning mode).<\/li>\n<li>New: Added Animation options (Flip, Swing, Pulse).<\/li>\n<li>Improvement: Added Z-Index control.<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial Release.<\/li>\n<\/ul>","raw_excerpt":"Easily display a floating ribbon or image on your website corner. Includes Grayscale mode, specific page selection, and Media Library integration.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/267675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=267675"}],"author":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/phayoune"}],"wp:attachment":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=267675"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=267675"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=267675"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=267675"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=267675"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=267675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}