WDBase Typo3 Extension

This extension contains a basic generalised structure for starting development of a Typo3 12 website.

The goal of this extension is to provide a out-of-the-box website-kit to save time in Typo3 development.

Roadmap

More features and generalisations will be added in the future.

Included

• Basic layout, templates and partials
• Typoscript
  • Typo3 Template for easy inclusion
  • FLUIDTEMPLATE with menuRenderer
  • Constant driven PAGE instance via wd.page
  • Editable constants for company- and page details, access via {settings.address} in the FLUIDTEMPLATE
• Social footer with schema for Organization
• CSS
  • Bootstrap 5.3
  • Bootstrap Icons
  • Material Icons
  • Variable driven design
  • Spriteset usage via HTML attribute data-sprite["x:y"].
• Roboto font

Spriteset Example

CSS

.contact[data-sprite] { background-image: url(../Images/spriteset.png); --ss-width: 2.5rem; # render width --ss-height: 2.5rem; # render height --ss-offset-x: 0px; --ss-offset-y: 0px; --ss-cols: 10; --ss-rows: 2; }

HTML

<a data-sprite="0:0" class="btn contact" title="Follow on portal A" href="#">&nbsp;</a> <a data-sprite="1:0" class="btn contact" title="Follow on portal B" href="#">&nbsp;</a>