Alerts DLX
Add beautiful tips, warnings, notes, and CTA callouts to your WordPress posts and pages in seconds.
Getting Started2
- InstallationInstallation Install from the WordPress Admin After activation, AlertsDLX blocks are available in the block editor. Site-wide options are available under Settings → AlertsDLX. See Finding the Admin Settings. Requirements What’s Next?
- Finding the Admin SettingsFinding the Admin Settings AlertsDLX 2.4.0 adds a site-wide settings screen for headline options, enabled block themes, and debug mode. Finding the Admin Settings from the Plugins Screen On the Plugins screen, find Alerts DLX and click the Settings link in the plugin row. Finding the Admin Settings from the Menu In the WordPress admin […]
Overview7
- Alert Blocks OverviewAlert Blocks Overview All four AlertsDLX blocks (Bootstrap, Chakra, Material, Shoelace) share the same core options. This page covers shared behavior; theme-specific alert types and variants are listed at the end. Block Toolbar (2.4.0+) The block toolbar provides quick access to common options: Style Picker Change alert type (info, success, warning, error, custom, etc.) from […]
- Use CasesUse Cases AlertsDLX is more than a beautiful alert block in post content. Here are popular ways to use it on your site. Documentation and Knowledge Base Callouts Use tips, notes, warnings, prerequisites, and step summaries in tutorials and knowledge base articles. Pair different alert types (info, success, warning) with variants like left-accent or solid […]
- FeaturesFeatures For such a small plugin, AlertsDLX comes with many features. Shortcode and Block Support Whether using the classic or block editor, you can use AlertsDLX to output beautiful alert boxes. See Shortcode Usage for the full AlertsDLX has icons from the following sources. Disable or Enable Elements With the block options, you can enable […]
- Dismissible AlertsDismissible Alerts AlertsDLX supports dismissible alerts with an optional close button. When a visitor dismisses an alert, the plugin can remember that choice using a browser cookie. Enabling the Close Button In the Block Editor When the close button is enabled, a Close expiration toolbar control appears with presets for how long dismissal should be […]
- Editorial-Only BlocksEditorial-Only Blocks AlertsDLX can mark an alert block as Editorial Only so it appears in the block editor but does not render on the frontend. When to Use Editorial-Only Mode Enabling Editorial-Only Mode The alert remains fully visible and editable in the block editor. On the frontend, the block outputs nothing — no HTML, no […]
Blocks1
- Finding the BlocksFinding the Blocks AlertsDLX comes with four alert blocks — one for each supported UI library theme. Block Category You can find alert blocks in the block inserter (+ button) under the AlertsDLX category. Available blocks: Slash Command Type /alert in the editor to quickly search for alert blocks. Enabled Block Themes Setting Under Settings […]
Shortcodes1
- alertsdlxShortcode Usage To use AlertsDLX as a shortcode, you can use the following format: Here are the parameters you can use, with examples for each. unique_id Add a unique ID around the alerts container. This is useful if you need to style the alert. alert_group The type of alert style to use. This can be: […]
Developers2
- Filters and HooksFilters and Hooks AlertsDLX exposes WordPress filters for customizing fonts, headlines, block availability, content processing, and branding. Add filter callbacks in a custom plugin or your theme’s functions.php. Fonts alerts_dlx_load_fonts Control whether AlertsDLX loads the bundled Lato Google Font. alerts_dlx_default_font_family Set the font family used when custom fonts are disabled. See Custom Fonts for a […]
- Custom FontsCustom Fonts This section covers how to disable the AlertsDLX Lato font for performance and specify your own fonts for AlertsDLX to use. Disable the Lato Font Using Filter: alerts_dlx_load_fonts Use the following code snippet to disable the Lato font. This should improve performance and prevent loading the Lato font files. Use an Alternate Font […]
