Download the PHP package b13/headertypes without Composer
On this page you can find all versions of the php package b13/headertypes. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download b13/headertypes
More information about b13/headertypes
Files in b13/headertypes
Package headertypes
Short Description Add a separate header type field to tt_content for headers and subheaders
License GPL-2.0-or-later
Homepage https://b13.com
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package headertypes
EXT:headertypes - Separate the semantic header type from the header layout
Features
- Adds a dedicated Header Type field to content elements to control the semantic HTML tag (
<h1>–<h6>) of a header - Adds a matching Subheader Type field for the subheader
- Decouples the semantics of a heading from its visual appearance
- Renames the TYPO3 Core "Header Layout" field to the clearer label Layout so editors understand it only affects styling
- Ships as a lightweight, backend-only extension: it adds the fields, your site package renders them
- Supports TYPO3 v12.4, v13 and v14 from a single extension version
Why did we create this extension?
TYPO3 Core ships a single header_layout field for content headers. That one field is used for two very
different things at once: it decides both how a header looks and which HTML tag is rendered (<h1> … <h6>).
In real projects those two concerns pull apart:
- A header that should look like a large "H2" for design reasons might still need to be an
<h1>for a correct document outline. - Accessibility and SEO depend on a clean, hierarchical heading structure that editors should not be forced to break just to achieve a certain look.
- Designers want freedom over typography without side effects on the semantic structure of the page.
EXT:headertypes solves this by splitting the concern in two:
- Layout (the existing
header_layoutfield, relabeled) keeps controlling the visual appearance. - Header Type / Subheader Type (the new fields) control the semantic HTML tag.
This lets editors pick, for example, "looks like a Layout 2 heading, but is semantically an <h1>" — cleanly and
without templating hacks.
Installation
Install this extension via composer req b13/headertypes or download it from the
TYPO3 Extension Repository and activate the extension in the
Extension Manager of your TYPO3 installation.
How it works
The extension adds two select fields to the tt_content table:
| Field | Purpose | Values |
|---|---|---|
tx_headertypes_headertype |
Semantic tag of the header | 0 = Default, 1–6 = h1–h6, 7 = p, 8 = span |
tx_headertypes_subheadertype |
Semantic tag of the subheader | 0 = Default, 1–6 = h1–h6, 7 = p, 8 = span |
Both fields are added to the Core header and headers palettes, so they appear directly next to the header input
in the backend for every content element that uses those palettes. The value 0 ("Default") means "do not override" —
your template should fall back to its normal header rendering in that case.
The extension does not render anything in the frontend on its own. Rendering the chosen tag is the job of your site package or theme, which keeps the extension unopinionated and compatible across TYPO3 versions.
Frontend rendering
To make the new fields take effect, override the header partial in your site package (for
fluid_styled_content this is Resources/Private/Partials/Header/Header.html) and use
tx_headertypes_headertype to choose the tag, while keeping header_layout for the visual class.
The same principle applies to the subheader via {data.tx_headertypes_subheadertype}.
Compatibility
| Extension version | TYPO3 versions |
|---|---|
| 1.x | v12.4, v13, v14 |
Credits
This extension was created by David Steeb in 2020 for b13 GmbH, Stuttgart.
Find more TYPO3 extensions we have developed that help us deliver value in client projects. As part of the way we work, we focus on testing and best practices to ensure long-term performance, reliability, and results in all our code.
