Plugin Integrations

Plugin Integrations

Aegis includes built-in styling and compatibility support for a curated set of third-party plugins. These integrations ensure that plugin output is visually consistent with the theme design system and style variations.

Supported Plugins

Plugin	Type	Integration Level
Advanced Custom Fields (ACF)	Custom fields	Block styling, field group display
BunnyCDN	Performance	CDN asset rewriting
Code Block Pro	Code display	Syntax highlighting styles
Fluent Booking	Scheduling	Calendar and form styling
Fluent Forms	Forms	Form element styling, pattern integration
LearnDash	LMS	Course, lesson, and quiz templates
LifterLMS	LMS	Course and membership styling
Rank Math	SEO	Schema support, breadcrumb styling
Sensei	LMS	Course and lesson styling
Syntax Highlighting Code Block	Code display	Editor and frontend styles
WooCommerce	E-commerce	Full template and pattern support

Advanced Custom Fields (ACF)

Integration Features

• ACF blocks receive the Aegis design system styling (colors, typography, spacing).
• ACF field groups displayed on the frontend inherit theme typography and spacing.
• Custom ACF blocks are compatible with style variations and dark mode.

Usage

ACF works as expected. No additional configuration is required beyond installing and activating the plugin.

BunnyCDN

Integration Features

• Theme assets (fonts, images, scripts) are compatible with CDN rewriting.
• Static assets use relative paths that work correctly when served from a CDN.
• No theme-side configuration is required.

Setup

1. Install and configure BunnyCDN (or your CDN plugin of choice).
2. Set the CDN URL in the plugin settings.
3. Theme assets will be served through the CDN automatically.

Code Block Pro

Integration Features

• Code Block Pro output is styled to match the Aegis code typography (JetBrains Mono).
• Dark and light syntax themes coordinate with Aegis style variations.
• Code blocks receive consistent padding, border radius, and overflow handling.

Recommended Settings

• Font family: JetBrains Mono (matches theme code font).
• Background: Use a neutral shade from the theme palette.

Fluent Booking

Integration Features

• Booking calendar styled with Aegis color tokens.
• Form inputs match theme form styling.
• Responsive calendar layout.
• Dark mode support.

Usage

Insert the Fluent Booking shortcode or block into any page. The theme styles are applied automatically.

Fluent Forms

Integration Features

• All form elements (inputs, selects, textareas, checkboxes, radio buttons) styled with Aegis tokens.
• Form layouts use theme spacing.
• Submit buttons match the theme button styling.
• Validation messages use Success/Error color tokens.
• Responsive form layouts.
• Dark mode support for all form elements.

Usage

1. Create a form in Fluent Forms.
2. Insert the form using the Fluent Forms block or shortcode.
3. The form automatically inherits Aegis styling.

Pattern Integration

The Contact and Newsletter pattern categories include layouts designed to work with Fluent Forms.

LearnDash

Integration Features

• Course grid and list views styled with Aegis card patterns.
• Lesson and topic pages use theme typography and spacing.
• Quiz interfaces styled with form tokens.
• Progress bars use the primary color.
• Certificate templates compatible with theme fonts.
• Responsive course navigation.

Templates

LearnDash content integrates with the standard Aegis Single template. Custom templates can be created in the Site Editor for course-specific layouts.

LifterLMS

Integration Features

• Course catalog styled with Aegis grid patterns.
• Membership pages use theme card styling.
• Checkout and enrollment forms styled with form tokens.
• Progress indicators use the primary color.
• Dashboard and account pages inherit theme layout.

Rank Math

Integration Features

• Breadcrumb navigation styled with theme typography and color tokens.
• Schema markup output is compatible with Aegis template structure.
• SEO metadata does not conflict with theme head output.
• Breadcrumb block available for use in templates.

Breadcrumb Styling

Rank Math breadcrumbs are styled to:

• Use the theme small text size (sm token).
• Apply muted text color (neutral-500).
• Include separator styling.
• Adapt to dark mode.

Sensei

Integration Features

• Course and lesson pages styled with Aegis typography and spacing.
• Module navigation uses theme colors.
• Quiz interfaces styled with form tokens.
• Progress bars inherit primary color.
• Student dashboard pages use theme layout.

Syntax Highlighting Code Block

Integration Features

• Code blocks receive JetBrains Mono font.
• Highlighting themes coordinate with Aegis light/dark modes.
• Consistent padding and border radius with other code elements.
• Line numbers styled with muted text color.

WooCommerce

WooCommerce receives the most comprehensive integration with dedicated templates, patterns, and styling. See woocommerce-integration for complete documentation.

How Plugin Integrations Work

Aegis detects active plugins and conditionally loads compatibility styles:

1. Plugin-specific stylesheets are only loaded when the plugin is active.
2. Styles use design tokens so they automatically adapt to style variations.
3. Dark mode compatibility is included in all integration styles.
4. No performance impact from unused plugin integrations.

See performance for details on conditional asset loading.

Plugins Not Listed

For plugins without built-in integration:

• Most plugins will work correctly with Aegis using their default styling.
• You can apply custom CSS to match plugin output with the theme design.
• Use Global Styles per-block settings to style plugin blocks.
• Report compatibility issues on GitHub to request integration.

Next Steps

• woocommerce-integration — Deep dive into WooCommerce support.
• performance — Learn about conditional asset loading.
• global-styles — Customize plugin block styling.
• development-setup — Setting up plugins in the development environment.