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 spezifische 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 Angabe 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, präzise Informationen zu finden und darauf zuzugreifen.

Ankerbeispiel

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

Dieser Linktyp auf Site Creator erstellen

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

1. Ermitteln 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 der Anker zu spezifizieren:
   1. Wenn sich das Ziel auf derselben Seite befindet, verwenden Sie einfach die ID des Elements (siehe Punkt 3 unten)
      <a href="#chapter1">Go to chapter 1</a>
   2. Wenn sich das Ziel auf einer anderen Seite befindet, geben Sie die vollständige URL der Seite gefolgt von der ID des Zielelements an (siehe Punkt 3 unten)
      <a href="page2.html#chapter1">Go to chapter 1 on page 2</a>
3. Fügen Sie in dem Abschnitt Ihrer Seite, zu dem die Benutzer weitergeleitet werden sollen, 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 zur Sektion mit der ID „chapter1“. Wenn das Ziel auf einer anderen Seite liegt, werden sie zu dieser Seite weitergeleitet und der Anker funktioniert auf dieselbe Weise.

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

Den Referenzblock des Ziels finden

Gelangen Sie zu Site Creator:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Namen des betreffenden Produkts.
3. Klicken Sie auf Meine Website anpassen:
   

Sobald Sie sich in Site Creator befinden:

1. Bewegen Sie den Mauszeiger über den zu bearbeitenden Inhaltsblock und klicken Sie auf das Zahnrad:
   
2. Blättern Sie durch die Einstellungen bis zum Ende, 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:
   

Einen Link zur Blockreferenz erstellen

Um einen Link zu Text in Site Creator hinzuzufügen, wobei das Ziel der weiter unten auf derselben Seite befindliche Block ist:

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

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