TYPO3 Bootstrap Package: Das beliebte Theme im Überblick

Das TYPO3 Bootstrap Package bietet ein vollständig funktionsfähiges Theme für TYPO3 auf Basis des beliebten CSS-Frameworks Bootstrap. Das Paket kombiniert das Enterprise-Content-Management von TYPO3 mit modernen Website-Builder-Features. Die Installation ist in wenigen Minuten erledigt.

Was ist das TYPO3 Bootstrap Package?

Das TYPO3 Bootstrap Package (bootstrap_package) ist ein Theme für das Content-Management-System TYPO3, das auf dem quelloffenen Frontend-Framework Bootstrap basiert. Es sorgt mit zusätzlichen Seitenlayouts und Content-Elementen sowie erweiterten Einstellungsmöglichkeiten für Hintergrundfarben und Hintergrundbilder dafür, dass Sie bei der Gestaltung Ihrer TYPO3-Inhalte maximale Flexibilität genießen.

Das TYPO3 Bootstrap Package greift ausschließlich auf Best Practices zurück, die vom TYPO3-Entwicklerteam empfohlen wurden. Aus diesem Grund ist die Erweiterung immer auf dem neuesten Stand und mit allen aktuellen Versionen des CMS kompatibel. Das gesamte Paket ist – wie auch das zugrundeliegende CSS-Framework – kostenfrei nutzbar und wird auf GitHub gehostet, weiterentwickelt und gepflegt.

Domain kaufen
Registrieren Sie Ihre perfekte Domain
  • Inklusive Wildcard-SSL-Zertifikat
  • Inklusive Domain Lock
  • Inklusive 2 GB E-Mail-Postfach

Welche Features zeichnen das TYPO3 Bootstrap Package aus?

Das Bootstrap Package für TYPO3 ist ein vollständig konfiguriertes TypoScript-Setup, das als statische Vorlage bereitgestellt wird. Aus diesem Grund lässt sich das Template beliebig über TYPO3-Konstanten (Constants) individualisieren. Zudem ist das Rendering von TYPO3 durch eigene Layouts und Section Frames für alle Content-Elemente an die Bedürfnisse des Bootstrap-Frameworks angepasst.

Ferner bringt das TYPO3 Bootstrap Package folgende Features mit sich, um das Content-Management zu optimieren und mehr Flexibilität bei der Frontend-Gestaltung zu bieten:

  • Bootstrap-spezifische Inhaltselemente: Akkordeon, Karussel, Registerkarte (Tab), Text & Icon, List Group (Anzeige einer Reihe von Inhalten), externe Medien
  • Individuelle Seiten-Layouts
  • Eingebauter Less-CSS-Parser: Alle Variablen sind über den Konstanten-Editor konfigurierbar; Less-Support in der CSS-Datei page.includeCSS
  • Backend-Layouts via PageTsConfig
Tipp

Wenn Sie Ihre eigene TYPO3-Website erstellen und dabei auf ein Framework zurückgreifen möchten, ist Bootstrap natürlich nicht die einzige verfügbare Option. In einem separaten Artikel haben wir fünf leistungsstarke Bootstrap-Alternativen zusammengefasst.

Wie installiert man das TYPO3 Bootstrap Package?

Sie können das TYPO3 Bootstrap Package auf zwei verschiedene Arten einrichten: Haben Sie TYPO3 mit Composer installiert, können Sie den PHP-Paketmanager auch für die Installation der Extension verwenden. Andernfalls laden Sie das Paket einfach manuell herunter und installieren es in gewohnter Manier über das TYPO3-Backend.

TYPO3 Bootstrap Package mit Composer installieren

Für die Installation der Extension mit dem beliebten Manager-Tool Composer führen Sie einfach folgendes Kommando aus:

composer req bk2k/bootstrap-package
bash

Anschließend aktivieren Sie die Erweiterung mithilfe des passenden Keys bootstrap_package und folgendem Befehl:

./vendor/bin/typo3 extension:activate bootstrap_package
bash

TYPO3 Bootstrap Package via TYPO3-Backend installieren

Wenn Sie den gewöhnlichen Weg gewählt haben, um TYPO3 zu installieren, können Sie Extensions wie das TYPO3 Bootstrap Package auch ganz bequem über das Backend einbinden. Hierfür wählen Sie zunächst unter „Admin Tools“ bzw. „Verwaltungs- und Pflegewerkzeuge“ die Option „Erweiterungen“ aus:

typo3-backend-erweiterungen.png
Der „Erweiterungen“-Bereich im TYPO3-Backend ist eng an das offizielle Extension-Repository des Content-Management-Systems geknüpft.

Wählen Sie im oberen Auswahlfenster die Option „Erweiterungen hinzufügen“ aus und suchen Sie mithilfe der Suchfunktion nach der Bootstrap-Erweiterung, indem Sie den Extension Key bootstrap_package eintippen und die Suche über das Lupen-Icon starten. Abschließend drücken Sie bei dem passenden Resultat auf „Importieren und installieren“:

typo3-backend-bootstrap-package.png
Im Feld „Schlüssel“ sehen Sie bei der korrekten Erweiterung den Extension Key „bootstrap_package“.
Hosten Sie Ihre TYPO3-Website
TYPO3 für Ihr Hosting Paket
  • Einfach: mit wenigen Klicks installiert
  • Sicher: SSL-Zertifikat inklusive
  • Schnell: PHP8, OPcache und SSD Webspace
War dieser Artikel hilfreich?
Page top