Wissensdatenbank

Dieser Leitfaden richtet sich an Nutzer von Site Creator von Infomaniak, die die Suchmaschinenoptimierung (SEO) ihrer Website verbessern möchten.

Einleitung

• Infomaniak ist einer der leistungsstärksten Hosting-Anbieter auf dem französischsprachigen Markt, was zu einer guten Platzierung Ihrer Websites in den Suchergebnissen beiträgt.
• Infomaniak wird jedoch nicht in den Inhalt oder die Entwicklung der gehosteten Websites eingreifen (lesen Sie diesen anderen Leitfaden zur Suchmaschinenoptimierung).

Site Creator bei Google anmelden

Voraussetzungen

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

Um Ihre Website bei der Google-Suchmaschine einzureichen:

1. Klicken Sie im linken Menü auf die Schaltfläche Anwendungen.
2. Klicken Sie auf die Anwendung Zu Google hinzufügen:
   

Mit dieser Anwendung können Sie zwei Aktionen durchführen:

1. Öffnen Sie die Google Search Console-Oberfläche, mit der Sie die Analysen Ihrer Website verwalten können:
   
2. Dort können Sie den Verifizierungscode einfügen, der von Google Search Console bereitgestellt wird, falls Sie die einfache Methode wählen (siehe unten):
   

Überprüfung des Eigentums (von Google angefordert)

Wenn Sie Ihre Website zu dem Google-Tool hinzufügen und auf die Schaltfläche in Schritt 1 oben klicken, werden Ihnen zwei Optionen angeboten:

1. die Methode zur Überwachung einer gesamten Domain, die eine Überprüfung erfordert, die auf der Ebene Ihrer Domain (in der Infomaniak-Oberfläche, falls Ihre Domain/DNS-Zone von Infomaniak verwaltet wird) durchgeführt werden muss,
2. die einfachere Methode, mit der Sie die genaue URL Ihrer Website angeben können und bei der die Überprüfung direkt über Site Creator erfolgt:
   

1. Methode mit Überprüfung des Domain-Eigentums

1. Geben Sie die vollständige URL Ihres Site Creator ein und klicken Sie auf Weiter:
   
2. Stellen Sie sicher, dass der Typ TXT ausgewählt ist, und klicken Sie auf die Schaltfläche KOPIEREN:
   
3. Klicken Sie hier, um zur Verwaltung Ihres Domainnamens zu gelangen, falls dieser bei Infomaniak verwaltet wird (andernfalls müssen Sie diese Schritte bei dem jeweiligen Anbieter durchführen).
4. Klicken Sie direkt auf den Namen des betreffenden Produkts.
5. Klicken Sie im linken Menü auf DNS-Zone.
6. Klicken Sie auf die Schaltfläche zum Hinzufügen eines Eintrags:
   
7. Wählen Sie den Typ TXT aus der Liste aus.
8. Klicken Sie auf die Schaltfläche Weiter:
   
9. Lassen Sie dieses Feld leer oder geben Sie den Begriff ein, der vor Ihrem Domainnamen steht, falls Sie eine Website der Form xxx.domain.xyz erstellt haben (in diesem Beispiel würden Sie visit in das Feld Quelle eingeben, da Site Creator unter https://visit.exemple-domaine.ch erstellt wurde).
10. Fügen Sie die im vorherigen Schritt (Punkt 2) abgerufenen Informationen ein.
11. Klicken Sie auf die Schaltfläche Speichern:
    
12. Kehren Sie zum Google-Tool zurück und klicken Sie auf Überprüfen (warten Sie einige Minuten, falls die Überprüfung nicht sofort erfolgt):
    
13. Fertig, die Verbindung zwischen Ihrem Site Creator und der Analysekonsole wurde hergestellt. Klicken Sie auf die Schaltfläche, um die Konfiguration der Ressource vorzunehmen:
    

2. Einfache Methode

1. Geben Sie die vollständige URL Ihres Site Creators ein und klicken Sie auf Weiter:
   
2. Klicken Sie auf den Pfeil ‍, um den Abschnitt HTML-TAG aufzuklappen, der die Informationen enthält, die Sie in Site Creator einfügen müssen, um die Zugehörigkeit nachzuweisen.
3. Klicken Sie auf die Schaltfläche KOPIEREN:
   
4. Fügen Sie die Informationen in das dafür vorgesehene Feld in Site Creator ein.
5. Speichern Sie die Änderungen:
   
6. Kehren Sie zum Google-Tool zurück und klicken Sie auf Überprüfen (warten Sie einige Minuten, falls die Überprüfung nicht sofort erfolgt):
   
7. Fertig, die Verbindung zwischen Ihrem Site Creator und der Analysekonsole wurde hergestellt. Klicken Sie auf die Schaltfläche, um die Konfiguration der Ressource vorzunehmen:
   

Meta-Tags definieren

Sobald Sie sich in Site Creator befinden:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Klicken Sie auf SEO und Metadaten.
4. Fügen Sie Titel, Beschreibung und Schlüsselwörter für die gesamte Website ein:
   
   

Hier können Sie auch die Datei robots.txt bei Bedarf verwalten.

Um dies für eine bestimmte Seite festzulegen:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Klicken Sie auf Seiten-Einstellungen.
4. Klicken Sie auf SEO & Metadaten.

Wenn Sie diese Seite nicht bearbeiten, verwaltet Site Creator Ihre Meta-Tags dynamisch.

Sie können auch die URLs Ihrer Seiten unabhängig vom SEO-Titel Ihrer Seite verwalten (z. B. eine Seite mit dem Namen "Kontakt" im SEO-Bereich, während ihre URL beispielsweise "/enterprise" lautet).

Welche "Meta-Schlüsselwörter"?

Um mehrere Schlüsselwörter einzugeben, trennen Sie diese durch ein Komma oder ein ähnliches Zeichen:

Sitemap.xml

Nicht zu verwechseln mit dem Modul "Sitemap". Die Datei sitemap.xml listet alle Seiten Ihrer Website auf, um Suchmaschinen dabei zu helfen, diese zu finden und effizient zu indexieren. Sie können diese einsehen, um die Struktur der Website zu verstehen. Ersetzen Sie domain.xyz durch Ihren Domainnamen, um von einem Browser aus (öffentlich) darauf zuzugreifen:

https://domain.xyz/sitemap.xml

Reichen Sie Ihre eigene URL bei der Google Search Console (siehe das erste Kapitel weiter oben in diesem Leitfaden) und anderen Webmaster-Tools ein, um die Indexierung zu verbessern.

Tracking-Codes einfügen

Ihre Website verfügt über ein einfaches Statistik-Modul, aber Sie können auch Google Analytics oder andere Tracking-Methoden (wie Facebook Pixel, Google Tag usw.) verwenden, die das Einfügen eines Codes in Ihre Website erfordern:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Klicken Sie auf SEO und Statistiken.
4. Scrollen Sie nach unten und fügen Sie Ihre Tracking-Codes ein.

Dieser Leitfaden beschreibt die möglichen Interaktionen zwischen dem Site Creator von Infomaniak und sozialen Netzwerken.

Geben Sie die URLs Ihrer verschiedenen Social-Media-Profile an

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:
    

Damit Besucher auf die Links zu Ihren sozialen Netzwerken klicken können:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Soziale Medien.
3. Geben Sie die Adressen Ihrer verschiedenen Social-Media-Profile (TikTok, Instagram usw.) an, einschließlich einer Telefonnummer und einer E-Mail-Adresse, falls gewünscht.‍
4. Speichern Sie die Änderungen am unteren Rand der Seite:
   ‍

Fügen Sie die Symbole Ihrer Profile hinzu

Fügen Sie Symbole Ihrer Social-Media-Kanäle im Fußbereich oder im Kopfbereich Ihrer Website hinzu:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Soziale Medien.

Unten können Sie angeben, an welcher Stelle die Symbole für die von Ihnen oben ausgefüllten Profile angezeigt werden sollen:

Speichern Sie die Änderungen unten auf der Seite.

Einen Social-Sharing-Block hinzufügen

Unter den Blöcken, die Sie zu einer Seite hinzufügen können, bietet ein Block eine Reihe von Schaltflächen, mit denen Besucher sich einfach für Ihre verschiedenen Social-Media-Kanäle anmelden können:

Ein zweiter Blocktyp bietet eine Reihe von Schaltflächen, mit denen Besucher die Seite auf den wichtigsten Social-Media-Plattformen teilen können:

Den QR-Code der Website abrufen

So erhalten Sie den QR-Code Ihrer Website:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie ganz oben auf das QR-Code-Symbol:
   

Sie können den QR-Code herunterladen, der der Adresse Ihrer Startseite entspricht. So kann ein Benutzer, der Ihren QR-Code scannt, Ihre Website einfach aufrufen.

Das Social-Sharing-OG-Bild ändern

Wenn Sie einen Link zu Ihrer Website in sozialen Netzwerken teilen, wird oft automatisch eine Miniaturansicht (Og:image für OpenGraph-Bild) angezeigt:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie unter Allgemeine Einstellungen auf SEO und Metadaten.
3. Scrollen Sie nach unten zu Open Graph und wählen Sie ein Bild:
   

Diese Anleitung erklärt, wie Sie die Sprache der Site Creator-Oberfläche von Infomaniak ändern und die Übersetzungen Ihrer Seiten verwalten können.

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:
    

Sprache der Oberfläche ändern

Um die Sprache von Site Creator zu ändern:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Ändern Sie die Sprache von Site Creator:
   

Ein Dropdown-Menü ermöglicht es, die Sprache der Site Creator-Editoroberfläche zu ändern (dies übersetzt auch einige Elemente, die für den Besucher zugänglich sind, wie z. B. die Schaltfläche Suchen der Suchleiste usw.); die Auswahlmöglichkeiten sind Deutsch, Französisch, Spanisch, Italienisch und Englisch.

Vergessen Sie nicht, Ihre Änderungen unten auf der Seite zu speichern.

Ihre Website in mehreren Sprachen anbieten

Automatische und dynamische Übersetzungen aller Ihrer Seiten

Um die Übersetzung Ihrer Website automatisch anzubieten:

1. Klicken Sie im linken Menü auf die Schaltfläche Anwendungen.
2. Klicken Sie auf das Modul Übersetzungen:
   

Sie können Sprachen hinzufügen oder entfernen, in denen Ihre Website dem Besucher angeboten wird:

Ziehen Sie die Sprachen mit der Maus in die gewünschte Reihenfolge, was sich auf das Dropdown-Menü zur Sprachauswahl auswirkt (siehe unten).

Dieses Menü kann im unteren Bereich der Konfigurationsseite des Übersetzungsmoduls aktiviert werden:

Sobald die Sprachen oben festgelegt und sortiert sind (vergessen Sie nicht, Ihre Änderungen am unteren Rand der Seite zu speichern), aktivieren Sie das Menü, um dem Besucher die Möglichkeit zu geben, die Sprache über ein Dropdown-Menü oben auf der Seite auszuwählen:

Manuell übersetzte Seite

Es ist möglich, eine im Voraus manuell erstellte Seite (einmalig pro Sprache) anzubieten, zu der der Besucher weitergeleitet wird, wenn er über das Dropdown-Menü zur Sprachauswahl (siehe oben) eine andere Sprache als die Hauptsprache auswählt.

Dazu müssen Sie die gewünschte Sprache bearbeiten, indem Sie auf das Symbol Bearbeiten ✎ klicken und dann auf den zweiten Radio-Button neben dem Feld klicken, in dem Sie die URL Ihrer übersetzten Seite angeben können:

Es ist daher möglich, eine Seite für jede Sprache im Voraus zu erstellen. Zum Schluss sollten Sie idealerweise diesen Seitentyp in Ihrem Hauptmenü ausblenden:

Dieser Leitfaden richtet sich an Benutzer des Infomaniak Site Creator-Tools, die Besuchern die Möglichkeit bieten möchten, eine Textsuche im Inhalt der Website durchzuführen.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um die Verwaltung Ihres Produkts im Infomaniak Manager aufzurufen (Benötigen Sie Hilfe?).
  • Direkt auf den Namen des betreffenden Site Creators klicken.
  • Auf den Button Meine Website bearbeiten klicken, um den Editor zu starten:
    

Eine Suchleiste zu Site Creator hinzufügen

Um Besuchern die Möglichkeit zu geben, Inhalte auf Ihrer mit Site Creator erstellten Website zu suchen, muss die Suchleiste aktiviert werden:

1. Klicken Sie im linken Menü auf den Button Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen.‍
3. Aktivieren Sie die Suchfunktion.
4. Speichern Sie die Änderungen am unteren Rand der Seite.
5. Sehen Sie sich die neue Position der Suchleiste auf Ihrer Startseite an:
   ‍
   • Ein Lupensymbol wird zum Header Ihrer Website hinzugefügt, und die Suchleiste wird angezeigt, wenn darauf geklickt wird:
     ‍

Diese Anleitung erklärt, wie Sie den Quellcode anpassen, das CSS ändern oder den HEAD- oder BODY-Bereich einer Website, die mit dem Site Creator von Infomaniak erstellt wurde, bearbeiten können.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um die Verwaltung Ihres Produkts im Infomaniak Manager aufzurufen (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:
    

Benutzerdefinierten Code hinzufügen

Sobald Sie sich im Site Creator befinden:

1. Klicken Sie im linken Menü auf Design.
2. Klicken Sie auf Weitere Einstellungen.
3. Klicken Sie unten auf Benutzerdefinierter Code:
   
4. Geben Sie benutzerdefinierten HTML-, JavaScript-Code (mit den entsprechenden script-Tags) oder CSS-Code (mit den entsprechenden style-Tags) ein – weiter unten finden Sie einige Beispiele.
5. Speichern Sie die Änderungen unten auf der Seite.

Metadaten in HEAD & BODY

Um JavaScript-Code oder einen anderen Code in den HEAD- oder BODY-Bereich des Quellcodes Ihrer Website einzufügen:

1. Klicken Sie im linken Menü auf Einstellungen.
2. Klicken Sie im Bereich Website-Konfiguration auf SEO & Metadaten:
   
3. Scrollen Sie nach unten zu Benutzerdefinierter Code.
4. Wählen Sie, ob Sie den Code unter den Tabs HEAD oder BODY hinzufügen möchten.
5. Speichern Sie die Änderungen am unteren Rand der Seite:
   

Beispiele für CSS-Anpassungen

Diese Beispiele dienen als Ausgangspunkt für die erweiterte Anpassung der Website-Seiten. Es besteht jedoch das Risiko, dass Sie durch die vorgenommenen Änderungen den Zugriff auf den Editor verlieren, was Sie dazu zwingt, von vorne zu beginnen.

Hintergrundbild der Website anpassen

Um ein Bild Ihrer Wahl (das Sie in der Dateibibliothek hochladen) als Hintergrundbild der Seite zu verwenden und dessen Darstellung anzupassen:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in diesem Handbuch zu sehen ist.
2. Fügen Sie den Code <style> ein, um anzugeben, dass Sie den CSS-Code ändern möchten.
3. Fügen Sie dann body { ein, um anzugeben, dass Sie den Hauptteil der Seite ändern möchten, und das "{", um den Bereich zu öffnen, in dem Sie die Befehle einfügen können.
4. Fügen Sie dann background-image: url("../data/files/fond01.jpg"); mit dem genauen Pfad und Namen des in der Bibliothek hochgeladenen Bildes ein, und vergessen Sie nicht das Semikolon, damit Sie den nächsten Befehl einfügen können.
5. background-repeat: repeat;, um das eingefügte Bild zu wiederholen.
6. background-attachment: fixed; damit das Hintergrundbild auch dann fixiert bleibt, wenn der Besucher die Seite nach oben oder unten scrollt, um den Inhalt zu lesen.
7. }, um den zuvor geöffneten Einfügebereich zu schließen.
8. </style>, um anzuzeigen, dass der Code hier endet.

Den Abstand zwischen den Buchstaben aller Links auf der Website vergrößern

Um den Abstand zwischen den Buchstaben in den anklickbaren Wörtern (Links) deutlich zu vergrößern:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in diesem Leitfaden sichtbar ist.
2. Fügen Sie den Code (falls noch nicht vorhanden) <style> ein, um anzuzeigen, dass Sie den CSS-Code ändern möchten.
3. Fügen Sie dann .container div a { ein, um anzuzeigen, dass Sie die Blöcke der Seite und insbesondere die Links ("a") ändern möchten, und das "{", um den Bereich zu öffnen, in dem die Befehle eingefügt werden können.
4. Fügen Sie dann letter-spacing:1em; ein. Verringern Sie den Wert (z. B. 0.9em), und vergessen Sie nicht das Semikolon, damit Sie den nächsten Befehl einfügen oder den Code beenden können.
5. }, um den zuvor geöffneten Einfügebereich zu schließen.
6. </style>, um anzuzeigen, dass der Code hier endet.

Informieren Sie sich über diese weiteren CSS-Codebeispiele, die Sie auf Ihrer Website einfügen können.

Dieser Leitfaden bezieht sich auf die „Anwendungen“ (oder „Module“, „Erweiterungen“), die im Infomaniak Site Creator verfügbar sind je nach der von Ihnen verwendeten Version, um eine vollständig anpassbare Website, einen Blog oder einen Online-Shop ohne jegliche technischen Kenntnisse zu erstellen.

Verschiedene Anwendungen

Zusätzlich zu den Inhaltsblöcken, die verschiedene vorgefertigte Layouts anbieten, können Sie auch Blöcke in Form von Modulen einfügen, von denen jedes eine bestimmte Funktion hat:

1. Video
2. Audio-Player
3. Bild-Slider / Diashow
4. Datei herunterladen
5. Auf Karte anzeigen
6. Umfrage
7. Wissensdatenbank
8. Fragen und Antworten
9. Kalender
10. Calendly
11. Untermenü
12. Seitenübersicht (Sitemap)
13. Zu Google hinzufügen
14. Benutzerdefinierter HTML-Code
15. Kontaktformular
16. Blog
17. Shop
18. RSS-Feed-Reader
19. Restaurantmenü
20. Google Analytics

Ein Modul auf einer Seite einfügen

Um ein Modul einzufügen:

1. Klicken Sie hier, um zur Verwaltung Ihres Produkts im Infomaniak Manager zu gelangen (Benötigen Sie Hilfe?).
2. Klicken Sie direkt auf den Namen des betreffenden Site Creators.
3. Klicken Sie auf die Schaltfläche „Meine Website bearbeiten“, um den Editor zu starten:
   

Sobald Sie sich im Site Creator befinden:

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Inhalt.
2. Klicken Sie unten auf Anwendungen, um die verfügbaren Inhalte rechts anzuzeigen.
3. Klicken Sie auf eine dieser Anwendungen, um sie in die Seite einzufügen:
   
4. Sobald es eingefügt wurde, bewegen Sie den Mauszeiger über das Modul (oder den Block selbst, je nach Modul), um auf dessen Einstellungen zuzugreifen:
   

Mehrere Module oder fehlendes Modul

Wenn Sie eines Ihrer Module (z. B. das für die Erstellung einer Umfrage) löschen, das Sie bereits konfiguriert haben, und dies rückgängig machen möchten, klicken Sie sofort auf Abbrechen:

oder

Sie können das Modul auch erneut einfügen, wodurch es mit den vorherigen Einstellungen wiederhergestellt werden sollte.

Sie können nicht mehrere Module desselben Typs einfügen, um sie unabhängig voneinander anzupassen.

Weitere Integrationen & Widgets

Klicken Sie in der linken Seitenleiste von Site Creator auf die Schaltfläche ANWENDUNGEN:
‍

Beispiel: Einen Zähler einfügen

Um einen Zähler hinzuzufügen, der einen Countdown anzeigt:

1. Klicken Sie im linken Menü auf die Schaltfläche Inhalt.‍
2. Klicken Sie in der Liste auf Objekte, um den verfügbaren Inhalt rechts anzuzeigen.
3. Klicken Sie auf eines dieser Objekte, um es auf der Seite einzufügen:
   
4. Sobald das Modul eingefügt wurde, bewegen Sie den Mauszeiger darüber, um auf die Einstellungen zuzugreifen:
   

Diese Anleitung erklärt, wie Sie einen Button zu Ihrer Site Creator-Seite von Infomaniak hinzufügen und anpassen können, insbesondere einen festen Button, der es ermöglicht, zum Seitenanfang zurückzukehren.

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 den Button Meine Seite bearbeiten, um den Editor zu starten:
    

Einen Link in Form eines Buttons hinzufügen

Um einen Button hinzuzufügen (der beim Anklicken zu der von Ihnen gewählten URL führt):

1. Verfassen Sie den Text des Buttons.
2. Markieren Sie den Text.
3. Klicken Sie auf die Punkte ••• rechts in der Werkzeugleiste, um auf die zusätzlichen Optionen zuzugreifen.
4. Klicken Sie dann auf das Kettensymbol, um den Bereich zu öffnen, in dem Sie den Linktyp und die zugehörigen Optionen festlegen können:
   
5. Konfigurieren Sie die Zielseite und das Aussehen des Buttons.
6. Speichern Sie die Änderungen unten im Tab:
   
7. Zeigen Sie den Button auf Ihrer Seite an.
8. Klicken Sie auf die Schaltfläche, um bei Bedarf zum Editor zurückzukehren:
   

Einen „Zurück zum Anfang“-Button hinzufügen

So fügen Sie einen Button hinzu und passen ihn an, der den Besucher in Ihrem Site Creator-Projekt immer dann wieder nach oben zur Seite führt, wenn die Seite gescrollt wird:

1. Klicken Sie im linken Menü auf die Schaltfläche Design.
2. Klicken Sie auf Weitere Einstellungen.‍
3. Aktivieren Sie die Option, um den „Zurück zum Anfang“-Button anzuzeigen.
4. Passen Sie den Abstand zum rechten Rand an.
5. Speichern Sie die Änderungen unten auf der Seite:
   

Aktualisieren Sie die Seite gegebenenfalls, um die Änderung zu sehen:

Lesen Sie diesen anderen Leitfaden zu einer alternativen Lösung.

Diese Anleitung hilft Ihnen dabei, eine mit Site Creator von Infomaniak erstellte Website anzupassen.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager auf die Verwaltung Ihres Produkts 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:
    

Farben der Website ändern

So verwalten Sie Designs, Farben und Schriftarten in Site Creator:

1. Klicken Sie im linken Menü auf die Schaltfläche Design.
2. Klicken Sie auf Website-Farben:
   

Sie können aus den verfügbaren Farbpaletten wählen oder Ihr eigenes, individuelles Farbschema erstellen.

Darunter finden Sie spezifischere Einstellungen, in denen Sie festlegen können, auf welche Elemente eine Farbe angewendet werden soll:

Hintergrund (Bild / Farbe) von Blöcken verwalten

Auf der Seite zur Bearbeitung Ihrer Website bewegen Sie den Mauszeiger über einen Block und klicken auf das Zahnrad, um auf die Einstellungen zuzugreifen:

Ein Website-Template laden

Sie können das gesamte Design Ihrer Website ändern, indem Sie das Theme ändern und festlegen, was bei der Änderung auf der aktuellen Website überschrieben werden soll oder nicht:

1. Klicken Sie im linken Menü auf die Schaltfläche Design.
2. Klicken Sie auf Theme auswählen:
   

Hier können Sie aus den verfügbaren Website-Themes auswählen:

Wenn Sie Ihr neues Theme gefunden haben, klicken Sie auf Installieren. Anschließend können Sie auswählen, welche Teile des neuen Templates Sie importieren möchten (standardmäßig werden nur Farben, Schriftarten oder der Menüstil importiert), um zu verhindern, dass der Inhalt Ihrer Website überschrieben wird.

Wenn Ihre Website neu ist, können Sie beim Importieren weitere Optionen auswählen.

Die Schriftarten der Website ändern

So geht's:

1. Klicken Sie im linken Menü auf die Schaltfläche Design.
2. Klicken Sie auf Schriftarten:
   

Sie können die Hauptschriftarten der Website einfach ändern. Die erste Schriftart wird für Überschriften und die zweite Schriftart für den Inhalt verwendet.

Darunter befinden sich spezifischere Einstellungen, in denen Sie festlegen können, auf welche Elemente eine Schriftart angewendet werden soll.

Es ist nicht möglich, eine benutzerdefinierte Schriftart zu importieren oder hinzuzufügen, aber Sie können den Anbieter ändern (die Liste der Schriftarten bleibt gleich), beispielsweise aus Datenschutzgründen:

1. Klicken Sie im linken Menü auf Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Wählen Sie den Schriftartenanbieter:
   

Problembehebung bei fehlendem/unsichtbarem Text

Wenn Ihr Textblock verschwunden oder unsichtbar erscheint

, wählen Sie den gesamten Inhalt der Webseite aus (Strg + A oder Cmd + A auf einem Mac); wenn Sie sehen, dass Ihr Inhalt vorhanden ist, bedeutet dies wahrscheinlich, dass die Einstellungen des Blocks auf einen dunklen Hintergrund eingestellt sind:

In diesem Fall gehen Sie zu den Einstellungen des Blocks und stellen Sie sicher, dass die Option "Dunkler Hintergrund" nicht aktiviert ist. Dadurch sollte das Problem behoben werden:

Diese Anleitung erklärt, wie Sie den Logo-, Kopf- und Fußbereich (Footer) in Site Creator von Infomaniak verwalten.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager die Verwaltung Ihres Produkts aufzurufen (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:
    

Ein Website-Logo hinzufügen

Sobald Sie sich in Site Creator befinden:

1. Klicken Sie in der linken Seitenleiste auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Logo / Titel.‍‍
3. Laden Sie ein Bild hoch und wählen Sie, ob der Name der Website ebenfalls daneben angezeigt werden soll.
4. Speichern Sie die Änderungen:
   

Logo-Einstellungen

1. Klicken Sie in der linken Seitenleiste auf die Schaltfläche Design.
2. Klicken Sie auf Menü-Editor.
3. Klicken Sie auf Titel/Logo.
4. Passen Sie dann Abstände und Farben an.
5. Speichern Sie die Änderungen:
   

Logo zentriert anzeigen

An derselben Stelle wie oben (Sie können dies auch erreichen, indem Sie mit der Maus über die Kopfzeile und das Logo fahren), aktivieren Sie die Option, um das Logo in einer separaten Zeile anzuzeigen. Dadurch wird das Logo der Website zentriert:

Logo ausblenden (+ Kopf- und Fußzeile)

Um eine Seite ohne Logo zu erstellen, die weder eine Kopfzeile (und somit kein Menü) noch eine Fußzeile hat, müssen Sie diese als Startseite definieren (d. h. als „Landing Page“; beachten Sie, dass dies die Reihenfolge der Seiten nicht ändert). Dies geschieht über einen Button, der sich hier befindet:

1. Klicken Sie in der linken Seitenleiste auf den Button Einstellungen.
2. Klicken Sie auf Seitenliste.
3. Bewegen Sie den Mauszeiger über eine Seite in der vorhandenen Baumstruktur und klicken Sie auf das Zahnradsymbol, das beim Überfahren angezeigt wird.
4. Aktivieren Sie unten die Option „Startseite“, um Kopf- und Fußzeilen auszublenden:
   

Diese Anleitung erklärt, wie Sie bestimmte Details einer mit Site Creator von Infomaniak erstellten Website ändern können.

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:
    

Ändern des Website-Namens

Klicken Sie in der linken Seitenleiste auf die Schaltfläche Einstellungen und dann auf Website-Titel:

Unternehmensdaten

Klicken Sie in der linken Seitenleiste auf die Schaltfläche Einstellungen und dann unter Website-Konfiguration auf Kontaktinformationen:
‍

Dieser Leitfaden behandelt die Einrichtung des Favicons in Site Creator von Infomaniak, also des Symbols, das in der Lesezeichenleiste eines Webbrowsers angezeigt wird.

Einleitung

• Microsoft empfiehlt für seine Browser die Formate 16 x 16, 32 x 32 und 48 x 48.
• Apple empfiehlt hingegen eine Favicon-Größe von 180 x 180.

Favicon für Site Creator festlegen

Voraussetzungen

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

Um ein neues Favicon festzulegen:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen:
   
3. Scrollen Sie nach unten zum Abschnitt Favicon und klicken Sie, um ein Bild auszuwählen:
   
4. Importieren/wählen Sie das Favicon auf Ihrer Festplatte aus:
   
5. Speichern Sie die Änderungen unten auf der Seite:
   
6. Zeigen Sie das Ergebnis in Ihrem Browser an (ggf. in einem neuen Fenster im privaten Modus):
   

Diese Anleitung erklärt, wie Sie ein Kontaktformular zu Ihrer mit Site Creator von Infomaniak erstellten Website hinzufügen und konfigurieren.

Ein individuelles Kontaktformular erstellen

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager die Verwaltung Ihres Produkts aufzurufen (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:
    

Sie können ein oder mehrere Formulare erstellen, mit denen Ihre Besucher eine Nachricht senden, sich für eine Aktivität anmelden oder kurz gesagt jede Art von Online-Formular mit oder ohne Anhänge ausfüllen können:

1. Klicken Sie im linken Menü auf die Schaltfläche Inhalt.
2. Klicken Sie unten in der Liste auf Anwendungen.
3. Klicken Sie auf Formular-Generator:
   
4. Erstellen Sie Ihr Formular mit den Elementen auf der linken Seite.
5. Speichern Sie es unten auf der Seite:
   

Sobald das erste Formular erstellt wurde, können Sie es einfügen, indem Sie auf ‍ an der gewünschten Stelle klicken und es auswählen:

Das erstellte Formular wird auf Ihrer Seite eingefügt:

Einstellungen für das Kontaktformular

Sie können die Dankesnachricht, die optionale Weiterleitungsseite nach dem Absenden, die verwendete E-Mail-Adresse anpassen, ein Captcha hinzufügen (empfohlen) usw.

Dazu bewegen Sie den Mauszeiger über das Modul, um auf dessen Einstellungen zuzugreifen:

Klicken Sie gegebenenfalls auf das Formular, das Sie bearbeiten möchten, und dann auf Formulareigenschaften:

Sie können das erstellte Formular auch löschen, damit es nicht mehr angeboten wird:

Diese Anleitung erklärt, wie Sie mit Ihren Fotos Galerien in Site Creator von Infomaniak erstellen.

Eine Fotogalerie erstellen

Voraussetzungen

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

Sobald Sie sich in Site Creator befinden:

1. Klicken Sie im linken Menü auf den Button Einstellungen. Die Liste Ihrer Seiten wird angezeigt.
2. Klicken Sie unterhalb der vorhandenen Struktur auf den Button Seite hinzufügen:
   
3. Aktivieren Sie Weitere Optionen anzeigen, um den Seitentyp FOTOGALERIE auszuwählen:
   
4. Bestätigen Sie. Die neue Seite mit dem Fotogalerie-Modul wird auf dem Bildschirm angezeigt:
   

Die Fotogalerie konfigurieren

Gehen Sie dazu wie folgt vor:

1. Bewegen Sie den Mauszeiger über das Modul, um auf die Einstellungen der Galerie zuzugreifen.
2. Klicken Sie auf Bearbeiten‍:
   ‍

Fotoalben

Sie können zusätzliche Fotogalerien für Ihre verschiedenen Alben erstellen:
‍
 

Reihenfolge der Fotos ändern

Sobald Ihre Galerie erstellt ist, wird jedes neue Foto, das Sie von Ihrem Computer hochladen, am Ende der Fotoliste hinzugefügt. Sie können diese Reihenfolge einfach ändern, indem Sie die Fotos beim Bearbeiten einer Galerie mit der Maus verschieben:

 

Darüber hinaus können Sie jedem Ihrer Fotos eine Beschreibung hinzufügen. Unter jedem Bild finden Sie das Feld „Bildbeschreibung“. Beginnen Sie, Ihre Beschreibung einzugeben, und klicken Sie auf den grünen Button, um die Änderungen zu speichern:

Ein Widget für eine Bilddiashow hinzufügen

Um ein oder mehrere dynamische Slider-Widgets zu konfigurieren, auf denen ein oder mehrere Fotos seitlich (ohne Bezug zu den oben beschriebenen Fotogalerien) angezeigt werden::

1. Klicken Sie im linken Menü auf den Button Anwendungen.
2. Klicken Sie auf Slider:
   
3. Konfigurieren Sie das Widget nach Ihren Wünschen.
4. Fügen Sie das konfigurierte Widget an der gewünschten Stelle ein, indem Sie auf Inhalt und dann auf Apps klicken und Slider auswählen:
   
5. Wählen Sie den erstellten Slider aus, um ihn auf der Seite einzufügen:
   

Diese Anleitung erklärt, wie Sie ein Blog-Modul zu Ihrer mit Site Creator von Infomaniak erstellten Website hinzufügen und konfigurieren.

Einleitung

• Es gibt keine Funktion zur Verwaltung mehrerer Benutzer im Blog-Bereich (oder im Site Creator).
• Mehrere Benutzer derselben Organisation, die Zugriff auf den Site Creator haben (über ihre Berechtigung für Webhosting), können Beiträge im Blog veröffentlichen, aber die Identität des Autors bleibt für alle gleich.
• Sie können sich von der künstlichen Intelligenz Euria unterstützen lassen, wie es auch auf den anderen Seiten von Site Creator der Fall ist.
  • Informieren Sie sich in diesem anderen Leitfaden über das vom Schreibassistenten verwendete Modell und die jeweiligen Verantwortlichkeiten.

Einen Blog auf Site Creator erstellen

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um die Verwaltung Ihres Produkts im Infomaniak Manager aufzurufen (Benötigen Sie Hilfe?).
  • Direkt auf den Namen des betreffenden Site Creators klicken.
  • Auf den Button Meine Website bearbeiten klicken, um den Editor zu starten:
    

Sobald Sie sich im Site Creator befinden, auf der Seite, auf der Sie Ihre zukünftigen Blogartikel einfügen möchten:

1. Klicken Sie auf den Button +, der sich unterhalb eines bereits eingefügten Blocks befindet:
   
2. Klicken Sie auf Anwendungen (im geöffneten Reiter Inhalt, der sich öffnet, wenn Sie auf „Visuelles Element hinzufügen“ klicken).
3. Klicken Sie auf das Modul Blog:
   
   • Wenn Sie dieses Modul zum ersten Mal einfügen, erhalten Sie das folgende visuelle Element mit einem Beispiel für einen bereits veröffentlichten Artikel (gehen Sie zu Punkt 4 weiter unten):
     
   • Wenn Sie das Blog-Modul bereits zuvor getestet und von Ihren Seiten entfernt haben, erhalten Sie Folgendes:
     
     1. Wählen Sie die obere Option, um das Haupt-Element einzufügen.
     2. Wählen Sie die zweite Option, um ein Element mit den 3 zuletzt veröffentlichten Artikeln anzuzeigen, aber nur, wenn Sie bereits ein Haupt-Element an anderer Stelle auf der Website eingefügt haben.
4. Sobald das Modul Blog eingefügt wurde, bewegen Sie den Mauszeiger über den Block und klicken Sie auf die Schaltfläche mit dem Menü aus drei horizontalen Linien ☰ Blog und dann auf ‍ Neuer Artikel, um einen leeren Artikel einzufügen:
   

Inhalte mithilfe künstlicher Intelligenz veröffentlichen

Zum Verfassen von Inhalten und zur gegebenenfalls Verbesserung Ihrer Texte:

1. Wählen Sie ein Bild für das Banner aus, geben Sie einen Titel und optional einen Untertitel ein und verfassen Sie den Artikeltext mit verschiedenen Formatierungen:
   
2. Drücken Sie auf das +-Zeichen neben dem Text des Artikels oder die Tabulatortaste auf Ihrer Tastatur:
   
3. Wählen Sie den Inhalt aus und klicken Sie darauf, um eine Symbolleiste zur Textformatierung anzuzeigen.
4. Über diese Symbolleiste können Sie auf die Funktionen der KI zugreifen (Übersetzung, Umformulierung, Korrektur usw.):
   
5. Veröffentlichen Sie, indem Sie auf die Schaltfläche Veröffentlichen klicken (oder speichern Sie den Entwurf für später).

Blog bearbeiten

Um Kommentare, E-Mail-Benachrichtigungen, die Listenansicht und deren Sortierung usw. zu aktivieren:

1. Klicken Sie im linken Menü auf Anwendungen.
2. Klicken Sie auf Blog.
3. Klicken Sie auf Einstellungen und passen Sie Ihre Präferenzen an. Vergessen Sie nicht, die Änderungen unten auf der Seite zu speichern:
   

Blogartikel bearbeiten

Egal, wo Sie sich gerade bei der Bearbeitung Ihrer Website befinden, gehen Sie einfach zum Menü Anwendungen unten links und klicken Sie auf Blog:

Um den Inhalt Ihres Artikels zu bearbeiten, klicken Sie im linken Seitenmenü auf Artikel durchsuchen, bewegen Sie den Mauszeiger über das Bleistift-Symbol ✎ und klicken Sie darauf:

Um eines der Elemente zu konfigurieren (siehe unten), bewegen Sie den Mauszeiger darüber und klicken Sie auf das Zahnradsymbol:

Ein Element mit einem Tag versehen, archivieren oder verfallen lassen

Ein Blogartikel kann aus Ihrer Artikelliste entfernt werden, entweder durch das Festlegen eines Ablaufdatums oder durch die sofortige Archivierung. Es ist auch möglich, ein Tag (Etikett) hinzuzufügen, das für den Besucher anklickbar ist und so die Navigation innerhalb der Beiträge erleichtert:

Vergessen Sie nicht, die Änderungen am Ende der Seite zu speichern.

Datum der Artikel

Standardmäßig werden neue Blogartikel mit dem Datum „heute“ hinzugefügt, dieses Datum kann aber geändert werden:

1. Fahren Sie mit der Maus über den Datum-Link und klicken Sie darauf (direkt auf den Artikel):
   
2. Wählen Sie ein neues Datum aus.

Dieser Leitfaden für den Site Creator von Infomaniak behandelt das Thema Browser-Cookies.

Einleitung

• Standardmäßig werden bei einer neuen Website keine Cookies auf den Geräten Ihrer Besucher gespeichert. Es gibt keine Tracking-Funktionen für Werbung oder Marketing.
• Als Website-Administrator werden bestimmte Daten in Ihren eigenen Cookies gespeichert (z. B. Informationen, die darauf hinweisen, dass Sie ein Website-Administrator sind).
• Wenn Sie Anwendungen/Module hinzufügen, die in Ihre Website integriert sind, können Cookies verwendet werden; ein Beispiel ist das Umfrageformular: Wenn Sie ein Umfragemodul zu Ihrer Website hinzufügen, werden Cookies verwendet, wenn der Website-Besucher abstimmt (um sich zu merken, dass er bereits abgestimmt hat).

Benachrichtigung für den Besucher

Voraussetzungen

• Zugriff auf den Site Creator:
  • Hier klicken, um im Infomaniak Manager die Verwaltung Ihres Produkts aufzurufen (Benötigen Sie Hilfe?).
  • Direkt auf den Namen des betreffenden Site Creators klicken.
  • Auf den Button Meine Website bearbeiten klicken, um den Editor zu starten:
    

Sie können eine Cookie-Zustimmungsnachricht aktivieren, die in einem kleinen, überlagernden Fenster am unteren Bildschirmrand für alle neuen Besucher Ihrer Website angezeigt wird:

1. Klicken Sie im linken Menü auf den Button Einstellungen.
2. Klicken Sie unter Website-Konfiguration auf Kontaktinformationen.
3. Aktivieren Sie die Option Cookie-Informationen, um die kurze Nachricht und die URL für zusätzliche Informationen zu konfigurieren.
4. Legen Sie den Anzeigetyp fest: entweder erweitert oder nicht (siehe unten).
5. Speichern Sie die Änderungen am unteren Rand der Seite:
   ‍

Zusätzliche Einstellungen

Die Einwilligungsnachricht kann entweder standardmäßig oder erweitert angezeigt werden. Wählen Sie dazu unter Anzeige die gewünschte Option aus. Das Ergebnis sieht wie folgt aus:

• Standardmäßig:
  
• Erweitert:
  

Diese Anleitung erklärt, wie Sie Änderungen nicht direkt auf einer Seite des Site Creator von Infomaniak veröffentlichen.

Einleitung

• Der Entwurfsmodus verhindert, dass die folgenden Änderungen veröffentlicht werden:
  • Hinzufügen eines neuen Inhaltsblocks über das Menü Inhalt
  • visuelle oder textuelle Änderungen an einem Inhaltsblock
  • Löschen eines Inhaltsblocks
• Der Entwurfsmodus gilt nicht für:
  • globale Designänderungen über das Menü Design (Farben, Schriftarten usw.)
  • Änderungen an Inhalten, die mit Anwendungen verknüpft sind (Fragen/Antworten, E-Commerce usw.)
  • Änderungen an globalen Einstellungen über das Menü Einstellungen (Seiten, Sprachen usw.)
  • Unterseiten der Seite, die Sie deaktivieren

1. Sichern, ohne zu veröffentlichen

Voraussetzungen

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

Sie können eine Seite in den Entwurfsmodus versetzen, um Textänderungen oder andere Änderungen am Inhalt einer Seite vorzunehmen, die nicht sofort sichtbar sind. Dies bleibt so, bis Sie die Seite wieder in den Veröffentlichungsmodus versetzen:

1. Klicken Sie auf die Schaltfläche   ...   ‍‍‍ am unteren Ende des linken Menüs, um die Optionen für Veröffentlichung und Vorschau zu erweitern.
2. Klicken Sie auf Live, um in den Modus Nicht veröffentlicht zu wechseln:
   
3. Der gelbe Modus, der unten angezeigt wird, zeigt an, dass alle Ihre Änderungen (nur auf dieser Seite) nicht in Echtzeit angezeigt werden (im Gegensatz zum Modus Echtzeit / Live), da sie nicht automatisch veröffentlicht werden:
   
   • Die Änderungen werden in einem Entwurf gespeichert, auch wenn Sie die Seite oder den Editor verlassen…
   • Im Entwurfsmodus können Sie an der Seite arbeiten, Text hinzufügen, ihn speichern, die Seite verlassen und später zurückkehren, um die Bearbeitung fortzusetzen. Diese Arbeit wird erst dann veröffentlicht, wenn Sie dies ausdrücklich entscheiden (siehe unten):
     
   • Je nachdem, welche Änderungen Sie vorgenommen haben (z. B. das Hinzufügen eines Inhaltsblocks), sollten Sie den Text bearbeiten, um Ihre Änderungen zu bestätigen und zu speichern.
   • Um zu überprüfen und zu bestätigen, dass Ihre aktuellen Änderungen nicht sofort veröffentlicht werden, öffnen Sie einfach die Adresse Ihrer Website von einer anderen Browserseite aus, z. B. im Inkognito-Modus.

2. Änderungen veröffentlichen oder Entwurf löschen

Sie können den Entwurfsmodus verlassen, um zu sofortigen Veröffentlichungen zurückzukehren:

1. Wenn der Modus Entwurf aktiviert ist, klicken Sie auf den gelben Button des Modus Entwurf, um eine Einstellungsleiste anzuzeigen:
   
2. Die Einstellungsleiste wird geöffnet, sodass Sie:
   1. Ihre Änderungen veröffentlichen können,
   2. oder den aktuellen Entwurf löschen und zur ursprünglichen Version der Seite zurückkehren können:
      

Beispiel

1. Im Modus Live (unten auf dem Bildschirm sichtbar) werden Änderungen sofort für die Besucher der Seite angezeigt.
2. Im Modus Nicht veröffentlicht / Entwurf (erkennbar an einem gelben Symbol am unteren Rand der Seiten, die in diesem Modus bearbeitet wurden) sind Ihre Änderungen nicht sofort sichtbar.
3. Wenn Sie die Seite verlassen, um an einer anderen Seite zu arbeiten, wird der Modus auf den Standardmodus zurückgesetzt, d. h. auf den Modus Live, da die Seite nicht mehr dieselbe ist und der Modus nur für die ausgewählten Seiten gilt.
4. Kehren Sie zur Seite im Entwurfsmodus zurück. Ein Symbol am unteren Rand der Seite zeigt an, dass der Entwurfsmodus aktiviert ist.
5. Klicken Sie darauf, um zu wählen, ob Sie die Änderungen veröffentlichen oder verwerfen und die Seite in den Zustand vor Ihren Änderungen im Entwurfsmodus zurückversetzen möchten.

Dieser Leitfaden beschreibt die Verwendung von Medien in Site Creator von Infomaniak.

Bitte beachten Sie, dass es auch möglich ist, andere Elemente einzufügen, z. B. ein Formular zur Anmeldung für den Infomaniak-Newsletter.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um die Verwaltung Ihres Produkts im Infomaniak Manager aufzurufen (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:
    

Ein Bild hinzufügen

Medien werden in der Dateibibliothek verwaltet:

• Fügen Sie einen neuen Inhaltsblock hinzu:
  
• Die Medien können dann ersetzt oder ergänzt werden:
  

Aber auch:

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Inhalt.
2. Klicken Sie in der Liste auf Objekte, um ein einzelnes Bild einzufügen.
3. Klicken Sie auf den Block „BILD“ auf der rechten Seite:
   
4. Sobald das Bild hinzugefügt wurde, können Sie es auch in einen klickbaren Link umwandeln oder seine Größe im Bildeditor ändern:
   

Sie können Bilder auch als Modul „Fotogalerie“ hinzufügen.

Bild ändern

Um ein eingefügtes Bild zu ersetzen, das die Eigenschaften des vorherigen Bildes übernimmt:

1. Klicken Sie auf ein Bild, um es zu bearbeiten.
2. Klicken Sie auf die Schaltfläche mit dem Symbol Bilderrahmen in der Miniaturansicht des Bildes, um ein neues Bild auszuwählen, das das vorherige ersetzt:
   

Video hinzufügen

Um ein Video hinzuzufügen:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie in der Liste auf Objekte.
3. Klicken Sie auf den Block „VIDEO“ auf der rechten Seite, um ein Video in voller Breite einzufügen:
   

Sie können auch einen Link zu einem Bild hinzufügen, indem Sie eine YouTube-Video-URL verwenden: Dadurch wird automatisch ein PLAY-Symbol erstellt, das beim Anklicken das Video in einem Lightbox-Fenster öffnet.

Audiodatei hinzufügen

Um eine Audiodatei hinzuzufügen:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie unten auf Anwendungen.
3. Der verfügbare Inhalt wird auf der rechten Seite angezeigt.
4. Klicken Sie auf den Audio-Player, um ihn in die Seite einzufügen und die Dateien auszuwählen:
   

Sie können ihn über die HTML-Bearbeitung weiter anpassen.

Eine Datei zum Herunterladen hinzufügen

Um eine Datei einfach zum Herunterladen anzubieten:

1. Klicken Sie im linken Menü auf die Schaltfläche Inhalt.
2. Klicken Sie unten auf Anwendungen.
3. Der verfügbare Inhalt wird auf der rechten Seite angezeigt.
4. Klicken Sie auf das Widget Datei-Download, um es in die Seite einzufügen:
   
5. Wählen Sie in der Bibliothek die Datei aus, die von Ihren Besuchern heruntergeladen werden kann.

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.

Dieser Leitfaden bezieht sich auf die Rückgängig-Funktion in Site Creator von Infomaniak.

Einleitung

• Über das Infomaniak Manager-Panel können keine Backups/Wiederherstellungen durchgeführt werden.
• Wenn Sie beispielsweise einen Inhaltsblock löschen und diesen wiederherstellen möchten, können Sie in Site Creator bis zu den letzten 20 Aktionen rückgängig machen.

Eine Aktion rückgängig machen

Voraussetzungen

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

Sobald Sie sich in Site Creator befinden:

1. Klicken Sie auf die Schaltfläche  … ‍‍‍, die sich ganz unten im linken Seitenmenü von Site Creator befindet, um die Optionen zum Rückgängigmachen zu erweitern.
2. Klicken Sie auf Rückgängig und bestätigen Sie die Wiederherstellung (die Pfeile daneben ermöglichen es, durch die letzten Backups zu "navigieren"):