Leistungen TYPO3: Typoscript, Fluid, Bootstrap, Tutorial

Seit dem Jahr 2014 betreibt die Internetagentur Irma Berscheid-Kimeridze Webseiten mit dem Content Management System TYPO3. Seinerzeit mit der Georgienseite gestartet, sind 2015 diese Webseite der Agentur und die Georgisch.Com hinzugekommen. Im Herbst 2020 ging mit TYPO3 Schulung ein Portal für Seminare und Schulungen für TYPO3 ins Netz.

Für all diese Projekte gilt, dass Thomas Berscheid die gesamte Webseite vom TypoScript über die Fluid Templates und das responsive Frontend mit einer Bootstrap Navigation selbst programmiert hat. Erfahren Sie hier also mehr über unsere Leistungen.

Einrichtung des Systems

  • Aufsetzen des Systems auf einem Testserver 
  • Einrichtung der Datenbank mit UTF-8 formatierten Datensätzen 
  • ggf. Einspielen von Daten aus einer bestehenden Webseite 
  • Installation einer Distribution von TYPO3 in der aktuellsten Version per Composer, GIT oder ZIP-Download
  • Einrichtung von Benutzergruppen und Benutzern mit abgestimmten Rechten 
  • Einrichtung des Dateiverzeichnisses im fileadmin 
  • Erstellung einer Provider Extension / eines Site Package zur Konfiguration der Webseite
  • Installation aller JS- und CSS-Komponenten nach Kundenwusch (z. B. Bootstrap, Bildergalerien) 
  • Setup in TypoScript (Angaben zur Seite, Inhalte herausschreiben, Navigation, ggf. Mehrsprachigkeit) 
  • Einrichtung des Backend 
  • Setup von Extensions (z. B. Powermail, News System oder KE Search) nach Kundenwunsch

Templating

  • Erstellung eines Frontend in HTML
  • Erstellung von Dateien für Layout und Partials 
  • CSS zur Gestaltung der Seite und des Frontend 
  • Einbindung von Schnittstellen oder einer API zu externen Scripten (z. B. Facebook, Twitter, XING, LinkedIn) 
  • Testphase auf unterschiedlichen Geräten und Plattformen 
  • SEO - Suchmaschinenoptimierung der Webseite auf mehreren Ebenen

Extensions

  • Programmierung von Extensions nach Kundenwunsch in enger Absprache mit dem Auftraggeber 
  • Erstellung einer Provider Extension zur Konfiguration von TypoScript und des Layouts über Fluid Templates für die Webseite
  • Einrichtung der Extension auf dem Testsystem 
  • Einrichten und Anpassen von Extensions aus dem TYPO3 Extension Repository
  • Einrichten von Extensions zur Umsetzung der Cookie-Richtlinie der EU

Ein Beispiel für Extensions unserer Agentur finden Sie bei den Bildergalerien für die Georgienseite. Mehr über Extensions in TYPO3 können Sie im TYPO3 Tutorial von Thomas Berscheid lesen.

Redaktion

  • Anlegen der Verzeichnisstruktur der Webseite 
  • Einspielen oder Einfügen von textlichen Inhalten 
  • Strukturieren von Texten mit Überschriften und Formatierungen zur SEO-Optimierung 
  • Aufbau des Bilderverzeichnisses 
  • SEO für Bilder (ALT- und TITLE-Texte, Namen der Bilder und Verzeichnisse) 
  • Suchmaschinenptimierung von textlichen Inhalten für META-Tags
  • Einrichtung eines Impressums auf Basis der Kundendaten und einer Datenschutzerklärung, die detailliert auf die technische Einrichtung der Webseite Bezug nimmt (z. B. Einbindung Google Fonts, YouTube Videos)

Erfahren Sie mehr über SEO speziell für TYPO3 in unserem Ratgeber zur Suchmaschinenoptimierung für dieses Content Management System.

Livegang

  • Domain einrichten 
  • Umschaltung des Testsystems auf Livebetrieb 
  • Einrichtung eines Zugangs zu Google Analytics und Google Search Console 
  • Anmeldung der Webseite bei Suchmaschinen

Wir bieten Ihnen eine Checkliste zum Livegang einer TYPO3 Webseite an.

TYPO3 Tutorial von Thomas Berscheid

Möchten Sie mehr über TYPO3 erfahren? Vielleicht die ersten Schritte mit dem System unternehmen? Dann sehen Sie sich die Inhalte des TYPO3 Tutorials von Thomas Berscheid an:

Warum TYPO3?

Warum TYPO3 als CMS? Argumente für das Content Management System

Warum sollte man TYPO3 als Content Management System einsetzen? Welche Argumente gibt es für TYPO3 als CMS? Auf diesem Teil der Webseite unserer Internetagentur habe ich eine Reihe von Argumenten zusammengetragen, die für den Einsatz von TYPO3 sprechen. Dies sind in erster Linie Erfahrungen aus mehr als 20 Jahren Praxis mit Programmierung und Betrieb von Webseiten. In dieser Zeit habe ich eine Reihe von unterschiedlichen Technologien und Systemen kennen gelernt. Habe Verzögerungen beim Relaunch erlebt. Und Probleme, die man bei TYPO3 nicht erleben wird.

Über TYPO3

Einführung in das CMS TYPO3. Technische Anforderungen des Systems

Eine kleine Einführung in TYPO3. Was ist TYPO3 überhaupt für ein CMS? Welche technischen Anforderungen hat das System? Mit welchen Programmen arbeitet man am Besten, wenn man an einer Webseite mit TYPO3 arbeitet?

TYPO3 einrichten

TYPO3 einrichten ✔ XAMPP als lokaler Server ✔ PHP und mySQL

TYPO3 läuft auf einer Vielzahl von Servern. Eine Möglichkeit, eine Webseite mit TYPO3 lokal zu entwickeln, bietet der XAMPP. Mit Hilfe eines Apache Webserver, einer mySQL Datenbank und PHP als Scriptsprache können Sie sich recht einfach eine eigene lokale TYPO3 Webseite installieren. Lernen Sie in den ersten Schritten das Backend von TYPO3 kennen!

TYPO3 Template

Backend Template für TYPO3 Webseite anlegen ✔ TypoScript Setup ✔ Fluid Template

Damit Sie Inhalte für eine TYPO3 Webseite eingeben können, richten Sie ein Backend Template ein. Die redaktionell eingefügten Inhalte werden über das TypoScript Setup an das HTML Template für das Frontend weitergereicht. Die Schritte zur Konfiguration und Anpassung des grundlegenden Templates für eine TYPO3 Webseite schildern wir Ihnen Schritt für Schritt in diesem Kapitel!

Navigation in TYPO3

Navigation für TYPO3 Webseite ✔ TypoScript ✔ Mega Menu mit VHS Viewhelper

Jede Webseite, die mehr als ein Einseiter ist, braucht eine Navigation. TYPO3 stellt mit einer Programmiersprache TypoScript eine Reihe von Möglichkeiten bereit, eine Navigation aufzubauen. Bei den Anforderungen an moderne Lösung in Zusammenarbeit mit Bootstrap ist TYPO3 ganz vorne dabei. Lesen Sie, wie Sie ein Mega Menu in TYPO3 mit TypoScript oder dem VHS Viewhelper aufbauen.

TYPO3 Extensions

TYPO3 Extensions ✔ Richtige Erweiterung finden ✔ Anwendungen und Funktionen

TYPO3 kommt bei seiner Installation schon mit einer reichhaltigen Fülle von Funktionen. Aber für viele Anwendungen braucht man zusätzlich oder spezialisierte Funktionen einer Webseite. Dafür gibt es TYPO3 Extensions.

Wie findet man nun die richtige TYPO3 Extension? Welche Wege gibt es zu einer effektiven Suche? Nach welchen Parametern und Optionen können Sie suchen? Und wie ist eine Extension programmiert? Erfahren Sie mehr dazu in diesem Kapitel unseres TYPO3 Tutorials!

TYPO3 Snippets

TYPO3 Code Snippets ✔ TypoScript, CSS, HTML und JavaScript

Wenn man mit TYPO3 arbeitet, dann hat man als Entwickler oft nach ein paar Jahren einen Fundus von Quellcode, den man in seiner täglichen Arbeit einsetzt. Dies gilt für die Konfiguration einer TYPO3 Webseite, aber auch für kleine Anwendungen, die man auf einer Webseite zur Verfügung stellt oder nutzt.

Dieses Wissen wollen wir mit Ihnen teilen! Erfahren Sie mehr darüber, wie Sie Konstanten in TYPO3 setzen. Oder wie Sie Google Fonts lokal auf Ihrem Webserver einbinden, um den Datenschutz Ihrer Besucher zu verbessern.

Informationen zu TYPO3

Vergleich TYPO3 und Wordpress ✔ Checkliste vor Livegang der Webseite

Ihr TYPO3 Projekt ist bereit für den Livegang und Sie fragen sich was nun zu tun ist? Erfahren Sie mehr in unserer Checkliste!

Sie wollen mehr über TYPO3 wissen? Vielleicht sind Sie auf der Suche nach Gleichgesinnten, um mehr über TYPO3 zu erfahren? Oder aber Sie suchen nach einem Programm, mit dem Sie Ihre eigene TYPO3-Webseite lokal betreiben können? 

Zu all dem finden Sie eine Reihe von Links in der Linkliste unseres TYPO3 Tutorials!