Kompatibilität:

WebSite X5 Evo und Pro

Websites sind nicht alle gleich: Außer unterschiedlichen Inhalten und grafischen Elementen haben sie auch unterschiedliche Strukturen, mit mehr oder weniger Seiten je nach der Anzahl der Informationen, die sie präsentieren. Es gibt eine besondere Art von Websites, die dank ihrer einfachen und praktischen Struktur oft verwendet werden: Die sogenannten One-Page Websites.


Es geht um Websites, die nur aus einer Seite bestehen, die in verschiedenen Bereichen geteilt ist. Die Menüeinträge sind in diesem Fall mit den entsprechenden Bereichen, anstatt mit den verschiedenen Seiten assoziiert. Diese Lösung bringt viele Vorteile: Einerseits die geringe Größe der Website selbst, andererseits die Benutzerfreundlichkeit für den Besucher, der die Bereiche einfach browsen kann, um die gewünschten Informationen schneller zu finden.


Auch mit WebSite X5 können Sie eine One-Page Website erstellen. Diese Struktur haben wir bei verschiedenen Templates angewendet, z. B.  GeenoPanino, PetsVet oder CV Power. Sehen wir jetzt zusammen, wie man die Sitemap und die Inhalte organisieren kann, um die perfekte One-Page Website zu gestalten.


Gestaltung der Sitemap

Der erste Schritt ist am einfachsten: Unsere Website muss eine einzige Seite haben.

  • Öffnen Sie ein neues Projekt und gehen Sie auf Schritt 3 - Erstellen der Sitemap: Markieren und löschen Sie dann alle die standardmäßigen Seiten außer der Homepage.
  • Um das Navigationsmenü einzustellen, sollen Sie die Ebenen anwenden. Die One-Page Website könnte beispielsweise aus 3 Bereichen bestehen: "Willkommen", "Services" und "Kontakt": Erstellen Sie für jeden Eintrag eine Ebene. Klicken Sie auf Neue Ebene und umbenennen Sie sie als "Willkommen", dann machen Sie dasselbe mit den anderen Einträgen.
  • Jetzt ist die Struktur der Website bereit und Sie können jetzt die Inhalte eintragen: Markieren Sie die Homepage und klicken Sie auf Weiter, und Schritt 4 - Erstellen der Seiten zu öffnen.


Gestaltung der Inhalte

Weiter mit unserem Beispiel, sollen Sie jetzt eine einzige Seite erstellen, die aus 3 Bereichen besteht: Willkommen wird eine Einführung sein, die Ihr Geschäft oder Ihre Firma vorstellt; Services präsentiert das, was Sie Ihren Kunden und Besuchern anbieten können, unter Kontakt sind alle die nötigen Informationen, damit man mit Ihnen schnell und mühelos Kontakt aufnehmen kann.  Entwickeln Sie also Ihre Seite, indem Sie  sie idealerweise in 3 Bereichen teilen, und bei jedem die nötigen Objekte einfügen.


Jetzt sollen Sie die sogenannten Anker aktivieren. Ein Anker ist ein Bezugspunkt, der die Position eines Objekts innerhalb der Seite identifiziert. Anker werden verwendet, um dem jeweiligen Bereiche Direktlinks zuzuweisen. Sie sollen also 3 Anker hinzufügen, eine für jeden Bereich der One-Page Website:

  • Wählen Sie das erste Objekt des ersten Bereiches aus, dem Sie den Anker zuzuweisen möchten und klicken Sie auf  Anker > Anker einfügen.
  • Geben Sie dem Anker einen Namen, z. B. Willkommen. 
  • Wählen Sie jetzt das erste Objekt des zweiten Bereiches aus, dem Sie den Anker zuzuweisen möchten und folgen Sie den beschriebenen Schritten wieder. Dieses Mal könnte der Name Services sein.
  • Machen Sie dasselbe auch mit dem Kontakt-Anker für den dritten Bereich.


Sie haben also jetzt drei Anker, die die 3 Bereiche identifizieren, die auch in der Sitemap auf Schritt 3 vorhanden sind. Diese Anker sollen Sie also jetzt mit den Menüeinträgen assoziieren, damit die Website einfach zu browsen ist. 


#Tipp - Sie können mehr über die Erstellung und Verwaltung der Anker auf der folgenden Anleitung erfahren: So stellen Sie einen Link auf einem Anker ein


Gestaltung des Menüs

Die letzten Schritte betreffen also die Verbindung zwischen den Menüeinträgen und den Bereichen der Seite, was eigentlich ganz einfach ist:

  • Gehen Sie auf Schritt 3 - Erstellung der Sitemap zurück, markieren Sie den Eintrag Willkommen und klicken Sie auf Eigenschaften.
  • Klicken Sie auf dem Fenster Eigenschaften der Ebene auf , um einen Link auf der Ebene einzustellen.
  • Wählen Sie auf dem Fenster Link die Option Seite der Website aus: Die wird die Homepage sein.
  • Stellen Sie jetzt den Interner Seitenanker Willkommen, klicken Sie dann auf OK.
  • Wiederholen Sie dann diese Schritte, um die Einträge Services und Kontakt mit den entsprechenden Ankern zu verbinden. 


Ihre One-Page Website ist jetzt  bereit: Ihre Besucher werden Sie die verschiedenen Bereiche der Website beim Klicken auf den entsprechenden Einträgen besuchen. Sie sollen also nur das Projekt online stellen und der ganzen Welt  Ihre Produkte und Dienstleistungen präsentieren!


#Tipp - Sticky Bar. Wenn Ihre Seite bestimmt lang ist, können Sie das Browsen noch benutzerfreundlicher machen, indem Sie ein Menü auch in der Sticky Bar eintragen (mehr Informationen auf: So können Sie eine Menüleiste beim Scrollen immer sichtbar machen). 


#Tipp -  Full Height. Sie können einen  einnehmenden Effekt von vertikalem Bildlaufs mit der Funktion Full Height (mehr Informationen auf: Die Funktion Full Height für die Erstellung eines vertikalen Bildlaufs anwenden).