Onepage-Webseiten Demos

Nutzen Sie eine unserer Onepage-Demos um sich mit dem Aufbau vertraut zu machen.

Zum Demo-Installer

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]

Seitenstruktur
Seitenstruktur
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

Artikel
Artikel
Artikeleinstellungen > CSS-ID
Artikeleinstellungen > 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.

Frontend-Modul Onepage-Navigation
Frontend-Modul Onepage-Navigation
Schritt 4: Frontend-Modul einbinden

Inhalte > Artikel > Neuen Artikel anlegen

Artikeleinstellungen:

  • Layoutbereich: Kopfzeile
  • Template-Einstellungen > Artikel-Template: mod_article_onepage_nav
Artikeleinstellungen für Onepage-Navigation
Artikeleinstellungen für Onepage-Navigation

Frontend-Modul einbinden:

Inhalte > Artikel Onepage-Navigation > Ein neues Inhaltselement erstellen > Typ: Module > Onepage-Navigation

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.

Copyright 2024. All Rights Reserved.
You are using an outdated browser. The website may not be displayed correctly. Close