Cancer Awareness Ribbon Shortcode

Cancer Awareness Ribbon Shortcode is a lightweight WordPress plugin that adds a shortcode for displaying a professionally designed awareness ribbon anywhere on your website.

Live Demo

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

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

Features

• Automatic ribbon selection based on the current month

• Supports Cancer, Medical, Social, and Global awareness types

• Multi-color gradient support for applicable ribbons

• Fully responsive SVG (no images required)

• Admin shortcode builder with live preview

• Friendly admin review card with direct link to WordPress.org reviews

• Save default ribbon display settings

• Compatible with major page builders

• Lightweight and fast (no external libraries)

• Accessible SVG with ARIA labels

• Automatic contrast assist for low-visibility color/background combinations

• Customizable size, label, type, month, category filtering, and month listing via shortcode attributes

• Developer hook to extend awareness ribbon library

Usage

Insert the ribbon anywhere using the shortcode:

[cancer_ribbon]

Optional Shortcode Attributes

[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:

• size – Size in pixels (default: 64)

• label – Show label text (1 or 0)

• type – Force a specific ribbon type key

• month – Force a specific month (1–12)

• category – Filter by category: Cancer, Medical, Social, Global (optional)

• list – If set to 1/true, lists all ribbons for the selected month (optional)

Admin Shortcode Builder

0 adds a top-level Awareness Ribbon admin page where you can:

• Select ribbon type

• Choose month or auto-detect

• Adjust ribbon size

• Enable label display

• Filter by category

• Enable list mode

• Add custom CSS class

• View live preview instantly

• Access a direct “Leave a Review” button

• Copy generated shortcode

• Save global defaults

Developer Extensibility

Developers can extend the ribbon library using a filter hook:

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; }

This allows plugins and themes to register custom awareness ribbons without modifying core plugin files.

Supported Awareness Types

The plugin includes ribbon colors for many cancer awareness months and additional awareness types.

Examples include:

• Breast Cancer (October) – Pink

• Prostate Cancer (September) – Light Blue

• Childhood Cancer (September) – Gold

• Lung Cancer (November) – White

• Colorectal Cancer (March) – Dark Blue

• Pancreatic Cancer (November) – Purple

• Cervical Cancer (January) – Teal & White

• Thyroid Cancer (September) – Purple, Teal & Pink

Additional awareness ribbons include (among others):

• HIV / AIDS Awareness

• Autism Awareness

• Mental Health Awareness

• Diabetes Awareness

• Heart Disease Awareness

• Domestic Violence Awareness

• Alzheimer’s Awareness

• Pride Awareness (multi-color)

• Anti-Bullying Awareness

• Organ Donation Awareness

• Veterans Awareness

• Child Protection Awareness

License

This plugin is licensed under the GPLv2 or later.

You are free to modify and redistribute this plugin under the same license.