Loading...
Navigation überspringen
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

Kontaktanfrage

Du kannst uns jederzeit kontaktieren

Stop! Playing in the meantime?
Stop! Playing in the meantime?
Stop! Playing in the meantime?

Stop! Playing in the meantime?

Break the highscore

Press Start
Contact request
Screenreader label
Security question
C43_________7________
R______E____Q_I___IU7
84T___3O3___GH5______
__8____9______R___75G
NHX___________J______