Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.


Vorhergehende Überarbeitung
start [2024.03.12 12:21] (aktuell) thomweb
Zeile 1: Zeile 1:
 +====== Wiki der Internetagentur Irma Berscheid-Kimeridze ======
  
 +In diesem Wiki können Sie Informationen lesen, die Sie zum Bau einer Webseite auf Basis des Redaktionssystems TYPO3 brauchen. 
 +
 +===== Inhalt =====
 +
 +
 +  * TypoScript zur Konfiguration von TYPO3
 +  * Aufbau einer Navigation mit TypoScript in 3 Ebenen für Bootstrap
 +  * Setzen und Auslesen von Werten über Constants
 +  * Libs zur Einbindung in TYPO3 Webseite
 +  * Codeschnipsel für die Entwicklung von TYPO3 Extensions mit Extbase und Fluid, der Aufbau von Templates und Partials; die Logik mit Iterationen und Conditions
 +  * Beispiele für Aktionen und Funktionen für Controller und Repository
 +  * JavaScript: Mehrere beispielhafte Konfigurationen für den Slick Slider
 +  * jQuery für slidende Elemente und den Tausch von Layouts bei MouseOver Effekten
 +  * Beispiele für CSS: Pfeile rein mit CSS, verzögerte Effekte und Grundbegriffe des Flex Layout
 +  * Mehrere Methoden für Umleitungen mit der .htaccess Datei
 +
 +
 +===== Changelog =====
 +
 +==== 12. März 2024 ====
 +
 +TYPO3 bietet uns die Möglichkeit, Backend Layouts nicht nur über die Datenbank zu konfigurieren, sondern auch auch über Page TsConfig anzubinden. In der neuen Seite [[backend_layout|Backend Layout]] beschreiben wir Vorteile und Umsetzung dieser Technologie.
 +
 +==== 31. Januar 2024 ====
 +
 +Die Möglichkeiten von Fluid in TYPO3 sind gewachsen. Ein weiteres Beispiel dafür ist der Asset Viewhelper, mit dem die Konfiguration von [[fluid_head_setup|HEAD Angaben]] in Fluid Templates und Partials erfolgen können.
 +
 +==== 9. Januar 2024 ====
 +
 +Mit der TYPO3 Version 12 gibt es die Möglichkeit eine Content Security Policy (CSP) einzurichten. Was eine CSP ist, wie sie vor XSS schützt und wie man sie mit TYPO3 und PHP einrichtet, erfahren Sie in diesem [[content_security_policy_csp|Artikel zur Einrichtung einer CSP mit TYPO3]].
 +
 +==== 11. Dezember 2021 ====
 +
 +Die Precompiler SASS und LESS erlauben strukturiertes und einfacher wartbares CSS für eine TYPO3 Webseite zu schreiben. SEO durch weniger Netzwerkzugriffe und Datenreduzierung ist ein weiterer Punkt, warum man [[sass_css|SASS bei TYPO3]] ins Auge fassen sollte.
 +
 +==== 24. November 2021 ====
 +
 +Der MenuProcessor im TYPO3 Core bietet neue Möglichkeiten, eine NavBar Navigation im Header, eine statische Navigation im Footer oder einen Language Selector als Sprachumschalter aufzubauen: [[fluid_navigation|Navigation mit Fluid Templates]]
 +
 +==== 9. Februar 2021 ====
 +
 +Wenn man Bilder in eine Webseite einbindet, kann man SEO damit forcieren, dass man dem Browser die Auswahl des richtigen Bildes überlässt. Denn ein Smartphone braucht ein anderes Bild als ein 27 Zoll Desktop Rechner. Das HTML-Element IMG SRCSET erlaubt uns diese Auswahl. Erfahren Sie, wie man ein Source Set mit TYPO3 umsetzt: [[fluid_partials#typo3_img_srcset_im_partial|IMG SRCSET im Partial]]
 +
 +==== 14. Januar 2021 ====
 +
 +Für eine gute SEO kann man Google Fonts lokal und per Preload zum herunterladen einbinden. Eine TypoScript Vorlage, finden Sie hier: [[typoscript_head_setup#google_fonts_mit_preload_einbinden|Fonts mit Preload einbinden]]
 +
 +
 +==== 29. November 2020 ====
 +
 +Die Extension Faceted Search wird sehr gerne zur Suche auf einer TYPO3 Webseite genutzt. Wir haben dazu einen eigenen Indexer geschrieben, um den Blog unserer Agenturwebseite durchsuchen zu lassen. [[faceted_search|Extension Faceted Search]]
 +
 +==== 15. November 2020 ====
 +
 +Rich Text Snippets machen es Suchmaschinen einfacher: mit strukturierten Daten kann Google Informationen auf einer Webseite schneller erfassen. Zur SEO sollte man diese Technologie nutzen. Beispiele zur Suchmaschinenoptimierung finden Sie bei [[rich_text_snippets|Rich Text Snippets]]!
 +
 +
 +==== 14. November 2020 ====
 +
 +Mit TYPO3 10.4 gibt es die Option, den Data Processor für ein Sprachmenu zu nutzen. Einen Language Selector können Sie nun per Fluid Template mit ein wenig TypoScript umsetzen. Source Code dazu haben wir im neuen Kapitel [[fluid_navigation|Fluid Navigation]] bereitgestellt.
 +
 +==== 4. November 2020 ====
 +
 +Wir haben einige Arbeiten an unserem Blog vollzogen. Um Parameter im Link zu vermeiden, haben wir Einzel- und Listenansichten ein Routing mit der config.yaml eingerichtet. Hier gibt es [[typo3_9_5_seo_sites_routing#configyaml_-_blog_routing_configuration|Code Beispiele zum Routing]].
 +
 +==== 27. August 2020 ====
 +
 +Mehrere neue Code Snippets zu CSS in TYPO3: [[font_awesome|Font Awesome in TYPO3 einbinden]]. Zudem gibt es eine Extension für die Einbindung von Font Awesome in den CKEditor. Und die Möglichkeit, das CSS nur einmal für beide Zwecke zu laden.
 +
 +==== 6. Juli 2020 ====
 +
 +Wichtig for SEO bei TYPO3: Wie kann ich den <TITLE>-Tag und die META Description aus den Daten einer Extension heraus füllen? Für den Blog unserer Agentur haben wir dies realisiert - [[extension_meta_tags|Lesen Sie unser Beispiel]].
 +
 +
 +==== 13. Juni 2020 ====
 +
 +Die Datenschutzgrundverordnung (DSGVO) und die Cookie Richtlinie sind zwei Dinge, die TYPO3 Entwickler in diesen Monaten in Atem halten. Es gibt zwei Extensions, die man zu diesem Zweck in eine TYPO3 Webseite einbauen kann. Wir schildern Ihnen eine beispielhafte Konfiguration von [[cookieman|Cookieman]] und [[cookie_consent|Cookie Consent]] für Ihre Webseite.
 +
 +==== 12. April 2020 ====
 +
 +Wie lädt man Google Fonts so auf seiner Webseite, dass es keine Probleme mit dem Datenschutz gibt? 
 +\\ Mehr dazu hier: 
 +[[google_fonts_lokal|Google Fonts lokal einbinden]] mit Anleitung und Code Snippets.
 +
 +==== 4. Januar 2020 ====
 +
 +
 +Neues Jahr, neuer Code: Wir haben ein neues Kapitel zu Code Snippets für TYPO3 eröffnet!
 +
 +Als erstes ein sehr aktuelles Thema: Wie bringe ich auf einer TYPO3 Webseite ein PopUp unter, auf dem der Besucher seine Zustimmung zu Cookies geben kann? [[cookie_consent|Hier mehr]] zu unserer derzeit favorisierten Extension und deren Konfiguration.
 +
 +==== 1. Oktober 2019 ====
 +
 +Wir haben unser Kapitel zum Aufbau der **Navigation** mit TYPO3 massiv erweitert:
 +
 +  * Für **Bootstrap 3** gibt es zum Aufbau der NavBar eine Vorlage für das [[bootstrap_navigation|TypoScript]] und das [[bootstrap_3_navigation|CSS Style Sheet]] zum Einbau in eine TYPO3 webseite
 +  * Für **Bootstrap 4** sind nun das [[bootstrap_4_navigation|TypoScript]] und das [[css_bootstrap_4_navigation|CSS]] hinzugekommen.
 +
 +Bei Bootstrap 4 gibt es nun auch die Integration eines **Mega Menu**.
 +
 +
 +====24. September 2019====
 +
 +Das Kapitel Navigation ist um einige Beiträge gewachsen. Wir schildern Ihnen, wie man eine [[typoscript_navigation|Breadcrumb-Navigation]] aufbaut.
 +
 +====14. September 2019====
 +
 +Viel Neues im Frontend! Aus den Projekten der letzten Monate gibt es eine Tipps und Kniffe für die Gestaltung des Slick Slider. Wie mache ich die Pfeile sichtbar? Die gestalte ich Dots? Und wie schiebe ich Inhalte responsiv über das Bild im Hintergrund? [[slick_slider_layout|Mehr dazu hier]].
 +
 +==== 12. September 2019 ====
 +
 +Das Kapitel Navigation in TypoScript ist um einige neue Beiträge ergänzt worden. Hier finden sich nun Vorlagen für einen Sprachumschalter mit Textlinks und eine Version mit Flaggen als Umschalter.
 +
 +==== 6. Mai 2019 ====
 +
 +Die neue Version 9.5 von TYPO3 bietet einige Erleichterungen bei der Generation sprechender Links und er Erzeugung eine Sitemap. Beispiele dafür nun in der Navigation.
 +
 +==== 24. September 2018 ====
 +
 +Die LTS Version 9 von TYPO3 steht in den Startlöchern. Damit einher geht eine veränderte Anbindung an die Datenbank. Für selbst geschriebene SQL Anfragen gibt es ab jetzt den [[repository_datenbank#der_connectionpool|ConnectionPool]].
 +
 +==== 1. Oktober 2018 ====
 +
 +Einbindung von Libraries in TYPO3 Webseiten:
 +\\ User Function zur Darstellung von Nachrichten aus der News Extension in jeder Webseiten. Incl. Zuweisung von Constants über Settings in der User Funktion.