Zum Inhalt springen

Kostenloses TYPO3 Template für TYPO3 Version 9

Kostenlose Vorlage zur Erstellung eigener Webseiten auf Basis von TYPO3 Version 9.
Für TYPO3 Version 10 gibt es hier ein aktualisiertes Template.

TYPO3 Version:9 LTS

Mit dem kostenlosen TYPO3 Template kann man sofort mit dem Erfassen von Inhalten beginnen, die Webseite ist in kürzester Zeit online. So muss man sich nicht um Design, Templates oder TypoScript für die eigene Seite kümmern.  

Hier Live-Version unseres TYPO3 Templates ansehen

NEU: Das TYPO3 Template stellen wir ab sofort zum Download für alle Interessierten Anwender zur Verfügung. Sofern das Template lokal oder bei einem anderen Provider installiert wird, können wir leider keinen technischen Support dafür bieten. Wir freuen uns aber über Anregungen und Verbesserungsvorschläge. 
Hier gibt es eine Videoanleitung für die Installation

Aktuelle Version des TYPO3 Templates herunterladen (tar.gz Archiv)

Sie können die Vorlage individuell anpassen und mit weiteren Funktionen erweitern. 

Das Template bietet:

  • Responsive Webdesign, geeignet für Desktop, Smartphone und Tablet
  • optimiert für Suchmaschinen 
  • vorbereitet für Barrierefreiheit
  • Beispiele für alle Standard Inhaltselemente
  • optimiert für kurze Ladezeiten
  • aktueller Stand der Technik
  • optisch und funktional individuell anpassbar

Es kann als Grundlage für eine eigene Website verwendet werden und stellt ein "Best practice" dar, das zeigt, wie man ein TYPO3-Projekt aufsetzen kann. Es soll dabei keine Design-Vorlage sein, sondern eine Projektvorlage, bei der das Design beliebig an eigene Vorstellungen angepasst werden kann.

Wir haben das Musterprojekt bewusst sehr schlank gehalten und nur die am häufigsten verwendeten Funktionen vorinstalliert:

  • Anzeige von aktuellen Meldungen  (Extension: news)
  • suchmaschinenfreundliche, lesbare Web-Adressen
  • Unterstützung bei der Suchmaschinenoptimierung der Website
  • Lightbox-Effekt für das Klick-Vergrößern von Bildern

Das Musterprojekt basiert auf der TYPO3 LTS-Version 9.5. Dadurch ist bis mindestens Ende Oktober 2021 ein Betrieb ohne Relaunch möglich. Mit dem verlängerten Support (Extended Long Term Support, ELTS) gibt es Updates und Unterstützung bis Ende Oktober 2024.  

Einige Informationen zur Geschichte der Vorlage.

Was kostet das Musterprojekt?

Das Musterprojekt ist bei allen neuen 

TYPO3 Hosting-Paketen von jweiland.net im Preis enthalten und bereits vorinstalliert.

Wie sieht es mit Updates aus?

Das Projekt wird kontinuierlich weiter entwickelt.  Die aktuelle Version 1.11.3 des Templates vom Juli 2020 basiert auf TYPO3 Version 9.5 LTS und steht im Hostingpaket automatisch zur Verfügung.

Beachten Sie jedoch: bestehende Installationen können nicht automatisch aktualisiert werden, da jeder Kunde selber Änderungen an den Dateien des Musterprojekts durchführen kann. Bei automatischen Updates würden diese Änderungen überschrieben werden.

Damit Sie bei Bedarf neue Funktionen oder Fehlerbehebungen selber nachrüsten können, protokolieren wir alle wichtigen Änderungen im Änderungsprotokoll.

Beispielwebseiten auf der Basis unseres Musterprojektes

Übersicht, Funktionen, Unterschiede zu früheren Versionen

Wir haben das Musterprojekt seit Version 8 kontinuierlich weiterentwickelt.

  • Kapselung aller Dateien in einer eigenen Template-Extension (Sitepackage)
  • eigenes, schlankes Grid-CSS
  • verschiedene Navigations-Varianten, einfach im Backend umschaltbar
  • verschiedene Seitenlayouts
  • Lightbox-Effekt für Bilder
  • interne Suche (indexed_search)
  • Nutzung der neuen Funktionen von TYPO3 9 LTS, zum Beispiel lesbare URLs, SEO und Social Media-Funktionen

Allgemeiner Überblick

In diesem Video erhalten Sie einen Überblick über die Funktionen des Musterprojekts.

Navigationsvarianten

Das Musterprojekt für TYPO3 9 LTS bringt 3 Navigationsvarianten und 4 Farbschemata mit. Diese können ganz einfach per Konstanteneditor ausgewählt werden.

Seitenlayouts verwenden

Das Musterprojekt bringt 4 verschiedene Seiten-Layouts mit, die per Backend-Layout umgeschaltet werden können.

Das Logo im Kopfbereich austauschen

Im Kopfbereich des Templates kann das Logo beliebig ausgetauscht werden. Dieses Bild wird auch automatisch auf die Startseite verlinkt.

Um ein eigenes Bild zu verwenden, gehen Sie wie folgt vor:

  • Wechseln Sie in das "Template"-Backendmodul
  • Wählen Sie im Seitenbaum die "Home"-Seite an (die Seite mit der Weltkugel)
  • Im großen, rechten Bereich des Backends wechseln Sie über die obere Auswahl-Box in den "Konstanteneditor"
  • In der Auswahlbox bei "Kategorie" wählen Sie "JWEILAND.NET MUSTERPROJEKT"
  • Scrollen Sie nach unten bis zum Bereich "Layout"
  • Klicken Sie bei "Logo" auf das Stift-Symbol, um das Eingabefeld zu aktivieren
  • Geben Sie in das Eingabefeld den Pfad zur Bilddatei an. Diese kann unterhalb des Ordners fileadmin/ liegen, oder auch in einer eigenen Extension
    • Beispiel 1: fileadmin/meinverzeichnis/bilder/firmenlogo.png
    • Beispiel 2: EXT:meineextension/Resources/Public/Images/firmenlogo.png
  • Zum Abschluss klicken Sie oben auf "Speichern"

Tipp: Das Bild sollte nicht zu groß sein.

Favicon austauschen

Favicons sind kleine Bilder, die z.B. in der Browsertitelzeile angezeigt werden. Üblicherweise wird hier ein Firmenlogo oder ähnliches verwendet.

Das Musterprojekt ist zur Verwendung individueller Favicons vorbereitet. Ausserdem werden dabei auch sogenannte Touch-Icons (App-Icons) für Smartphones und Tablets erzeugt.

Beide Arten von Icons können ganz einfach über den Konstanteneditor ausgetauscht werden.

Beachten:

  • Die Bilddatei für das Favicon und die Standard-Touch-Icons muss quadratisch sein
  • Die zweite Variante des Bildes, die v.a. für Windows-Phones nützlich ist, benötigt ein Seitenverhältnis von 31:15, zum Beispiel: Breite 310 px, Höhe 150 px

Um die Dateien anzupassen, gehen Sie wie folgt vor:

  • Wechseln Sie in das "Template"-Backendmodul
  • Wählen Sie im Seitenbaum die "Home"-Seite an (die Seite mit der Weltkugel)
  • Im großen, rechten Bereich des Backends wechseln Sie über die obere Auswahl-Box in den "Konstanteneditor"
  • In der Auswahlbox bei "Kategorie" wählen Sie "JWEILAND.NET MUSTERPROJEKT"
  • Scrollen Sie nach unten bis zum Bereich "Layout"
  • Klicken Sie auf das Stiftsymbol bei "App-/Favicon Quadratisch" bzw. "App-/Favicon Breit", um das Eingabefeld zu aktivieren
  • In das Eingabefeld tragen Sie den Pfad zu Ihrer Bilddatei ein. Diese kann unterhalb von fileadmin/ liegen, oder auch in einer eigenen Extension:
    • Beispiel für fileadmin: fileadmin/meinverzeichnis/bilder/appicon-square.png
    • Beispiel für eine Extension: EXT:meineextension/Resources/Public/Icons/appicon-square.png
  • Zum Abschluss klicken Sie oben auf "Speichern"
  • Sollte die Änderung nicht sofort sichtbar sein, müssen Sie eventuell den Frontend-Cache und vielleicht auch Ihren Browser-Cache löschen

Inhalte des Footers pflegen

Der Fußbereich des Layouts kann mit beliebigen Inhaltselementen befüllt werden. Diese erscheinen automatisch auf jeder Seite.

Das Bild im Kopfbereich austauschen

Über die Seiteneigenschaften kann ein Bild definiert werden, das im Kopfbereich der Seite ausgegeben wird. Wichtig ist, die Maße des Bildes korrekt über den Konstanteneditor zu hinterlegen. Optional kann auch eine Vererbung auf Unterseiten aktiviert werden.

Suchmaschinenoptimierung (SEO)

Seit TYPO3 9 LTS benötigt man im Prinzip keine zusätzliche Extension mehr für grundlegende SEO-Funktionen. So gehören die manuelle Anpassung des Seitentitels, die Steuerung der Indexierung durch Suchmaschinen sowie die Generierung des Canonical-Tags nun zu den Standardfunktionen.

In den Seiteneigenschaften finden Sie einen Tab "SEO"

  • Titel für Suchmaschinen: hier können Sie den automatisch generierten Seitentitel (<title>-Tag im HTML) manuell überschreiben
  • Robot-Anweisungen:
    • Index dieser Seite: steuert, ob Suchmaschinen die aktuelle Seite indexieren oder nicht (Meta-Tag robots="noindex" oder "index" im HTML)
    • Dieser Seite folgen: steuert, ob Suchmaschinen-Bots den Links auf der aktuellen Seite folgen oder nicht (Meta-Tag robots="follow" oder "nofollow" im HTML)
  • Kanonischer Link: gibt die Ursprungs-URL der aktuellen Seite an. Wird automatisch gesetzt, kann aber bei Bedarf manuell überschrieben werden. 

Allerdings haben wir als Hilfe zur leichteren "On Page"-Suchmaschinenoptimierung inzwischen (Juli 2019) die Extension "yoast_seo" hinzugefügt. "On Page" bedeutet: Maßnahmen, die man selber auf seiner Seite durchführen kann. 

Die Extension analysiert zum Beispiel den Text einer Seite auf Lesbarkeit und gibt auch Tipps zur Verbesserung. Außerdem wird geprüft, ob in den Seiteneigenschaften das Feld "Beschreibung" genutzt wird, denn daraus wird das wichtige description-Metatag generiert, oder ob der Titel der Seite in Ordnung ist. Die Extension hat noch weitere Funktionen, wir empfehlen, die Dokumention dazu sorgfältig zu lesen.

Bitte beachten: Im Video ist die Extension "yoast_seo" nicht zu sehen, da das Video aufgenommen wurde, bevor die Extension dem Projekt hinzugefügt wurde. Wir werden das Video überarbeiten und anpassen.

Social Media

TYPO3 9 LTS bringt ebenfalls die integrierte Unterstützung einiger Social Media-Funktionen mit.

In den Seiteneigenschaften jeder Seite kann man für Facebook und Twitter den Titel, die Beschreibung sowie ein Bild individuell anpassen. Dabei werden bestimmte Meta-Tags im HTML-Quellcode erzeugt (Open Graph und Twitter Cards). Dafür gibt es den neuen Bereich "Social Media" in den Seiteneigenschaften.

Wenn ein Besucher die Seite über Facebook oder Twitter teilt, werden diese Meta-Tags von diesen Plattformen ausgelesen und berücksichtigt. So kann man sehr genau steuern, was für Texte und Bilder in der Vorschau der beiden Plattformen angezeigt werden.

 

Die Optionen im Konstanteneditor

Einige wichtige Einstellungen lassen sich direkt im Konstanteneditor vornehmen. So kann man hier zum Beispiel sehr einfach das Logo austauschen, den (Firmen)Namen für den Footer ändern, zwischen verschiedenen Navigationsvarianten umschalten und vieles mehr.

Site Management

Neu in TYPO3 9 LTS ist das Backend-Modul "Sites".

Über dieses Backend-Modul lassen sich viele Funktionen steuern, die in früheren TYPO3-Versionen recht umständlich per TypoScript oder über das Install-Tool eingestellt werden mussten, zum Beispiel

  • die für die Website verwendete Domain
  • die in der Website verwendeten Sprachen
  • die Fehlerbehandlung, zum Beispiel für 404-Fehler ("Seite nicht gefunden")
  • Feste (statische) URLs für bestimmte Seiten.

Um die Konfiguration zu bearbeiten, wechseln Sie in das "Sites"-Backend-Modul und bearbeiten dort die vorhandene Konfiguration.

Den wichtigsten Parameter finden Sie dort im Bereich "Allgemein", den sogenannten "Entry Point". Hier sollte die URL stehen, unter der Ihre Website erreichbar ist.

Wichtig: Hier sollte wirklich die komplette URL stehen, inklusive http:// oder https://

Im Prinzip könnte man hier auch einfach ein / hineinschreiben, aber dann funktioniert die Fehlerbehandling für zum Beispiel 404-Fehlerseiten nicht mehr korrekt.

Diesen Parameter müssen Sie nur ändern, wenn

  • Sie die Website auf SSL umstellen und per https ausliefern lassen
  • Sie die Website auf eine andere Domain umziehen

In­de­xie­rung der Website durch Suchmaschinen erlauben

Sobald Ihre Seite online geht, sollte Sie natürlich auch für Suchmaschinen sichtbar und indexierbar sein.

Während der Entwicklung einer Seite ist das aber oft nicht gewollt. Deshalb haben wir über eine Datei namens robots.txt die In­de­xie­rung der Website durch Suchmaschinen wie z.B. Google, Bing & Co. standardmäßig deaktiviert.

Dabei handelts es sich aber nicht um eine "echte" Datei, sondern wir nutzen hier ein neues Feature von TYPO3 9: die "Static Routes".

Über diese "statischen URLs" ist es möglich, feste URLs zu definieren, die entweder auf ein bestimmtes Ziel zeigen, zum Beispiel eine Seite, oder die einen festen Inhalt (Text) ausliefern.

Die robots.txt haben wir über die Variante mit einem statischen Text realsiert.

Wenn Sie mit den Anpassungen am Musterprojekt fertig sind und die Website online geht, müssen Sie daher folgende Schritte durchführen.

  1. Gehen Sie in das Backend-Modules "Sites"
  2. Bearbeiten Sie die vorhandene Konfiguration durch Klick auf das Stift-Symbol
  3. Wechseln Sie in den Reiter "Static Routes" und klicken dann in den grauen Bereich bei "robots.txt"
  4. In dem Feld "Static Text" sehen Sie den Inhalt der robots.txt
  5. Über die folgenden Zeilen wird die Indexierung durch Suchmaschinen verhindert:
    User-agent: *
    Disallow: /
  6. Um die Indexierung zu gestatten, löschen Sie diese beiden Zeilen
  7. Anschließend entfernen Sie bei den Zeilen ab "#User-agent: *" das Raute-Symbol am Zeilenanfang. Dadurch wird die Indexierung, bis auf einige Ausnahmen, gestattet
  8. Zum Abschluss klicken Sie oben auf "Speichern" (Save)

Haben Sie den Text korrekt bearbeitet, sollte der Eintrag so aussehen:

## Use the following lines to ALLOW robots the access to the website
## Remove the # at the beginning of each line
User-agent: *
Disallow: /fileadmin/_temp_/
Disallow: /t3lib/
Disallow: /typo3/
Disallow: /typo3_src/
Disallow: /clear.gif
Allow: /typo3/sysext/frontend/Resources/Public/*

 

Überblick über das Sitepackage

Wir setzen das Musterprojekt als ein sogenanntes Sitepackage um. Dabei handelt es sich im Prinzip um eine normale TYPO3-Erweiterung, in der alle für den Betrieb der Website notwendigen Dateien gebündelt sind. Dabei handelt es sich sowohl um Dateien für das Frontend wie Bilder, CSS oder JavaScript, als auch um Dateien für das Backend wie Fluidtemplates, TypoScript- und TSconfig-Dateien.

Dieses Video gibt Ihnen einen kurzen Überblick über die Struktur des Sitepackages.

Es richtet sich allerdings eher an Anwender, die schon Erfahrung mit TypoScript und Fluid haben und weitergehende Anpassungen am Musterprojekt vornehmen möchten.

Formular Empfänger ändern

Das Musterprojekt liefert ein einfaches Kontaktformular bereits mit. Bevor Sie das nutzen können, müssen Sie natürlich die E-Mailadresse angeben, an welche Eingaben aus dem Formular verschickt werden sollen.

Außerdem sehen Sie im folgenden Video, wie Sie das Formular auch auf anderen Seiten einfügen können.

Weitere Sprachen hinzufügen

Das Musterprojekt ist schon für Mehrsprachigkeit vorbereitet. Deutsch ist als Standardsprache definiert, Englisch als weitere Sprache.

Natürlich können weitere Sprachen beliebig hinzugefügt werden. Dazu sind 3 Schritte notwendig:

  1. Weitere Sprache im Backend anlegen 
  2. In der Site Configuration die Sprache hinzufügen
  3. Das TypoScript für das Sprachmenü im Kopfbereich anpassen.

Alle 3 Schritte sehen Sie in der folgenden Videoanleitung.

Hinweis: aktuell verwenden wir für die Erzeugung des Sprachmenüs noch die "klassische" Methode über das TypoScript HMENU. Wir hätten gerne den neuen languageMenuProcessor von TYPO3 9 verwendet, aber dieser unterstützt momentan noch nicht die Weitergabe von Extensions-Parametern in der URL (Stichwort: addQueryString). So würde die Sprachumschaltung zum Beispiel bei mehrsprachigen News-Artikeln nicht funktionieren sondern in einer Fehlermeldung resultieren.

Sobald das Problem (hoffentlich noch in TYPO3 9) behoben wurde, werden wir das entsprechend ändern.

Matomo Tracking-Code aktivieren

Mit Version 1.3.0 des Musterprojekts (veröffentlicht am 2. April 2019) haben wir die Möglichkeit integriert, ganz einfach den Tracking-Code von Matomo einzubinden.

Wenn Sie mit Matomo Statistiken über Besuche auf Ihrer Website erfassen, kann der notwendige Tracking-Code nun ganz einfach eingefügt werden.

Geben Sie dazu im Konstanten-Editor die URL der Matomo-Installation und die ID der in Matomo eingerichteten Website ein.

Hinweis:
Geben Sie die URL ohne http oder https und ohne abschließenden Schrägstrich ein. Beispielsweise wäre matomo.domain.de oder domain.de/matomo korrekt.

Die ID der Website finden Sie in den Matomo-Einstellungen im Abschnitt "Administration" - > "Websites" -> "Verwalten".

Verschiedene Konfigurationen für den CKEditor laden

Mit Version 1.5.0 des Musterprojekts haben wir die Möglichkeit integriert, zwei angepasste Konfigurationen für den CKEditor zu laden.

Über diese Konfigurationen können weitere Plugins eingebunden werden.

  • Wordcount: zeigt die Anzahl der Absätze, Wörter und Zeichen am unteren Rand des Eingabebereichs an
  • Codesnippet: damit können Code-Schnipsel mit Syntax Highlighting im Frontend ausgeben werden. 
    Momentan werden folgende Sprachen unterstützt:
    • Bash
    • HTML
    • JavaScript
    • PHP
    • CSS
    • SCSS
    • TypoScript
    • Yaml
    • XML

Über die Seiteneigenschaften im Bereich "Ressourcen" kann die Konfiguration geladen werden. Dabei stehen 3 Varianten zur Verfügung:

  1. Default + Codesnippet
  2. Default + Wordcount
  3. Default + Wordcount + Codesnippet

Wichtig: es sollte nur eine(!) Konfiguration geladen werden!

Codesnippet einfügen

Um ein Codesnippet einzufügen, klicken Sie auf die entsprechende neue Schaltfläche in der Werkzeugleiste des Editors.
In dem sich dann öffnenden Fenster wählen Sie über die obere Auswahlbox die gewünschte Sprache (oder lassen das einfach auf Standard) und fügen im großen Eingabebereich die Codezeilen ein. Bestätigen Sie die Eingabe mit einem Klick auf die Schaltfläche "OK".

Um einen vorhandenen Codeblock zu bearbeiten, führen Sie einfach einen Doppelklick mit der Maus in dem dunklen Bereich aus.

CSS bearbeiten

Für manche Anpassungen müssen die CSS-Dateien des Musterprojekts bearbeitet werden. Sie benötigen also gewisse Grundkenntnisse in CSS.

Solche Anpassungen können beispielsweise sein:

  • Änderungen von Farben für Elemente wie Schriften, Navigation, Seitenhintergrund etc.
  • Änderungen von Schriftarten
  • Änderungen von Schriftgrößen
  • und ähnliches

Alle CSS-Dateien des Musterprojekts liegen im Verzeichnis typo3conf/ext/jwmusterprojekt9/Resources/Public/Css/

In der Datei styles.css sind alle grundlegenden CSS-Definitionen enthalten.

Im Verzeichnis typo3conf/ext/jwmusterprojekt9/Resources/Public/Css/Menu/ liegen die CSS-Dateien der verschiedenen Navigationsvarianten.

Um Anpassungen an der Darstellung der News-Extension vorzunehmen, muss die Datei typo3conf/ext/jwmusterprojekt9/Resources/Public/Css/Extensions/news-basic.css bearbeitet werden.

Tipp: vor der Bearbeitung von CSS-Dateien ist es unter Umständen hilfreich, über den Konstanteneditor die Parameter "Compress CSS" und "Concatenate CSS" zu deaktivieren.

Im folgenden Video zeigen wir ein paar Beispiele und geben noch weitere Tipps.

Die Seiten in der unteren Navigation

Im Fußbereich der Seite sehen Sie eine sogenannte "Meta-Navigation" mit Links auf verschiedene Seiten (Home, Kontakt, Impressum, Datenschutz).

In diesem Video sehen Sie, wie Sie die dort angezeigten Seiten bearbeiten können.

Das Musterprojekt selbst installieren

In den folgenden Videos zeigen wir, wie Sie das Musterprojekt für TYPO3 9 LTS selbst installieren können.

Voraussetzung dafür ist, dass Sie sich per SSH am Webserver anmelden. Wie das geht, zeigen wir in eigenen Videoanleitungen für Windows- (Putty, MobaXterm), Linux- und Mac-Anwender.

Neue Website live schalten

Wenn Sie eine neue Website zum Beispiel auf einer kostenlosen Entwicklungsdomain (*.webseiten.cc) erstellt haben, während die alte Website auf der "richtigen" Domain weiter läuft, soll irgendwann ja dann die neue Version auf der Hauptdomain angezeigt werden. Dafür sind eigentlich nur 2 Schritte nötig:

  1. Im Kundenmenü in den Einstellungen der Domain den Zielpfad auf die neue TYPO3-Installation zeigen lassen, ggf. die PHP-Version und PHP-Edition anpassen (für TYPO3 9.5 empfohlen: PHP 7.2 LATEST oder 7.3 LATEST, Edition "EXTENDED", Sichere Einstellungen: Ja)
  2. Im Backend von TYPO3 9.5 in der Site Configuration den "Entry Point" auf die Hauptdomain anpassen

Alle Schritte werden im folgenden Video erklärt.

Änderungsprotokoll

Hier dokumentieren wir alle Änderungen, die wir im Lauf der Zeit am TYPO3 Template vornehmen. So können Anwender ihre eigene Installation immer auf dem laufenden Stand halten. Künftige TYPO3 Updates werden so deutlich einfacher.

Am 11.03.2019 haben wir die Versionsbezeichnung der Sitepackage-Extension "jwmusterprojekt9" angepasst. Die Versionsbezeichnung ist jetzt völlig unabhängig von der Version des TYPO3-Kerns. So werden zukünftige Bugfix- oder Feature-Releases des Sitepackages einfacher.

Welche Version in Ihrer Installation verwendet wird, können Sie einfach im Extension Manager einsehen.

Version 1.11.2

2020-03-27 [BUGFIX] SVG in "Text & Media"-CE not visible

Modified files:
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Version 1.10.1

2019-10-14 [BUGFIX][FOLLOWUP] Removed remaining unused scss file from cookieconsent

Removed file:
* EXT:jwmusterprojekt9/Resources/Private/Sass/Extensions/cookieconsent.scss

2019-10-14 [BUGFIX] Fixed header height, if search and language menu are disabled both.

Modified files:
* EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_layout.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Version 1.10.0

2019-10-09 [TASK] Set version number to 1.10.0

Modified files:
* EXT:jwmusterprojekt9/composer.json
* EXT:jwmusterprojekt9/ext_emconf.php

2019-10-09 [TASK] Cookieconsent script removed

Modified file:
* EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript

Removed files:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/cookieconsent.typoscript
* EXT:jwmusterprojekt9/Resources/Public/Css/Extensions/cookieconsent.css
* EXT:jwmusterprojekt9/Resources/Public/Css/Extensions/cookieconsent.min.css
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/cookieconsent.min.js

Version 1.8.0

2019-07-29 [FEATURE] Controlling the order of website-title and page-title in the title tag with a constant

TYPO3 by default prints a title tag in the format “website: page title”.
If pageTitleFirst is set then the page title will be printed IN FRONT OF the template title. So it will look like “page title: website”.

Modified files:
* EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/000_config.typoscript
* EXT:jwmusterprojekt9/Resources/Private/Language/de.locallang.xlf
* EXI:jwmusterprojekt9/Resources/Private/Language/locallang.xlf

Version 1.7.3

2019-07-12 [SECURITY] Update jQuery to version 3.4.1

Due to a known vulnerability of jQuery 3.3.1 we have replaced it with version 3.4.1.

Modified file:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/001_page.typoscript

New file:
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/Lib/jquery-3.4.1.min.js

Removed file:
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/Lib/jquery-3.3.1.min.js

Version 1.7.2

2019-06-25 [BUGFIX] Remove flickering from ScrollToTop button

Modified files:
* EXT:jwmusterprojekt9/Resources/Private/Layouts/Standard.html
* EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_scrolltotop.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Version 1.7.1

2019-06-19 [BUGFIX] Responsive Rendering of internal videos files

Due to a missing CSS definition, internally hosted videos were not rendered correctly.

If you use the extension video_shariff, we strongly recommend to update this extension
to at least version 1.2.1 as well.

Modified files:
* EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_fluidstyledcontent.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Version 1.7.0

2019-06-06 [TASK] Setting for the search form content element uid in constants.typoscript

Before the uid of the search form content element was "hard coded" in lib.search.typoscript.
Now you can define it within a constant.

Modified files:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/lib.search.typoscript
* EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript
* EXT:jwmusterprojekt9/Resources/Private/Language/locallang.xlf
* EXT:jwmusterprojekt9/Resources/Private/Language/de.locallang.xlf

Version 1.6.2

2019-05-21 [TASK] Optimize loading of Codesnippets JavaScripts

If you load a configuration with syntax highlighting for the RTE, several JavaScripts
will also be loaded.
By default, another JavaScript file was loaded from the file prism.js via a Cloudflare CDN,
a cookie was set as well. For data protection reasons this is not the best solution.

With these changes the JavaScript is loaded on the one hand only, if an appropriate
RTE configuration is selected, on the other hand also the additional JavaScript file
is loaded locally. An external CDN is no longer accessed.

Modified files:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/001_page.typoscript
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/prism.js

New file:
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/clipboard.min.js

Version 1.6.1

2019-05-13 [BUGFIX] Prevent exception with missing logo file

In the constants of the sitepackage you can specify the path to an image file to be used as a logo.
If this path is not correct or this file does not exist, an error message is displayed in the
frontend and the website no longer works.

With a viewhelper you can check if a file exists in the fluidtemplate and catch this error message.
We use here the ExistsViewHelper of EXT:vhs, thanks to Claus Due.

The integration of the logo file has been changed, instead of a TypoScript IMAGE-cObject, the
image is now created in the fluidtemplate via <f:image>.

New file:
* EXT:jwmusterprojekt9/Classes/ViewHelpers/ExistsViewHelper.php

Modified files:
* EXT:jwmusterprojekt9/composer.json
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/002_page.10.typoscript
* EXT:jwmusterprojekt9/Resources/Private/Partials/Header.html

Deleted file:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/lib.logo.typoscript

Version 1.6.0

2019-05-06 Release of version 1.6.0
2019-05-06 [BUGFIX] Top margin of the search button in mobile view

Modified files:
* EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_search.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

2019-05-06 [FEATURE] Turn on/off display of searchbox in the header

A new option in the constants editor controls if the search field is displayed in the header area of the page.

Modified files:
* EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/002_page.10.typoscript
* EXT:jwmusterprojekt9/Resources/Private/Language/de.locallang.xlf
* EXT:jwmusterprojekt9/Resources/Private/Language/locallang.xlf
* EXT:jwmusterprojekt9/Resources/Private/Partials/Header.html

Version 1.5.2

2019-04-30 [BUGFIX] "Scroll-to-top" button ist visible immediately after loading the page
The CSS of the sitepackage must be loaded after the CSS of fontawesome.

Modified file:
* EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/001_page.typoscript

Version 1.5.1

2019-04-25 [TASK] Release of version 1.5.1
2019-04-25 [TASK] Release of version 1.5.0
2019-04-25 [FEATURE] Select custom configurations for CKEditor via PageTSconfig
You can now load different configurations for the CKEditor via TSconfig in the page properties.

The following plugins can be selected:
* Codesnippet (Syntax highlighting)
* Wordcount (shows number of paragraphs, words and characters in RTE field)
* Codesnippet + Wordcount (both plugins are loaded)

New files:
* EXT:jwmusterprojekt9/Configuration/RTE/codesnippets.yaml
* EXT:jwmusterprojekt9/Configuration/RTE/wordcount-codesnippet.yaml
* EXT:jwmusterprojekt9/Configuration/RTE/wordcount.yaml
* EXT:jwmusterprojekt9/Configuration/TSconfig/RTE/codesnippets.tsconfig
* EXT:jwmusterprojekt9/Configuration/TSconfig/RTE/wordcount-codesnippet.tsconfig
* EXT:jwmusterprojekt9/Configuration/TSconfig/RTE/wordcount.tsconfig

Modified files:
* EXT:jwmusterprojekt9/ext_localconf.php
* EXT:jwmusterprojekt9/Configuration/TCA/Overrides/pages.php
* EXT:jwmusterprojekt9/Configuration/TSconfig/Page.tsconfig
* EXT:jwmusterprojekt9/Resources/Private/Sass/style.scss
* EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Removed files/directories:
* EXT:jwmusterprojekt9/Configuration/RTE/individual.yaml
* EXT:jwmusterprojekt9/Resources/Public/JavaScript/Plugins/

2019-04-15 [TASK] Update language packs
2019-04-15 [TASK] Update EXT:news to version 7.2.0

Version 1.4.1

2019-04-10 [Bugfix]Adjusted Button padding 
                   Changed files:
                   EXT:jwmusterprojekt9/Resources/Private/Sass/Fontawesome/_core.scss
                   ​​​​​​​EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_forms.scss
2019-04-10 [Bugfix]Deleted excess comma
                   Changed files:
                   ​​​​​​​EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_paginator.scss

Version 1.4.0

2019-04-09 Update Musterprojekt Release Version to 1.4.0
2019-04-09 [FEATURE] New fontawesome font + css
                   deleted fontawesome font version 4 and added fontawesome version 5.8.1
                   added new sass files and inserted typoscript for css
                   News files:
                   *EXT:jwmusterprojekt9/Resources/Private/Sass/Fontawesome/
                   *EXT:jwmusterprojekt9/Resources/Public/Css/Fontawesome/
                   *EXT:jwmusterprojekt9/Resources/Public/Fonts/FontawesomeFree/
                   Changed files:
                   EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/001_page.typoscript
2019-04-09 [FEATURE] Additional optional Ext:News typoscript
                   Changed files:
                   *EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/ext.news.typoscript
2019-04-09 [TASK]added missing css for _sm-4
                   Changed files:
                   *EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_grid.scss
2019-04-09 [TASK]added css for btn-primary and btn-secondary
                   Changed files:
                   *EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_forms.scss

Version 1.3.0

2019-04-02 [TASK] Release of version 1.3.0 EXT:jwmusterprojekt9
2019-04-02 [TASK] Split backend layout definitions in single files

                  This makes it easier to add more backend layouts. Each backend layout
                  is stored in its own file in the folder
                  EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/.

                  In the file EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts.tsconfig
                  each file is imported via an @import command. To remove a layout, you can
                  easily deactivate the import by adding a "#" at the beginning at a line.

                  Changed file:
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts.tsconfig

                  New files:
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/standard.tsconfig
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/1col.tsconfig
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/2col.tsconfig
                  * EXT:jwmusterprojekt9/Configuration/TSconfig/BackendLayouts/3col.tsconfig

2019-04-02 [FEATURE] Prepared tracking code for matomo

                  If you use Matomo to gather statistics about visits on your website,
                  the necessary tracking code can now be easily inserted.

                  In the constant editor, enter the URL of the Matomo installation and
                  the ID of the website set up in Matomo.

                  Note:
                  Enter the URL without http or https and without a final slash.
                  For example, matomo.domain.de or domain.de/matomo would be correct.

                  The ID of the website can be found in the Matomo settings in the
                  section "Administration" - > "Websites" -> "Manage".

                  Changed files:
                  * EXT:jwmusterprojekt9/Configuration/TypoScript/constants.typoscript
                  * EXT:jwmusterprojekt9/Resources/Private/Language/locallang.xlf
                  * EXT:jwmusterprojekt9/Resources/Private/Language/de.locallang.xlf

                  New file:
                  * EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/trackingcodes.typoscript

2019-04-02 [TASK] Added 2 lines in .htaccess to enable SSL if needed.

                  If you have an SSL certificate for your domain, you can enable automatic
                  redirection to https by enabling lines 371 and 372. To do this, remove
                  the # symbol at the beginning of the following lines:
                  #RewriteCond %{SERVER_PORT} !^443$
                  #RewriteRule (.*) https://%{HTTP_HOST}/$1 [R=301,L]

                  Changed file:
                  * .htaccess

2019-04-02 [TASK] Width of images in news single view increased, responsive image rendering improved. Set the backend layout of the news detail page to "Default Layout".
                  
                  Changed files:
                  * EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/ext.news.typoscript
                  * EXT:jwmusterprojekt9/Resources/Private/Sass/News/news-basic.scss
                  * EXT:jwmusterprojekt9/Resources/Public/Css/News/news-basic.css

2019-03-28 [TASK] Add scheduler.sh in typo3conf/
2019-03-13 [TASK] Update EXT:news to version 7.1.0

Version 1.2.1

2019-03-12 [BUGFIX] Grid columns collapse, if empty.
           
           Changed files:
           * EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_grid.scss
           * EXT:jwmusterprojekt9/Resources/Public/Css/style.css

Version 1.2.0

2019-03-12 [TASK] Set version to 1.2.0
2019-03-12 [FEATURE] Use languageMenuProcessor instead of TypoScript
           Since TYPO3 9.5.5, the languageMenuProcessor respects extension parameters. It is also much more flexible than the old TypoScript method.

           New file:
           * EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/languageMenuProcessor.typoscript

           Changed files:
           * EXT:jwmusterprojekt9/Resources/Private/Partials/Header.html
           * EXT:jwmusterprojekt9/Resources/Private/Partials/LanguageMenu.html
           * EXT:jwmusterprojekt9/Resources/Private/Sass/Modules/_menu.scss
           * EXT:jwmusterprojekt9/Resources/Public/Css/style.css

           Removed file:
           * EXT:jwmusterprojekt9/Configuration/TypoScript/Setup/lib.multilanguage.typoscript

Version 1.1.0 (vormals: 9.5.5)

2019-03-05 Update auf TYPO3 9.5.5
           Neben vielen weiteren Bugfixes funktioniert jetzt auch das Language Fallback wieder
2019-02-15 [TASK] Release version 9.5.5
2019-02-14 [FEATURE] EXT:video_shariff https://extensions.typo3.org/extension/video_shariff/
2019-02-14 [TASK] Update language packs
2019-02-13 [BUGFIX] Font size for teaser text in news single view
2019-02-13 [TASK] Added EXT:sys_action
2019-02-13 [TASK] Deactivate RTE for news teaser
2019-02-13 [BUGFIX] Respect cropping of header image
2019-02-13 [FEATURE] Integrate cookie warning
2019-02-12 [TASK] Migrate all remaining TypoScript conditions to new syntax
2019-01-25 [BUGFIX] Add configuration for XML sitemap

Version 1.0.4 (vormals: 9.5.4)

2019-01-22 [TASK] Update to TYPO3 9.5.4
2019-01-22 [BUGFIX] Set correct value for indexed_search's partialRootPaths; Clear the lib.search object on search results page
2019-01-21 [TASK] Use default configuration for RTE

Version 1.0.3 (vormals: 9.5.3)

2018-12-18 [TASK] Remove static route to sitemap.xml due to a possible bug in TYPO3
2018-12-18 [TASK] Revert: Don't use .html as page suffix
2018-12-17 [TASK] Don't use .html as page suffix
2018-12-17 [BUGFIX] CKEditor was deactivated for an unknown reason
2018-12-14 [BUGFIX] Set correct language fallback
2018-12-14 [TASK] Update to 9.5.3
2018-12-12 [TASK] Update to TYPO3 9.5.2
2018-11-22 [TASK] Update application context naming
2018-11-15 [TASK] Set unifiedPageTranslationHandling to false (default value)
2018-11-15 [TASK] Add basic contact form.
2018-11-15 [TASK] Set base URL to / for more flexibility
2018-11-09 [TASK] CSS style expanded for make editing easier for the user.
2018-11-08 [TASK] Modernise TypoScript for background image in header
2018-11-07 Remove systemMaintainers array
2018-11-07 [TASK] Empty systemMaintainers array
2018-11-06 [TASK] Changed Readme
2018-11-06 [TASK] Set version to 9.5.1
2018-11-06 [TASK] Update news to version 7.0.8, fix language handling.
2018-10-26 [TASK] Add german language

 

Aktualisiert: 28.07.2023