/wdbase

WDBase Extension for Typo3 12

Primary LanguageHTML

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>