Mit CSS Backdrop lassen sich moderne und visuell ansprechende Effekte direkt mit CSS umsetzen. Besonders interessant ist dabei die Eigenschaft backdrop-filter, mit der sich der Bereich hinter einem Element beispielsweise weichzeichnen, aufhellen oder farblich verändern lässt. Dadurch entstehen Effekte, die man heute häufig bei modernen Websites, Navigationen, Overlays und Benutzeroberflächen findet.
Breadcrumbs werden in TYPO3 normalerweise aus der Seitenstruktur aufgebaut. Bei Detailseiten von Extensions reicht das jedoch oft nicht aus, da der eigentliche Datensatz nicht Teil der TYPO3-Rootline ist. In diesem Beitrag zeige ich, wie sich mit einem eigenen DataProcessor zusätzliche Datensätze – am Beispiel von t3extblog – dynamisch in die Breadcrumb-Navigation integrieren lassen.
Mit TYPO3 v14 wurde die Arbeit mit SEO-relevanten Seitendaten deutlich vereinfacht. Während bisher häufig TypoScript, eigene PageTitleProvider oder individuelle PHP-Lösungen erforderlich waren, stehen nun spezielle Fluid ViewHelper zur Verfügung, um den Title Tag und Meta-Tags direkt innerhalb von Templates zu definieren. Dadurch wird die Pflege von Suchmaschinen- und Social-Media-Metadaten wesentlich komfortabler und übersichtlicher.
Der Title Tag gehört zu den wichtigsten SEO-Faktoren einer Website. Er wird nicht nur im Browser-Tab angezeigt, sondern kann auch als Überschrift des Suchergebnisses bei Google und anderen Suchmaschinen verwendet werden.
In TYPO3 lässt sich der Title Tag sehr flexibel über TypoScript steuern. Dabei können beispielsweise der Seitentitel, der Name der Website oder auch individuelle Werte aus Seiteneigenschaften miteinander kombiniert werden.
In diesem Artikel zeige ich, wie sich der Title Tag in TYPO3 mit TypoScript individuell aufbauen und abhängig von unterschiedlichen Bedingungen verändern lässt.
Moderne Websites arbeiten häufig mit kleinen Animationen, die beim Scrollen sichtbar werden. Überschriften, Bilder, Textblöcke oder ganze Content-Bereiche werden beispielsweise sanft eingeblendet oder von der Seite hereingeschoben, sobald sie im sichtbaren Bereich des Browsers erscheinen.