"OnePager" Startseite

?Scrollen ist das neue Klicken. OnePager sind das neue Responsive Webdesign."
Onepager, auch bekannt als One Page Websites oder Single Page Layouts, erfreuen sich auch im Jahr 2016 immer größerer Beliebtheit. Immer mehr Unternehmen kommen auf den Geschmack, alle Informationen auf einer einzigen HTML-Seite anzuzeigen und die Navigation lediglich als Sprungmarke zu nutzen, um an die richtige Position zu scrollen. Für Viele ist ein ganz neues Bedienerlebnis, ähnlich wie Responsive Webdesign.

Auch VereinOnline ermöglicht den Aufbau einer Ein-Seiten-Startseite.

Beispiel: https://www.vereinonline.org/WJ_Beispielkreis/









Zum Aufbau einer solchen Seite als Startseite legen Sie eine Reihe neuer statischer Seiten an:



Sie sind natürlich in der Wahl und in der Reihenfolge frei - dei oben gezeigte Seite kann im Einzelnen wie folgt erstellt werden:

  1. Auswahl eines responsive-Layouts
    Administration » Basiskonfiguration » Layout: WJ-Bayern-2015, Responsive, , ResponsiveV2, ResponsiveV3, ResponsiveV4

  2. Anlage der Standard-Module (falls noch nicht geschehen)
    Administration » Basiskonfiguration » Vorlagen » statische Seiten, Button "Standard-Struktur hinzufügen"

  3. Einfügen der einer statischen Startseite vom Typ "LandingPage"
    Administration » Vorlagen » HTML » statische Seiten:
    • Seitenname/Linkname: beliebig (z.B. "willkommen")
    • Position: 1
    • Sichtbarkeit: nur wenn nicht angemeldet
    • Template: LandingPage (wichtig!)
    • Inhalt leer

  4. Einfügen einer Unterseite: Wechselnde Bilder
    • Laden Sie zunächst die Bilder hoch
      Administration » Basiskonfiguration » Dateien
    • Legen Sie dann eine neue statische Seite an
      • Seitenname/Linkname: beliebig
      • Vater: die übergeordnete Seite ("willkommen")
      • Sichtbarkeit: nur wenn nicht angemeldet
      • Template: LandingPage_WechselndeBilder
      • Template-Parameter: Bilder = Liste der Bildnamen durch | getrennt
      • Inhalt leer

  5. Einfügen einer Unterseite: Normale statische Seite (oben im Beispiel: Termine, Mitgliedsantrag, Kontakt)
    • Legen Sie dann je eine neue statische Seite an
      • Seitenname/Linkname: beliebig
      • Vater: die übergeordnete Seite ("willkommen")
      • Sichtbarkeit: nur wenn nicht angemeldet
      • Template: Standard
      • Inhalt
          Für den Inhalt "Nächste Termine":
        • Klicken Sie bei Inhalt auf "HTML" und fügen Sie diesen Code ein: (,,zukunft,8 bedeutet die kommenden 3 Termine)
          <p>&nbsp;</p>
          <p><span style="font-size: x-large;"><strong>Die n&auml;chsten Termine</strong></span></p>
          <p>[vereinonline_termine(,,zukunft,8)]</p>
          <div class="termin">[vereinonline:datum]<br /> [vereinonline:zeit]<br /><span style="font-size: large;">[vereinonline:titel]<br /><br />[vereinonline_if(anmeldungmoeglich)]<a style="color: #000;" href="?veranstaltunganmelden=[vereinonline:id]">Anmeldung &gt;&gt;</a>[vereinonline_endif] </span></div>
          <p>[/vereinonline_termine]<br /><br /></p>
                  
        • Beispiel:

          Für den Inhalt "Mitglied werden":
        • Klicken Sie bei Inhalt auf "HTML" und fügen Sie diesen Code ein:
          <p>&nbsp;</p>
          <p><span style="font-size: x-large;"><strong>Mitglied werden</strong></span></p>
          <p>Wenn Sie Mitglied unseres Vereins werden m&ouml;chten, dann f&uuml;llen Sie bitte einen <span style="text-decoration: underline;"><a style="color: #000000; text-decoration: underline;" href="?mitgliedsantrag">Mitgliedsantrag</a></span> aus.</p>
                  
        • Beispiel:

          Für den Inhalt "Kontakt":
        • Klicken Sie bei Ihhalt auf "HTML" und fügen Sie diesen Code ein:
          <p>&nbsp;</p>
          <p><span style="font-size: x-large;"><strong>Kontakt</strong></span></p>
          <p>{#Webpart[kontaktmail(ihre@mailadresse.de)]#}</p>
                  
        • Beispiel:

  6. Einfügen einer Unterseite: Kontakt mit Karte
    • Legen Sie dann eine neue statische Seite an
      • Seitenname/Linkname: beliebig
      • Vater: die übergeordnete Seite ("willkommen")
      • Sichtbarkeit: nur wenn nicht angemeldet
      • Template: LandingPage_AdresseMitKarte
      • Template-Parameter: Longitude, Latitude
      • Inhalt leer



zur Übersicht   Ich habe eine Frage





Aktuelle Auszeichnungen


Weiterführende Dokumente