Extension:HeaderSections
 Release status: stable |
|
|---|---|
| Implementation | User interface, Skin |
| Description | A Mediawiki extension that adds a CSS class to the section of content below a header. |
| Author(s) | Derf Jaggedtalk |
| Latest version | 1.0 (2022-12-30) |
| MediaWiki | 1.25+ |
| PHP | 5.5+ |
| Database changes | No |
| License | MIT License |
| Download | GitHub: Note: |
| Example | ConsoleMods.org |
HeaderSections is a Mediawiki extension that adds a CSS class to the section of content below a header. This effectively allows for CSS styling to be applied to sections such as different background colors or indent levels for H2 and H3 sections or to target a certain section type using your own custom JavaScript. This extension is based on the HideSection extension.
This extension tags sections hierarchically, meaning a nested element under multiple parent headers will have current section tag (e.g. H3-section) and all parent section tags (e.g. H1-section and H2-section).
For reporting an issue or a bug, please open a GithHub issue.
Installation edit
Requires Mediawiki 1.25 or higher for wfLoadExtension registration.
- Download and place the file(s) in a directory called
HeaderSectionsin yourextensions/folder. - Add the following code at the bottom of your LocalSettings.php file:
wfLoadExtension( 'HeaderSections' );
Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.
Configuration edit
ext.headersections.css - Edit contents of stylesheet as desired.
Your CSS rules in ext.headersections.css needs to be in the proper order so that the higher numbered section rules (H4) take precedence over the lower-numbered section rules (H3).
Default configuration is set to indent each section following a header by an increasing amount using these CSS classes:
.H1-section .H2-section .H3-section .H4-section .H5-section .H6-section