Diese Anleitung bezieht sich auf Site Creator und die Möglichkeit, Links zu Ankern zu erstellen.

Vorwort

• Ein Anker im Webdesign ist ein Hyperlink, der auf eine bestimmte Position auf einer Webseite zeigt, sei es auf derselben Seite oder auf einer anderen. Wenn ein Benutzer auf einen Ankerlink klickt, wird er zu der angegebenen Stelle (in der Regel eine unsichtbare Markierung im Quellcode) der Seite weitergeleitet.
• Anker sind nützlich, um Benutzern zu ermöglichen, schnell zu bestimmten Abschnitten einer Webseite oder sogar einer anderen Seite zu navigieren. Sie verbessern das Benutzererlebnis, indem sie eine effektive Möglichkeit bieten, spezifische Informationen zu finden und darauf zuzugreifen.

Beispiel für einen Anker

Ein Anker befindet sich (unsichtbar) am Ende dieser FAQ. Er heißt "Ende", daher enthält der folgende Link einfach das Ziel #Ende und ohne weitere Angabe sucht ein Webbrowser diesen Begriff im Code der Seite, auf der man sich befindet, und leitet den Benutzer dorthin: Klicken Sie hier um dorthin zu gelangen!

Erstellen dieses Linktyps in Site Creator

Normalerweise, um einen Anker in HTML zu erstellen, gehen Sie wie folgt vor:

1. Identifizieren Sie die Stelle auf Ihrer Seite, an der Sie einen Anker erstellen möchten (Textabschnitt, Bild oder ein anderes Element).
2. Verwenden Sie das Tag <a> mit dem Attribut href, um das Ziel des Ankers anzugeben:
   1. wenn das Ziel auf derselben Seite ist, verwenden Sie einfach die ID des Elements (siehe Punkt 3 unten)
      <a href="#chapter1">Go to chapter 1</a>
   2. wenn das Ziel auf einer anderen Seite ist, geben Sie die vollständige URL der Seite gefolgt von der ID des Ziel-Elements an (siehe Punkt 3 unten)
      <a href="page2.html#chapter1">Go to chapter 1 on page 2</a>
3. In dem Abschnitt Ihrer Seite, in dem Sie möchten, dass Benutzer weitergeleitet werden, fügen Sie ein Element mit der entsprechenden ID hinzu:
   <div id="chapter1"> &nbsp; </div>
    

Wenn Benutzer auf den Link "Go to chapter 1" klicken, scrollt die Seite automatisch zu dem Abschnitt mit der ID "chapter1". Wenn das Ziel auf einer anderen Seite ist, werden sie zu dieser Seite weitergeleitet und der Anker funktioniert auf die gleiche Weise.

Mit Site Creator ist Punkt 3 oben nicht "frei": Jeder Block hat bereits seine ID (oder Hashtag), die angegeben (oder vorher geändert - siehe Punkt 3 unten) werden muss, um einen Link darauf zu verweisen.

Referenz des Zielblocks finden

Greifen Sie auf Site Creator zu:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
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 in Site Creator sind:

1. Bewegen Sie den Mauszeiger über den zu bearbeitenden Inhaltsblock und klicken Sie auf das Zahnrad:
   
2. Blättern Sie bis zum Ende der Einstellungen, um die ID des betreffenden Blocks zu erhalten:
   
3. Ein Doppelklick auf das Feld, das die ID anzeigt ermöglicht es, einen eigenen Titel anstelle der zufälligen ID anzugeben:
   

Erstellen Sie einen Link zur Blockreferenz

Um einen Link zu Text in Site Creator hinzuzufügen, mit dem Ziel, den weiter unten auf derselben Seite befindlichen Block zu erreichen:

1. Wählen Sie einen Text aus.
2. Klicken Sie anschließend auf das Symbol der Kette:
   
3. Wählen Sie den Typ "Abschnitt" aus, um einen Link zu einem Teil derselben Seite zu erstellen, indem Sie die oben erhaltene Blockreferenz auswählen:
   
   
   Andere Möglichkeiten:
   1. Fügen Sie den Link mit dem Rautenzeichen (Link zur gleichen Seite) hinzu:
      
   2. Fügen Sie den Namen der Seite gefolgt von der ID hinzu:
      

ENDE DER SEITE (und Anker an diesem Element platziert) - Klicken Sie hier, um zum Anker am Anfang der Seite zurückzukehren…