Deze handleiding is bedoeld voor Site Creator en de mogelijkheid om links naar ankers te maken.

Inleiding

• Een anker in webdesign is een hyperlink die verwijst naar een specifieke positie op een webpagina, of dat nu op dezelfde pagina is of op een andere. Wanneer een gebruiker op een ankerlink klikt, wordt hij naar de aangegeven plek geleid (meestal een onzichtbare markering in de broncode) op de pagina.
• Ankers zijn handig om gebruikers in staat te stellen snel naar specifieke delen van een webpagina of zelfs naar een andere pagina te navigeren. Ze verbeteren de gebruikerservaring door een effectieve manier te bieden om specifieke informatie te vinden en te openen.

Voorbeeld van een anker

Een anker bevindt zich (onzichtbaar) aan het einde van deze veelgestelde vragen. Het heet "Einde", dus de volgende link bevat eenvoudigweg het doel #Einde en zonder verdere specificatie zoekt een webbrowser deze term in de code van de pagina waarop u zich bevindt en leidt de gebruiker daarheen: Klik hier om daarheen te gaan!

Het maken van dit type link in Site Creator

Normaal gesproken maakt u een anker in HTML als volgt:

1. Identificeer de plek op uw pagina waar u een anker wilt maken (tekstgedeelte, afbeelding of een ander element).
2. Gebruik de tag `` met het attribuut `href` om het doel van de ankerlink aan te geven:
   1. als het doel zich op dezelfde pagina bevindt, gebruik dan eenvoudigweg de ID van het element (zie punt 3 hieronder)
      Ga naar hoofdstuk 1
   2. als het doel zich op een andere pagina bevindt, geef dan de volledige URL van de pagina op, gevolgd door de ID van het doel-element (zie punt 3 hieronder)
      Ga naar hoofdstuk 1 op pagina 2
3. In het gedeelte van uw pagina waar u gebruikers naartoe wilt leiden, voegt u een element toe met de bijbehorende ID:
   
    
   
   

Wanneer gebruikers op de link "Ga naar hoofdstuk 1" klikken, scrollt de pagina automatisch naar het gedeelte met de ID "chapter1". Als het doel zich op een andere pagina bevindt, worden ze naar die pagina geleid en werkt de ankerlink op dezelfde manier.

Met Site Creator is punt 3 hierboven niet "vrij": elk blok heeft al zijn eigen ID (of hashtag), die moet worden opgegeven (of vooraf gewijzigd - zie punt 3 hieronder) om er een link naar te maken.

Zoek de referentie van het doelblok

Ga naar Site Creator:

1. Klik hier om toegang te krijgen tot het beheer van uw product in de Infomaniak Manager (Hulp nodig?).
2. Klik rechtstreeks op de naam van de betreffende Site Creator.
3. Klik op de knop Mijn website bewerken om de editor te openen:
   

Zodra u zich in Site Creator bevindt:

1. Beweeg de muiscursor over het inhoudsblok dat u wilt bewerken en klik op het tandwiel:
   
2. Scroll naar het einde van de instellingen om de ID van het betreffende blok te vinden:
   
3. Een dubbelklik op het veld dat de ID weergeeft maakt het mogelijk om een eigen titel op te geven in plaats van de willekeurige ID:
   

Maak een link naar een blokreferentie

Om een link toe te voegen aan tekst in Site Creator, waarmee u naar een blok verderop op dezelfde pagina kunt navigeren:

1. Selecteer een tekst.
2. Klik vervolgens op het symbool van de ketting:
   
3. Selecteer het type "sectie" om een link te maken naar een deel van dezelfde pagina door de bovenstaande blokreferentie te selecteren:
   
   
   **Andere mogelijkheden:**
   1. Voeg de link toe met het hekjes-teken (link naar dezelfde pagina):
      
   2. Voeg de naam van de pagina toe, gevolgd door de ID:
      

EINDE VAN DE PAGINA (en anker op dit element geplaatst) - Klik hierom terug te keren naar het anker aan het begin van de pagina…