Drupal is a registered trademark of Dries Buytaert
Drupal 10.6.13 Update released for Drupal core (10.6.13)! Drupal 11.3.14 Update released for Drupal core (11.3.14)! Drupal 11.4.4 Update released for Drupal core (11.4.4)! Drupal 11.4.3 Update released for Drupal core (11.4.3)! Entity Usage 5.0.0-beta2 New beta version released for module entity_usage (5.0.0-beta2). Entityqueue Form Widget 2.1.0 Minor update available for module entityqueue_form_widget (2.1.0). Entityqueue Form Widget 2.0.9 Minor update available for module entityqueue_form_widget (2.0.9). Bibliography & Citation 3.1.2 Minor update available for module bibcite (3.1.2). HTTP Response Headers Module http_response_headers crossed 1,000 active installs. Field Updater Service 1.0.0 Module field_updater_service updated after 12 months of inactivity (1.0.0).

Overview

Theme region wrapper module provides UI to specify HTML element for theme's each region. You can configure each wrapper element, CSS classes and WAI-ARIA role on a theme settings page.

Motivation

The core views module can change field HTML output with provided UI, and some contribution modules such as Fences and Block Class and so on, also can change HTML output with module provided UI. When you want to change a theme region's wrapper HTML, however cannot change with UI, so need to rewrite the page.html.twig or region.html.twig.

NOTE

This module overrides only a region template which is located in core directory.
If a region uses twig template which is located in custom theme directory,
configured settings for that region does not override anything.

Features

Theme's each region can configure following list items from UI on theme settings page.

  • HTML element
  • CSS class
  • WAI-ARIA role

How to configure a region wrapper settings for a theme?

  1. Go to /admin/appearance.
  2. Click a theme "Settings" link in the installed themes list.
  3. Click "Theme region wrapper settings" header.
  4. Configure each region wrapper output.
  5. Click "Save configuration" button.

Override HTML element settings (advanced)

If you want not to use default HTML element settings, you can override settings.
You want to override the configuration by other module installation, see hook_install() code at this module's testing code.

Activity

Total releases
1
First release
Jul 2026
Latest release
2 hours ago
Releases (12 mo)
1 ▲ from 0
Maintenance
Active

Releases

Version Type Release date
2.0.x-dev Dev Jul 16, 2026