1000 FAQ, 500 Anleitungen und Lernvideos. Hier gibt es nur Lösungen!
Verwalten Sie Anker im Site Creator
Dieser Leitfaden befasst sich mit Site Creator und der Möglichkeit, Verknüpfungen zu Ankerpunkten zu erstellen.
Was ist ein Ankerpunkt?
Ein Ankerpunkt im Webdesign ist ein Hyperlink, der auf eine bestimmte Stelle auf einer Webseite zeigt, unabhängig davon, ob sie sich auf derselben Seite oder auf einer anderen Seite befindet. Wenn ein Benutzer auf einen Ankerlink klickt, wird er zur angegebenen Position weitergeleitet (normalerweise handelt es sich um eine unsichtbare Markierung im Quellcode der Seite).
Ankerpunkte sind nützlich, um Benutzern das schnelle Navigieren zu bestimmten Abschnitten einer Webseite oder sogar auf eine andere Seite zu ermöglichen. Sie verbessern die Benutzererfahrung, indem sie eine effiziente Möglichkeit bieten, genaue Informationen zu finden und darauf zuzugreifen.
Zum Beispiel gibt es am Ende dieses FAQ einen Ankerpunkt (unsichtbar platziert). Er wird "end" genannt, sodass der folgende Link einfach das Ziel #end enthält. Ohne weitere Angabe sucht ein Webbrowser nach diesem Begriff im Seitenquellcode und leitet den Benutzer dorthin: hier klicken, um dorthin zu gelangen!
Wie erstellt man diese Art von Verknüpfung?
Normalerweise geht man wie folgt vor, um in HTML einen Anker zu erstellen:
- Identifizieren Sie die Stelle auf Ihrer Seite, an der Sie einen Anker erstellen möchten (Textabschnitt, Bild oder ein beliebiges anderes Element).
- Verwenden Sie das
<a>
-Tag mit demhref
-Attribut, um das Ziel des Ankers anzugeben.- Wenn sich das Ziel auf derselben Seite befindet, verwenden Sie einfach die ID des Elements (siehe Punkt 3 unten)
<a href="#section1">Zu Abschnitt 1 gehen</a>
- 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#section1">Zu Abschnitt 1 von Seite 2 gehen</a>
- Wenn sich das Ziel auf derselben Seite befindet, verwenden Sie einfach die ID des Elements (siehe Punkt 3 unten)
- Fügen Sie in dem Abschnitt Ihrer Seite, zu dem Sie möchten, dass die Benutzer umgeleitet werden, ein Element mit der entsprechenden ID hinzu
<div id="section1"> <!-- Inhalt von Abschnitt 1 --></div>
Wenn Benutzer auf den Link "Zu Abschnitt 1 gehen" klicken, scrollt die Seite automatisch zum Abschnitt mit der ID "section1". Wenn das Ziel auf einer anderen Seite liegt, werden sie auf diese Seite weitergeleitet, und der Anker funktioniert genauso.
Wie funktioniert es in Site Creator?
In Site Creator ist Schritt 3 oben nicht "frei": Jeder Block hat bereits seine ID (oder Hashtag), die Sie angeben müssen, um darauf zu verlinken.
Finden Sie die Referenz für den Zielblock
Um auf Site Creator zuzugreifen:
- Melden Sie sich im Manager Infomaniak an (manager.infomaniak.com) über einen Webbrowser wie Brave oder Firefox.
- Klicken Sie auf das -Symbol oben rechts in der Oberfläche (oder navigieren Sie beispielsweise durch das linke Seitenmenü).
- Wählen Sie Hébergement (Web & Domain Universe).
- Klicken Sie direkt auf den Namen des relevanten Objekts in der angezeigten Tabelle.
- Klicken Sie im linken Seitenmenü auf Site Creator.
- Klicken Sie auf Personnaliser mon site.
Wenn Sie sich in Site Creator befinden:
- Fahren Sie mit der Maus über den Inhaltsblock, den Sie bearbeiten möchten, und klicken Sie auf das Zahnrad-Symbol:
- Scrollen Sie durch die Einstellungen bis zum Ende, um die ID des betreffenden Blocks zu erhalten:
Erstellen Sie einen Link zur Blockreferenz
So fügen Sie einen Link zu Text in Site Creator hinzu, wobei sich der Zielblock weiter unten auf derselben Seite befindet:
- Text auswählen
- Klicken Sie dann auf das Link-Symbol:
- 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:- Setzen Sie den Link mit dem Nummernzeichen (Link zur gleichen Seite):
- Geben Sie den Namen der Seite gefolgt von der ID ein:
- Setzen Sie den Link mit dem Nummernzeichen (Link zur gleichen Seite):