CSS Backdrop allows you to create modern and visually appealing effects directly using CSS. Of particular interest is the `backdrop-filter` property, which can be used to blur, brighten or change the colour of the area behind an element, for example. This creates effects that are now commonly found on modern websites, in navigation menus, overlays and user interfaces.
In TYPO3, breadcrumbs are normally generated from the page structure. However, this is often not sufficient for detail pages of extensions, as the actual data record is not part of the TYPO3 root line. In this post, I’ll show you how to use a custom DataProcessor to dynamically integrate additional data records into the breadcrumb navigation – using t3extblog as an example.
TYPO3 v14 has made working with SEO-relevant page data considerably easier. Whereas previously TypoScript, custom PageTitleProviders or bespoke PHP solutions were often required, specialised Fluid ViewHelpers are now available to define the title tag and meta tags directly within templates. This makes managing search engine and social media metadata much more convenient and straightforward.
The title tag is one of the most important SEO factors for a website. Not only is it displayed in the browser tab, but it can also be used as the headline for search results on Google and other search engines.
In TYPO3, the title tag can be controlled very flexibly using TypoScript. For example, the page title, the name of the website or even individual values from page properties can be combined with one another.
In this article, I’ll show you how to customise the title tag in TYPO3 using TypoScript and how to change it depending on different conditions.
Modern websites often feature small animations that become visible as you scroll. Headings, images, blocks of text or entire content areas, for example, are gently faded in or slide in from the side as soon as they appear within the browser’s visible area.