TYPO3 Bootstrap Package: Das beliebte Theme im Überblick

Das TYPO3 Bootstrap Package bietet ein voll­stän­dig funk­ti­ons­fä­hi­ges Theme für TYPO3 auf Basis des beliebten CSS-Frame­works Bootstrap. Das Paket kom­bi­niert das En­ter­pri­se-Content-Ma­nage­ment von TYPO3 mit modernen Website-Builder-Features. Die In­stal­la­ti­on ist in wenigen Minuten erledigt.

Was ist das TYPO3 Bootstrap Package?

Das TYPO3 Bootstrap Package (bootstrap_package) ist ein Theme für das Content-Ma­nage­ment-System TYPO3, das auf dem quell­of­fe­nen Frontend-Framework Bootstrap basiert. Es sorgt mit zu­sätz­li­chen Sei­ten­lay­outs und Content-Elementen sowie er­wei­ter­ten Ein­stel­lungs­mög­lich­kei­ten für Hin­ter­grund­far­ben und Hin­ter­grund­bil­der dafür, dass Sie bei der Ge­stal­tung Ihrer TYPO3-Inhalte maximale Fle­xi­bi­li­tät genießen.

Das TYPO3 Bootstrap Package greift aus­schließ­lich auf Best Practices zurück, die vom TYPO3-Ent­wick­ler­team empfohlen wurden. Aus diesem Grund ist die Er­wei­te­rung immer auf dem neuesten Stand und mit allen aktuellen Versionen des CMS kom­pa­ti­bel. Das gesamte Paket ist – wie auch das zu­grun­de­lie­gen­de CSS-Framework – kos­ten­frei nutzbar und wird auf GitHub gehostet, wei­ter­ent­wi­ckelt und gepflegt.

Welche Features zeichnen das TYPO3 Bootstrap Package aus?

Das Bootstrap Package für TYPO3 ist ein voll­stän­dig kon­fi­gu­rier­tes Ty­po­Script-Setup, das als statische Vorlage be­reit­ge­stellt wird. Aus diesem Grund lässt sich das Template beliebig über TYPO3-Kon­stan­ten (Constants) in­di­vi­dua­li­sie­ren. Zudem ist das Rendering von TYPO3 durch eigene Layouts und Section Frames für alle Content-Elemente an die Be­dürf­nis­se des Bootstrap-Frame­works angepasst.

Ferner bringt das TYPO3 Bootstrap Package folgende Features mit sich, um das Content-Ma­nage­ment zu op­ti­mie­ren und mehr Fle­xi­bi­li­tät bei der Frontend-Ge­stal­tung zu bieten:

• Bootstrap-spe­zi­fi­sche In­halts­ele­men­te: Akkordeon, Karussel, Re­gis­ter­kar­te (Tab), Text & Icon, List Group (Anzeige einer Reihe von Inhalten), externe Medien
• In­di­vi­du­el­le Seiten-Layouts
• Ein­ge­bau­ter Less-CSS-Parser: Alle Variablen sind über den Kon­stan­ten-Editor kon­fi­gu­rier­bar; Less-Support in der CSS-Datei page.in­cludeC­SS
• Backend-Layouts via Pa­geTs­Con­fig

Wie in­stal­liert man das TYPO3 Bootstrap Package?

Sie können das TYPO3 Bootstrap Package auf zwei ver­schie­de­ne Arten ein­rich­ten: Haben Sie TYPO3 mit Composer in­stal­liert, können Sie den PHP-Pa­ket­ma­na­ger auch für die In­stal­la­ti­on der Extension verwenden. An­dern­falls laden Sie das Paket einfach manuell herunter und in­stal­lie­ren es in gewohnter Manier über das TYPO3-Backend.

TYPO3 Bootstrap Package mit Composer in­stal­lie­ren

Für die In­stal­la­ti­on der Extension mit dem beliebten Manager-Tool Composer führen Sie einfach folgendes Kommando aus:

composer req bk2k/bootstrap-package

An­schlie­ßend ak­ti­vie­ren Sie die Er­wei­te­rung mithilfe des passenden Keys bootstrap_package und folgendem Befehl:

./vendor/bin/typo3 extension:activate bootstrap_package

TYPO3 Bootstrap Package via TYPO3-Backend in­stal­lie­ren

Wenn Sie den ge­wöhn­li­chen Weg gewählt haben, um TYPO3 zu in­stal­lie­ren, können Sie Ex­ten­si­ons wie das TYPO3 Bootstrap Package auch ganz bequem über das Backend einbinden. Hierfür wählen Sie zunächst unter „Admin Tools“ bzw. „Ver­wal­tungs- und Pfle­ge­werk­zeu­ge“ die Option „Er­wei­te­run­gen“ aus:

Close

Wählen Sie im oberen Aus­wahl­fens­ter die Option „Er­wei­te­run­gen hin­zu­fü­gen“ aus und suchen Sie mithilfe der Such­funk­ti­on nach der Bootstrap-Er­wei­te­rung, indem Sie den Extension Key bootstrap_package eintippen und die Suche über das Lupen-Icon starten. Ab­schlie­ßend drücken Sie bei dem passenden Resultat auf „Im­por­tie­ren und in­stal­lie­ren“:

Close