Dieses Tutorial zeigt, wie Sie Navigationsmenüs für Ihre mit dem Site Creator von Infomaniak erstellten Website erstellen, sowie deren Zusammensetzung, Stile und Einstellungen.

Voraussetzungen

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

Die verschiedenen Navigationsmenüs

Die verschiedenen Seiten, aus denen Ihre Website besteht, können über ein oder mehrere Navigationsmenüs aufgerufen werden:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Standardmäßig wird die Liste Ihrer Seiten angezeigt, gruppiert in 2 Hauptkategorien: HAUPTMENÜ und RECHTLICHES: 
   

Sie können jedoch mehrere Menüs hinzufügen.

Diese Menüs mit den darin enthaltenen Seiten werden dann an verschiedenen Stellen Ihrer Website verwendet, je nach gewähltem Design:

• Oft befindet sich das Hauptmenü oben auf der Seite: 
  
• und die anderen Menüs werden automatisch im Footer angezeigt:
  

Menüs verwalten

Ein neues Menü hinzufügen

So geht's:

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

Sie können die Anzeige des Menüs in der Seitenstruktur verwalten oder es (und alle zugehörigen Seiten) löschen:

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

Lesen Sie diesen anderen Leitfaden, um zu erfahren, wie Sie kein Menü anzeigen.

Ein Unterelement in einem Menü erstellen

So geht's:

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

Menüpunkt, der nicht anklickbar ist

Wählen Sie gegebenenfalls, dass der allererste Menüpunkt eines Menüs mit Untermenüpunkten (wie oben konfiguriert) nicht anklickbar sein soll:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen, um diese Einstellung unter Optionen für Untermenüs zu ändern:
   

Menüpunkt, der einen Link zu einer anderen Website enthält

So geht's:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
   • Die Liste Ihrer Seiten wird angezeigt.
2. Klicken Sie unterhalb der vorhandenen Struktur auf die Schaltfläche Seite hinzufügen:
   
3. Geben Sie einen Seitenamen ein und klicken Sie auf Weitere Optionen anzeigen.
4. Wählen Sie die URL-Weiterleitung, um das Ziel beim Klicken anzugeben: 
   

Zusätzliches Menü oben

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 Weitere Einstellungen.
3. Aktivieren Sie die Header-Menüleiste: 
   
4. Nach der Aktivierung können Sie diese über den Link Einstellungen am selben 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. Klicken Sie dann auf Konfiguration: 
   
4. Sie können dann beispielsweise die Position Ihrer Menüs festlegen (auf der linken Seite der Seite oder oben, fest oder mobil, Typ "Hamburger-Menü ☰" rechts oder normal usw.): 
   

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

Wenn dieses Menü mit drei horizontalen Linien ☰ beispielsweise auf einem Mobilgerät weiß auf weiß angezeigt wird:

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ü-Design auswählen

Ändern Sie den vordefinierten Stil komplett mit den Designs ganz oben im Untermenü:

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

Festes Menü

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

• Das Menü verschwindet, wenn man auf der Seite nach unten scrollt:
  
  
   
• Sie können ein Menü festlegen, das immer am oberen Rand der Seite fixiert bleibt (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 Grundeinstellungen.
4. Wählen Sie im Feld Menütyp die Option Im Header.
5. Der Schalter Am oberen Rand fixiert wird weiter unten angezeigt, und Sie können ihn aktivieren.
6. Klicken Sie auf Speichern:
   

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

Ihre Menüs in den Seiteninhalt einfügen

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

• Fügen Sie das Element über Apps hinzu:
  

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

Die URL der Seite festlegen

Standardmäßig lautet die URL für Ihre Seite www.domain.xyz/kontakt, wenn der Name Ihrer Seite Kontakt lautet.

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

So legen Sie die benutzerdefinierte URL der Seite fest, auf der Sie sich befinden:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf SEO & Metadaten (unter Einstellungen für diese Unterseite).
3. Im ersten Feld oben können Sie die Adresse der Seite festlegen. Leerzeichen werden in Bindestriche umgewandelt, und Sonderzeichen, Akzente, Symbole usw. sollten vermieden werden:
   

Wenn URL-Änderungen während der Erstellung der Website vorgenommen werden und ein Menü bereits einen Link zu der betreffenden Seite enthält, wird dieser dynamisch angepasst.