Diese Anleitung betrifft Site Creator und die Möglichkeit, Links zu Ankern zu erstellen.

Vorwort

• Eine Anker in Webdesign ist ein Hyperlink, der auf eine bestimmte Position auf einer Webseite zeigt, sei es auf derselben Seite oder auf einer anderen Seite.
  • 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 der FAQ. Er wird "end" genannt, daher enthält der folgende Link einfach das Ziel #end und ohne weitere Angaben 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, zu dem Sie die Benutzer weiterleiten möchten, fügen Sie ein Element mit der entsprechenden ID hinzu:
   <div id="chapter1"> &nbsp; </div>
    

Wenn die 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

Gehen Sie zu Site Creator:

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:
   

Einmal in Site Creator:

1. Bewegen Sie den Mauszeiger über den zu bearbeitenden Inhaltsblock und klicken Sie auf das Zahnrad:
   
2. Blättern Sie die Parameter bis zum Ende durch, 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, 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. In den erweiterten Optionen wählen Sie den Typ "Abschnitt", um einen Link zu einem Teil 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 (nützlich, wenn Sie den Link zu einer anderen Seite der Website platzieren):
      

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