ALLES ÜBER tib_tmpl_bootstrap UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

tib_tmpl_bootstrap

Handbuch für Responsive Gumby Template 2.6

Standardeinstellung & Responsive Gumby-Vorlage

Dies ist eine "Skeleton"-Vorlage, die das gumby responsive Framework verwendet. Das Template ist in eine TYPO3 CMS Extension integriert (getestet für Version TYPO3 v 6.x).

Achtung, Achtung! !WARNUNG!

Mit jedem Update dieser App werden alle Ihre Einstellungen, Vorlagen, CSS,.... überschrieben! Installieren Sie NIEMALS ein Update, wenn Sie bereits einige benutzerdefinierte Einstellungen vorgenommen haben, oder speichern Sie diese vor dem Update!

Einige Funktionen

  • In der Lage sein, alle Dateien inklusive TYPO3-Konfiguration wie Typoscript zu versionieren
  • Viele Einstellungen sind über den TYPO3 Backend Konstant Editor leicht definierbar
  • Viele wichtige Standardoptionen sind für die Entwicklung (wie no_cache = 0, no-follow-Tag für Google) und den Live-Modus festgelegt
  • Konfiguration zur automatischen Erstellung einer realURL-Konfiguration

Wie man es benutzt

  • Laden Sie die Erweiterung in Ihren typo3conf/ext/ordner herunter
  • Melden Sie sich im Backend an, gehen Sie zum Extension Manager und suchen Sie dort nach dem Schlüssel "tib_tmpl_bootstrap" oder "Responsive Template".
  • Klicken Sie auf die Schaltfläche Install
  • Klicken Sie in der linken Leiste auf den Punkt "Vorlage" und erstellen Sie eine "Standard-Rootvorlage".
  • "Bearbeiten Sie den gesamten Vorlagendatensatz".
  • Fügen Sie auf der Registerkarte "Includes" zuerst den "CSS Style Content" und dann die "Responsive Gumby Template (tib_tmpl_bootstrap)" hinzu und klicken Sie auf die Schaltfläche Speichern

Außerdem müssen Sie Backend-Layouts hinzufügen. Ein Tutorial dazu finden Sie hier: http://blog.sebastiaandejonge.com/articles/2012/july/26/implementing-typo3s-backend-layouts/

Deine erste Spalte muss mit colPos = 0 beginnen (das kannst du in tib_tmpl_bootstrap/Konfiguration/TypoScript/Template.ts ändern)

So ändern Sie die Einstellungen

  • Web > Template und wählen Sie die Seite, auf der Ihre Standard-Root-Template hinzugefügt wird (z.B. bei id=1)
  • Wählen Sie in der Spalte "Third" in der Dropdown-Box "Constant Editor".
  • Du findest nun in der Dropdown-Liste der Kategorie "KONFIGURATION: BASIC" und einige mehr.

Du wirst dies nur finden, wenn du die Erweiterung zu deiner Root-Vorlage hinzugefügt hast!

Die meisten Einstellungen sollten selbsterklärend sein, aber ich versuche, auch dafür eine Dokumentation hinzuzufügen.

Wichtige Einstellungen

KONFIGURATION: BASIS ^^^^^^^^^^^^^^^^^^^^^

Live-Modus (ja/nein) Wenn der Live-Modus eingestellt ist, ist no_cache = 0 und andere Einstellungen (z.B. gumby.min.js) werden für den Live-Modus festgelegt. Andernfalls wird no_cache = 1, no-follow und use single gumby.js scripts .... verwendet (dies ist für die Entwicklung)

Starten von PID (wenn unterschiedlich zu id=1) Wird von RealURL benötigt, um den Startpunkt, die PID Ihrer "Homepage", festzulegen.

KONFIGURATION: DOMÄNE

[Live] Basis-URL Definieren Sie mindestens eine Basis-URL. Sie können bis zu 4 URLs definieren, z.B. für die lokale Entwicklungsumgebung, den Entwicklungsserver des Unternehmens, den Stage-Server und den Live-Server

Empfohlene Erweiterungen

gitterelemente

Ich empfehle auch, Gridelemente zu installieren. Mit Hilfe dieser Erweiterung können Sie ganz einfach Spalten im Backend anlegen.

Schritte zu tun

  1. Installieren Sie die Erweiterung (Schlüssel: Rasterelemente)
  2. Rasterlayouts hinzufügen: Wechseln Sie zur Listenansicht, wählen Sie z.B. einen Systemordner, in dem sie gespeichert werden sollen, und fügen Sie alle benötigten Spaltenversionen hinzu (z.B. Box mit 3 Spalten)
  3. Ich habe eine Beispielkonfiguration für Gridelemente hinzugefügt, die du in EXT:tib_tmpl_bootstrap/Configuration/TypoScript/Gridelements.ts finden kannst, du musst vielleicht mindestens die IDs anpassen, die du für die Gridelemente hinzufügen musstest. Sie können bei Bedarf auch mehr/unterschiedliche Spalten definieren

Eine gute deutsche Erklärung für Gridelemente finden Sie hier: http://jweiland.net/typo3/extension-showcase/layout-raster-fuer-inhaltselemente-gridelements.html

realURL

Ich habe auch einen (meiner Meinung nach) guten.htaccess hinzugefügt

tq_seo

Sehr gutes SEO-Tool, um sitemap.xml und robots.txt on-the-fly einzurichten sowie Ihre Seiten-Metatags wie Beschreibung, Setzen des kanonischen Tags und so weiter zu sehen und zu bearbeiten

Das ist es. Das ist es. Du solltest bereit sein zu gehen!

Es wäre toll, wenn andere Entwickler bereit wären, Zeit zu investieren, um dieses Template noch besser zu machen!

KSS-Dienstleistungen/Lösungen Alexander Kappler Mörkenstraße 49 22767 Hamburg http://www.kss-online.com

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

Verteilung:TIB_TMPL_BOOTSTRAP ist auf

0.01 % aller TYPO3 installiert.

  • 0.02 % aller TYPO3 8.7.x Installationen installiert
  • 0.02 % aller TYPO3 7.6.x Installationen installiert

Aktualität:TIB_TMPL_BOOTSTRAP ist auf dem neusten Stand (v.unknown) bei

100 % aller TYPO3 Installationen

  • 0 % aller TYPO3 9.5.x Installationen
  • 0 % aller TYPO3 9.3.x Installationen
  • 0 % aller TYPO3 9.2.x Installationen
  • 0.02 % aller TYPO3 8.7.x Installationen
  • 0.02 % aller TYPO3 7.6.x Installationen
  • 0 % aller TYPO3 7.5.x Installationen
  • 0 % aller TYPO3 7.4.x Installationen
  • 0 % aller TYPO3 7.3.x Installationen
  • 0 % aller TYPO3 7.2.x Installationen
  • 0 % aller TYPO3 7.1.x Installationen
  • 0 % aller TYPO3 7.0.x Installationen
  • 0 % aller TYPO3 6.2.x Installationen
  • 0 % aller TYPO3 6.1.x Installationen
  • 0 % aller TYPO3 6.0.x Installationen
  • 0 % aller TYPO3 5.0.x Installationen
  • 0 % aller TYPO3 4.7.x Installationen
  • 0 % aller TYPO3 4.6.x Installationen
  • 0 % aller TYPO3 4.5.x Installationen
  • 0 % aller TYPO3 4.4.x Installationen
  • 0 % aller TYPO3 4.3.x Installationen
  • 0 % aller TYPO3 4.2.x Installationen
  • 0 % aller TYPO3 4.1.x Installationen
  • 0 % aller TYPO3 4.0.x Installationen
  • 0 % aller TYPO3 3.5.x Installationen

responsive - image 4

Gosign-Responsive Index: TYPO3 Installationen nutzen TIB_TMPL_BOOTSTRAP zu

  • 0 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
  • 100 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist

speed test - image 5

Pagespeed: TYPO3 Installationen nutzen TIB_TMPL_BOOTSTRAP zu

  • 100 % wenn der Pagespeed zwischen 80 % und 100 % ist
  • 0 % wenn der Pagespeed zwischen 60 % und 80 % ist
  • 0 % wenn der Pagespeed zwischen 40 % und 60 % ist
  • 0 % wenn der Pagespeed zwischen 20 % und 40 % ist
  • 0 % wenn der Pagespeed zwischen 0 % und 20 % ist


Stichprobe n=37628 von Gosign gecrawlte TYPO3-Seiten mit den Top-Level-Domains <.de>

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.