Parallel Media

Cancer Awareness Ribbon Shortcode is a lightweight WordPress plugin that adds a shortcode for displaying a professionally designed awareness ribbon anywhere on your website.
<a href="https://www.parallelmedia.co.za/cancer-awareness-ribbon-demo/" rel="nofollow ugc">Live Demo</a>
The ribbon automatically adapts to the current awareness month and supports a wide range of awareness types including Cancer, Medical, Social, and Global causes.
The ribbon: 
– Automatically changes color based on the current awareness month 
– Supports single-color and multi-color (gradient) ribbons 
– Uses a clean, scalable SVG with no background 
– Works seamlessly with Elementor, Divi, WPBakery, Beaver Builder, Gutenberg, headers, footers, and widgets 
– Includes a built-in admin shortcode builder with live preview 
– Includes a friendly admin review prompt card 
– Scales crisply at any size 
– Improves visibility on light/dark backgrounds automatically 
– Does not rely on external libraries or image files 
– Includes accessibility-friendly ARIA labels
This plugin is ideal for: 
– Awareness campaigns 
– Non-profits and charities 
– Medical practices 
– Schools and community organizations 
– Corporate social responsibility initiatives 
– Site-wide awareness displays
Version 1.5.0 introduces: 
– Admin settings page with live shortcode preview 
– Default ribbon settings (size, type, month, category, label, list mode) 
– Internal data structure refactor from cancer-only to awareness types 
– Developer filter hook for registering custom awareness ribbons 
– Improved builder integrations (Elementor, Divi, WPBakery, Beaver Builder) 
– Foundation for future Pro features
<h3>Features</h3>
<ul>
<li>Automatic ribbon selection based on the current month</li>
<li>Supports Cancer, Medical, Social, and Global awareness types</li>
<li>Multi-color gradient support for applicable ribbons</li>
<li>Fully responsive SVG (no images required)</li>
<li>Admin shortcode builder with live preview</li>
<li>Friendly admin review card with direct link to WordPress.org reviews</li>
<li>Save default ribbon display settings</li>
<li>Compatible with major page builders</li>
<li>Lightweight and fast (no external libraries)</li>
<li>Accessible SVG with ARIA labels</li>
<li>Automatic contrast assist for low-visibility color/background combinations</li>
<li>Customizable size, label, type, month, category filtering, and month listing via shortcode attributes</li>
<li>Developer hook to extend awareness ribbon library</li>
</ul>
<h3>Usage</h3>
Insert the ribbon anywhere using the shortcode:
[cancer_ribbon]
<h3>Optional Shortcode Attributes</h3>
[cancer_ribbon size=”64″] 
[cancer_ribbon label=”1″] 
[cancer_ribbon type=”breast_cancer”] 
[cancer_ribbon month=”10″]
[cancer_ribbon category=”Medical”] 
[cancer_ribbon list=”1″ month=”11″ label=”1″] 
[cancer_ribbon list=”1″ month=”10″ category=”Social” label=”1″]
Available attributes:
<ul>
<li><code>size</code> – Size in pixels (default: 64)</li>
<li><code>label</code> – Show label text (1 or 0)</li>
<li><code>type</code> – Force a specific ribbon type key</li>
<li><code>month</code> – Force a specific month (1–12)</li>
<li><code>category</code> – Filter by category: Cancer, Medical, Social, Global (optional)</li>
<li><code>list</code> – If set to 1/true, lists all ribbons for the selected month (optional)</li>
</ul>
<h3>Admin Shortcode Builder</h3>
Version 1.5.0 adds a top-level Awareness Ribbon admin page where you can:
<ul>
<li>Select ribbon type</li>
<li>Choose month or auto-detect</li>
<li>Adjust ribbon size</li>
<li>Enable label display</li>
<li>Filter by category</li>
<li>Enable list mode</li>
<li>Add custom CSS class</li>
<li>View live preview instantly</li>
<li>Access a direct “Leave a Review” button</li>
<li>Copy generated shortcode</li>
<li>Save global defaults</li>
</ul>
<h3>Developer Extensibility</h3>
Developers can extend the ribbon library using a filter hook:
<pre><code>add_filter( 'car_awareness_types', 'my_custom_awareness_ribbon' );
function my_custom_awareness_ribbon( $types ) {
 $types['my_custom_cause'] = array(
 'label' => 'My Custom Cause',
 'month' => 6,
 'colors' => array( '#123456', '#abcdef' ),
 'category' => 'Global',
 );
 return $types;
}
</code></pre>
This allows plugins and themes to register custom awareness ribbons without modifying core plugin files.
<h3>Supported Awareness Types</h3>
The plugin includes ribbon colors for many cancer awareness months and additional awareness types.
Examples include:
<ul>
<li>Breast Cancer (October) – Pink</li>
<li>Prostate Cancer (September) – Light Blue</li>
<li>Childhood Cancer (September) – Gold</li>
<li>Lung Cancer (November) – White</li>
<li>Colorectal Cancer (March) – Dark Blue</li>
<li>Pancreatic Cancer (November) – Purple</li>
<li>Cervical Cancer (January) – Teal & White</li>
<li>Thyroid Cancer (September) – Purple, Teal & Pink</li>
</ul>
Additional awareness ribbons include (among others):
<ul>
<li>HIV / AIDS Awareness</li>
<li>Autism Awareness</li>
<li>Mental Health Awareness</li>
<li>Diabetes Awareness</li>
<li>Heart Disease Awareness</li>
<li>Domestic Violence Awareness</li>
<li>Alzheimer’s Awareness</li>
<li>Pride Awareness (multi-color)</li>
<li>Anti-Bullying Awareness</li>
<li>Organ Donation Awareness</li>
<li>Veterans Awareness</li>
<li>Child Protection Awareness</li>
</ul>
<h3>License</h3>
This plugin is licensed under the GPLv2 or later.
You are free to modify and redistribute this plugin under the same license.

Cancer Awareness Ribbon Shortcode

Scalable awareness ribbon shortcode with monthly colors, gradients, category filtering, and month list mode.

Cancer Research UK

Created by Cancer Research UK, this plugin will add our special Do Button to your site if it includes a Facebook button. Click the Do Button to be given a randomly generated challenge and help us to beat cancer sooner.

Do Button

Created by Cancer Research UK, this plugin will add our special Do Button to your site if it includes a Facebook button.

Cancer Awareness Ribbon Shortcode vs Do Button