Onepage-Webseiten Demos
Nutzen Sie eine unserer Onepage-Demos um sich mit dem Aufbau vertraut zu machen.
Onepage-Webseiten selber erstellen
Wichtig:
Die Onepage-Seite muss die erste Seite im einem Seitenbaum sein.
Schritt 1: Seiten anlegen
Layout > Seitenstruktur > Neue Seite anlegen
Folgende Seiten werden benötigt:
- One-Page Seite [Seitenlayout: One-Page]
- Optional: Newsreader [Seitenlayout: One-Page: Blank]
- Optional: Portfolioreader [Seitenlayout: One-Page: Blank]
Schritt 2: Artikel anlegen
Bitte legen Sie die gewünschten Artikel an und vergeben Sie denjenigen Artikeln, die als Menüpunkt für die Navigation dienen sollen, eine eindeutige CSS-ID.
Inhalte > Artikel > Artikeleigenschaften > Experteneinstellungen > CSS-ID
Schritt 3: Frontend-Modul anlegen
Layout > Themes > Frontend-Module > Ein neues Modul erstellen [Typ: Onepage-Navigation]
Die CSS-IDs der Artikel im Feld Anker eintragen.
Schritt 4: Frontend-Modul einbinden
Inhalte > Artikel > Neuen Artikel anlegen
Artikeleinstellungen:
- Layoutbereich: Kopfzeile
- Template-Einstellungen > Artikel-Template: mod_article_onepage_nav
Frontend-Modul einbinden:
Inhalte > Artikel Onepage-Navigation > Ein neues Inhaltselement erstellen > Typ: Module > Onepage-Navigation
Externe Seiten
Externe Seiten wie das Impressum müssen auch den Artikel mit der Onepage-Navigation enthalten. Zusätzlich müssen diese Seiten das Seitenlayout One-Page aufweisen.
Die One-Page Seite muss die erste Seite in einem Seitenbaum sein, da diese als Referenz für die Navigation dient.
Nachrichten & Portfolio
Die folgenden Module sind für die Verwendung auf einer Onepage-Seite ausgerichtet und können dort platziert werden. Diese Module öffnen die Leser-Seite in einer Lightbox:
- Portfoliolist (One-Page)
- Newsteaser (One-Page)
- Newsteaser (Timeline: Left/Right | One-Page)
Platzieren Sie die Leser-Module auf einer eigenen Seite. Dieser Seite muss das Seitenlayout One-Page: Blank (Lightbox-Pages) zugewiesen sein.