Dieser Leitfaden stellt die Erstellung von Navigationsmenüs für Ihre mit Site Creator Infomaniak erstellte Website sowie deren Zusammensetzung, Stile und Parameter vor.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Website bearbeiten, um den Editor zu starten:
    

Die verschiedenen Navigationsmenüs

Die verschiedenen Seiten, die Ihre Website ausmachen können innerhalb eines oder mehrerer Navigationsmenüs zugänglich sein:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Standardmäßig erscheint die Liste Ihrer Seiten, eingeteilt in 2 Hauptkategorien: HAUPTMENÜ und RECHTLICH:
   

Sie können jedoch mehrere hinzufügen.

Diese Menüs mit den Seiten, die sie enthalten, werden dann an verschiedenen Stellen Ihrer Website wieder aufgenommen, je nach gewähltem Thema:

• Oft finden Sie das Hauptmenü oben auf der Seite:
  
• und die anderen Menüs werden automatisch im Fußbereich angeboten:
  

Menüs verwalten

Ein neues Menü hinzufügen

Dazu:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Bewegen Sie den Mauszeiger über einen Menütitel in der bestehenden Hierarchie.
3. Klicken Sie auf das "+"-Symbol, das beim Überfahren angezeigt wird:
   

Sie können die Anwesenheit des Menüs im Website-Riss verwalten oder es löschen (sowie alle seine Seiten):

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Bewegen Sie den Mauszeiger über einen Menütitel in der vorhandenen Struktur und klicken Sie auf das Zahnradsymbol, das beim Überfahren erscheint:
   
3. Wählen Sie die gewünschten Einstellungen aus und bestätigen Sie diese am Ende der Seite:
   

Nehmen Sie sich die Zeit, diesen anderen Leitfaden zu lesen, um kein Menü anzuzeigen.

Ein Unterelement in einem Menü erstellen

Dazu:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
   • Die Liste Ihrer Seiten wird angezeigt.
2. Ziehen Sie mit der Maus eine Seite leicht nach rechts unter eine andere Seite:
   
   • Sie wird zu einer Unterseite und Ihr Menü auf der Website kann die erstellte Struktur anzeigen:
     
   • Nehmen Sie auch den folgenden Tipp zur Kenntnis…

Nicht klickbarer Menütitel

Wählen Sie gegebenenfalls, ob das ganz erste Element eines Menüs mit Untermenüelementen (wie oben konfiguriert) nicht klickbar sein soll:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf Allgemeine Einstellungen, um diese Einstellung unter Untermenüoptionen zu ändern:
   

Menüelement mit einem Link zu einer anderen Website

Dazu:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
   • Die Liste Ihrer Seiten wird angezeigt.
2. Klicken Sie auf die Schaltfläche Seite hinzufügen unter der vorhandenen Struktur:
   
3. Geben Sie einen Seitennamen ein und klicken Sie auf Mehr Optionen anzeigen.
4. Wählen Sie die URL-Umleitung, um das Ziel beim Klicken zu spezifizieren:
   

Zusätzliches oberes Menü

Um eine "Menüleiste" ganz oben auf Ihrer Seite anzuzeigen:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Mehr Einstellungen.
3. Aktivieren Sie die Menüleiste des Kopfbereichs:
   
4. Sobald sie aktiviert ist, können Sie sie über den Link Einstellungen am gleichen Ort anpassen:
   

Menü-Stile

Um die verschiedenen Menü-Stile zu verwalten:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Menü-Editor:
   
3. Dann auf Konfiguration:
   
4. Sie können insbesondere den Standort Ihrer Menüs festlegen (auf der linken Seite der Seite oder oben, fest oder mobil, Typ "Menü Hamburger ☰" rechts oder normal, usw.):
   

Farbe des Menüs "Hamburger" (☰) ändern

Wenn dieser Menüknopf mit drei horizontalen Linien ☰ beispielsweise auf einem mobilen Gerät weiß auf weiß erscheint:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Menü-Editor.
3. Klicken Sie auf Menütitel / Logo.
4. Passen Sie die Textfarbe an:
   

Ein neues Menüthema übernehmen

Wechseln Sie vollständig zu einem vordefinierten Stil mit den Themen ganz oben im Untermenü:

• Klicken Sie auf Menüvorlagen (immer unter Design, dann Menü-Editor):
  

Festes Menü

Die meisten vorgeschlagenen Menüs bewegen sich mit dem Inhalt der Seite.

• Das Menü verschwindet, wenn man nach unten scrollt:
  
  
   
• Sie können ein Menü definieren, das immer am oberen Rand fixiert sein sollte (mit verschiedenen visuellen Optionen):
  
  

Um das feste Menü zu aktivieren oder zu deaktivieren:

1. Klicken Sie auf Design.
2. Klicken Sie auf Menü-Editor.
3. Klicken Sie auf Hauptkonfiguration.
4. Wählen Sie Im Header im Feld Menütyp.
5. Der Umschalter Am oberen Rand fixiert wird weiter unten angezeigt und kann aktiviert werden.
6. Klicken Sie auf Speichern:
   

Einige Menüvorlagen (wie z. B. die #3 und die #16) wenden die optimalen Einstellungen für ein festes Menü direkt an.

Fügen Sie Ihre Menüs in den Hauptteil der Seite ein

Ein Modul Unterseitenmenü ermöglicht das Einfügen Ihrer Menüs und Untermenüs an jeder beliebigen Stelle Ihrer Seite:

• Fügen Sie das Element aus den Apps hinzu:
  

Das Modul Sitemap zeigt alle Menüs und alle Ihre Seiten in einem einzigen Block an.

URL der Seite festlegen

Standardmäßig, wenn der Name Ihrer Seite Kontakt lautet, lautet die URL zum Zugriff www.domain.xyz/kontakt.

Wenn Sie den Seitennamen später in Hallo ändern, lautet die URL www.domain.xyz/hallo.

Um die benutzerdefinierte URL der Seite festzulegen, auf der Sie sich befinden:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf SEO & Metadaten (unter Einstellungen dieser Unterseite).
3. Das erste Feld oben ermöglicht das Festlegen der Seitenadresse. Alle Leerzeichen werden in Bindestriche umgewandelt und Sonderzeichen, Akzente, Symbole usw. sollten vermieden werden:
   

Wenn während der Erstellung der Website Änderungen an den URLs vorgenommen werden, während ein Menü bereits einen Link zur betreffenden Seite enthält, wird dieser dynamisch angepasst.