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 beinhalten. Um es zu nutzen, können Sie einfach das statische Template in Ihrem 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, müssen Sie 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.. */
)
}
}
Info:
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 finden Sie auf: https://www.ampproject.org/docs/guides/responsive/style_pages