CMSimple OnePage

CMSimple OnePage Templates

Es gibt mehrere Varianten des OnePage Templates. Die Unterschiede bestehen in der Anzeige und Platzierung des Hauptmenüs und sind teilweise erst dann erkennbar, wenn man das Fenster schmal zieht.

OnePage01     OnePage02     OnePage03

In der letzten Zeit ist ein Trend aufgekommen, die ganz kleinen Seiten, sogenannte Web Visitenkarten, als OnePager auszuführen. Nun muss man nicht jedem Trend unbedingt nachlaufen, aber es ist ziemlich einfach, mit CMSimple eine solche One Page Website zu erstellen.

Dieser OnePager wird nur durch ein spezielles Template erzeugt. Ein Plugin wird nicht benötigt, die von CMSimple bereitgestellten Funktionen und Variablen sind vollkommen ausreichend. Sichtbare h1-Seiten werden im OnePager angezeigt, versteckte h1-Seiten und alle anderen nicht. Versteckte Seiten können jedoch verlinkt werden und werden dann einzeln angezeigt, wie hier z. B. die Datenschutzerklärung.

Sowohl das interne OnePage Menü als auch die Klassen für die einzelnen Seiten werden automatisch erzeugt, die Klassen der äusseren divs bieten sich zum stylen in der stylesheet.css des Templates an.

Die CSS Klassen werden so erzeugt, dass bei einer Änderung der Seitennamen im OnePager nichts passiert, das Styling bleibt erhalten. Werden h1-Seiten verschoben, ändert sich die Zuordnung der Klassen, und es kann sein, dass eine Umordnung der Klassen in der stylesheet.css notwendig wird.

Anleitung zur Einrichtung

Das Template sammelt alle sichtbaren h1-Seiten ein und zeigt sie auf der Startseite an. Ich empfehle, auf OnePage Websites ausschliesslich mit h1 Seiten zu arbeiten, da man sonst schnell den Überblick verliert.

  • Alle h1-Seiten, die nicht im OnePager erscheinen sollen, müssen gelöscht oder per Pagedata versteckt werden.
  • Versteckte Seiten können im Inhalt und im Template verlinkt werden und erscheinen dann auf einer eigenen Seite. Das wird bei OnePagern gerne mit Seiten gemacht, die nicht direkt zum Inhalt der Seite gehören, wie z. B. Impressum und Datenschutzerklärung.
  • Die Seitenüberschriften der OnePage Seiten (bei normaler Konfiguration h1-h3) werden auf der OnePager Seite nicht angezeigt. Bei normaler Konfiguration kann man diese Seiten mit einer h4 Überschrift beginnen. Konfiguriert man CMSimple auf 1 Menulevel, kann man auch mit h2 Überschriften im Inhalt arbeiten.
  • Die Klassen für die Onepager Bereiche heissen ".tplge_page1" bis ".tplge_page9" und sind vorgestaltet. Das kann erweitert werden, es ist aber meines Erachtens nicht sinnvoll, einen OnePager aus mehr als 9 Seiten zu erstellen.
  • Wird in der CMSimple Konfiguration eine Mailadresse eingetragen, funktioniert das CMSimple Mailformular und es wird automatisch im OnePager Menü verlinkt. Es erscheint ausserhalb des OnePagers auf einer eigenen Seite.

Mehr fällt mir jetzt erstmal nicht ein, bei Fragen zum Thema im Forum » werde ich diesen Bereich eventuell erweitern.

Fotogalerie

Plugins sind auf dieser Art von OnePage Seiten kein Problem, hier zur Demo eine Fotogalerie, erstellt mit FotoPro »

Hausboot Törns Mecklenburg und Berlin

Hausboot Törns Berlin 2005 und Mecklenburger Seenplatte 2008

MultiMediaSlider "Berlin Bridges"

Diese Slideshow wurde mit dem CMSimple Plugin MultimediaSlider » erstellt. Der Slider hat einen Vollbildmodus, und er kann mit der Maus durch "ziehen mit gedrückter linker Maustaste" und auf Touchscreens mit "wischen" bedient werden.

Download

Das Template OnePage01 können Sie im Templates Bereich von ge-webdesign.de herunterladen. Bitte beachten Sie, dass dieses Template nicht zur Darstellung komplexer, umfangreicher und stark strukturierter Inhalte gedacht ist. Es ist eher eine attraktive Variante für sogenannte "Visitenkarten im Netz".

Hier geht es zur  Downloadseite »

Icke

Impressum

Betreiber dieser Seite:

Gert Ebersbach
Fritz-Reuter-Straße 4a
12623 Berlin

Tel.:
030 56699886

E-mail:
mail@ge-webdesign.de

Disclaimer - Haftungsausschluss

Trotz regelmässiger und sogfältiger Kontrolle übernimmt ge-webdesign keine Verantwortung für die Inhalte von Internetseiten, die von ge-webdesign.de aus verlinkt und somit erreichbar sind. Für die Inhalte dieser Seiten sind ausschliesslich deren Betreiber verantwortlich.

Startseite Kontakt-Formular Impressum Datenschutzerklärung Powered by CMSimple Template: ge-webdesign.de Login

 
nach oben