Über diese Demo
Die Fullpage-Demo für REDAXO demonstriert eine sogenannte Onepage-Website oder auch Onepager mit fullPage.js.
Alle Inhalte werden auf einer Webseite in Fullpage-Slides dargestellt und beim scrollen wird direkt zum nächsten Slide gescrollt.
Die Inhalte werden aus den Artikeln der Kategorien zu den einzelnen Slides der Website zusammengesetzt. Die Navigation wird automatisch generiert.
Addon-Einstellungen
Über die Addon-Einstellungen können einige Parameter für die optische Darstellung und Funktionalität der Webseite geändert werden.
zum Beispiel ...
- Theme und Logo
- Scrollverhalten der Website
- zusätzliche Navigationen (Navi-Dots)
- Scrollgeschwindigkeit usw.
Mit dem Addon werden automatisch vier verschiedene Themes ausgeliefert.
Sie unterscheiden sich durch unterschiedliche CSS-Definitionen, Bilder und JavaScript-Effekte.
Die Themes können als Basis für ein eigenes Theme verwendet werden.
Artikel / Kategorien
Die Root-Kategorien und ihre Startartikel werden automatisch als Slides der Webseite zusammengesetzt.
Die Namen der Kategorien werden für die automatisch generierte Navigation verwendet.
Kategorien können über die Metadaten aus der Navigation ausgeblendet werden.
Sind mehrere Artikel in einer Kategorie vorhanden werden diese automatisch als horizontale Slides ausgegeben.
Über die Addon-Einstellungen können auch Unterkategorien und ihre Artikel als horizontale Slides ausgegeben werden.
Der On/Offline-Modus für Kategorien und Artikel wird berücksichtigt.
Inhaltselemente
Die Fullpage-Demo bringt einige Basis-Module als Beispiele für die Inhalte mit.
- Headline
- Text mit Bild (1-3 Spalten)
- Zentrierter Text (1 - 3 Spalten)
- Bild in voller Größe
- Bildergalerie
- Video
- Scrolldown/Scrollup-Arrow
- Download
Hinweis: Die Textfelder unterstützen Markdown
Informationen zur Fullpage-Demo
Die Fullpage-Demo für REDAXO ist völlig frei verwendbar, sowohl für private als auch für kommerzielle Projekte!
Addon und Themes von Andreas Eberhard https://aesoft.de
zu finden bei github https://github.com/FriendsOfREDAXO/demo_fullpage
für FriendsOfREDAXO https://friendsofredaxo.github.io/info
Bugs und Anregungen zur Demo bitte direkt auf github melden
https://github.com/FriendsOfREDAXO/demo_fullpage/issues
Vielen Dank an:
Jan Kristinus, Thomas Blum, Gregor Harlan, Peter Bickel, Dirk Schürjohann, FriendsOfREDAXO ...
Testseite
Hier noch eine Testseite mit horizontalen Slides. Alle Artikel dieser Kategorie werden als horizontale Slides ausgegeben.
Die Artikel der Unterkategorien werden je nach Addon-Einstellung auch als horizontale Slides ausgegeben.
Für alle Slides wird automatisch das Hintergrundbild dieser Kategorie übernommen.
Für jeden einzelnen Slide können über die Artikel-Meta-Daten folgende Werte angepasst werden:
- Hintergrundfarbe
- Hintergrundbild
- Hintergrund-Video
Beispiel Bildergalerie
