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

Einleitung

• Ein Anker im Webdesign ist ein Hyperlink, der auf eine bestimmte Position auf einer Webseite verweist, sei es auf derselben Seite oder auf einer anderen Seite.
  • Wenn ein Benutzer auf einen Ankerlink klickt, wird er zu der angegebenen Stelle weitergeleitet (im Prinzip eine unsichtbare Markierung, die im Quellcode platziert ist) der Seite.
• Anker sind nützlich, um Benutzern die Möglichkeit zu geben, schnell zu bestimmten Abschnitten einer Webseite oder sogar einer anderen Seite zu navigieren.
  • Sie verbessern die Benutzererfahrung, indem sie eine effiziente Möglichkeit bieten, bestimmte Informationen zu finden und darauf zuzugreifen.

Beispiel für einen Anker

Ein Anker befindet sich (unsichtbar) am Ende einer FAQ. Er ist mit "end" benannt. Daher enthält der folgende Link einfach das Ziel #end, und ohne weitere Angaben sucht ein Webbrowser nach diesem Begriff im Code der aktuellen Seite und leitet den Benutzer dorthin: Klicken Sie hier, um dorthin zu gelangen!

So erstellen Sie diesen Linktyp in Site Creator

Normalerweise erstellen Sie einen Anker in HTML wie folgt:

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 sich das Ziel auf derselben Seite befindet, verwenden Sie einfach die ID des Elements (siehe Punkt 3 unten)
      <a href="#chapter1">Zu Kapitel 1 gehen</a>
   2. Wenn sich das Ziel auf einer anderen Seite befindet, geben Sie die vollständige URL der Seite an, gefolgt von der ID des Zielelements (siehe Punkt 3 unten)
      <a href="page2.html#chapter1">Zu Kapitel 1 auf Seite 2 gehen</a>
3. Fügen Sie im 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 "Zu Kapitel 1 gehen" klicken, scrollt die Seite automatisch zu dem Abschnitt mit der ID "chapter1". Wenn sich das Ziel auf einer anderen Seite befindet, 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 eigene ID (oder seinen eigenen Hashtag), die Sie angeben (oder vorher ändern – siehe Punkt 3 unten) müssen, um einen Link darauf zu verweisen.

Die Referenz des Zielblocks finden

Gehen Sie zu Site Creator:

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. Fahren Sie mit der Maus über den Inhaltsblock, den Sie bearbeiten möchten, und klicken Sie auf das Zahnradsymbol:
   
2. Scrollen Sie zu den Einstellungen, bis Sie die ID des betreffenden Blocks finden:
   
3. Durch einen Doppelklick auf das Feld, in dem die ID angezeigt wird, können Sie anstelle der zufälligen ID einen eigenen Titel festlegen:
   

Einen Link zur Blockreferenz erstellen

Um einen Link in Site Creator zu einem Text hinzuzufügen, der auf einen weiter unten auf derselben Seite befindlichen Block verweist:

1. Wählen Sie einen Text aus.
2. Klicken Sie dann auf das Symbol für die Verknüpfung:
   
3. Wählen Sie in den erweiterten Optionen den Typ "Abschnitt", um einen Link zu einem Teil derselben Seite zu erstellen, indem Sie die oben ermittelte Blockreferenz auswählen:
   
   
   Weitere Möglichkeiten:
   1. Link mit dem Hash-Zeichen (Link zur selben Seite):
      
   2. Name der Seite gefolgt von der ID (nützlich, wenn Sie einen Link zu einer anderen Seite der Website einfügen):
      

ENDE DER SEITE (und Anker, der auf dieses Element verweist) – klicken Sie hier, um nach oben zu scrollen zum Anker am Anfang der Seite…