Bitte beachte, dass sich diese Dokumentation auf die neuste Version dieser Erweiterung bezieht. Wenn eine ältere Version eingesetzt wird, kann diese abweichen. Die jeweils passende Dokumentation befindet sich im Dokumentation-Verzeichnis der Erweiterung.
Gestaltung der AMP-Ansicht
Das Gestalten der AMP-Ansicht funktioniert wie bei normalen HTML-Seiten mit CSS. Die AMP-Erweiterung liefert ein kleines statisches Template mit, welches einige Grundstile beinhaltet. Um es zu nutzen, kannst du einfach das statische Template in Deinem Template-Datensatz einschließen.
Die statischen Template Stile sind in einem TypoScript-Knoten enthalten:
plugin.tx_amp {
settings {
stylesheets.basic (
body {
background-color: white;
padding: 15px;
}
/* ..more styles.. */
)
}
}Um zusätzliche Stile für eine spezielle AMP-Ansicht hinzuzufügen, musst Du diese zu dem TypoScript-Knoten additional hinzufügen, wie folgt:
plugin.tx_amp {
settings {
stylesheets.additional (
/* Specific styles for the EXT:openimmo */
body {
background-color: red;
}
/* ..more styles.. */
)
}
}Intern führt die AMP-Extension stylesheets.basic und stylesheets.additional zusammen und komprimiert sie so, dass sie gut in die AMP-Ansicht passt.
Warnung:
AMP erlaubt nicht alle Stile! Mehr Informationen findest Du auf: https://www.ampproject.org/docs/guides/responsive/style_pages
TYPO3 - AMP
Accelerated mobile pages (kurz: AMP für "Beschleunigte mobile Seiten") sind "lade-optimierte" Websites, speziell entworfen für mobile Geräte wie Smartphones und Tablets.