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
SHF_________69B______
3_N____I____C_6___NYN
H_B___TSF___BL1______
P_M____A______L___UT2
3MJ_________GR9______