Deze handleiding gaat over 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 pagina.
  • Wanneer een gebruiker op een ankerlink klikt, wordt hij naar de aangegeven locatie op de pagina geleid (in principe een onzichtbare markering in de broncode).
• Ankers zijn handig om gebruikers in staat te stellen snel naar specifieke secties van een webpagina of zelfs een andere pagina te navigeren.
  • Ze verbeteren de gebruikerservaring door een efficiënte manier te bieden om specifieke informatie te vinden en te openen.

Voorbeeld van een anker

Een anker is (onzichtbaar) aan het einde van de veelgestelde vragen geplaatst. Het is benoemd als "end", dus de volgende link bevat simpelweg het doel #end en zonder verdere aanwijzingen zal een webbrowser dit zoekwoord in de code van de huidige pagina zoeken en de gebruiker ernaartoe leiden: klik hier om ernaartoe te gaan!

Dit type link maken in Site Creator

Normaal gesproken maakt u een HTML-anker als volgt:

1. Zoek de plek op uw pagina waar u een anker wilt maken (tekstgedeelte, afbeelding of een ander element).
2. Gebruik de tag <a> met het attribuut href om het doel van het anker te specificeren:
   1. als het doel zich op dezelfde pagina bevindt, gebruikt u eenvoudigweg de ID van het element (zie punt 3 hieronder)
      <a href="#chapter1">Ga naar hoofdstuk 1</a>
   2. als het doel zich op een andere pagina bevindt, geeft u de volledige URL van de pagina op, gevolgd door de ID van het doel-element (zie punt 3 hieronder)
      <a href="page2.html#chapter1">Ga naar hoofdstuk 1 op pagina 2</a>
3. Voeg in het gedeelte van uw pagina waar u gebruikers naartoe wilt leiden een element toe met de bijbehorende ID:
   <div id="chapter1"> &nbsp; </div>
   

Wanneer gebruikers op de link "Ga naar hoofdstuk 1" klikken, wordt de pagina automatisch naar het gedeelte met de ID "chapter1" gescrolld. 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 een eigen ID (of hashtag) die u moet aangeven (of vooraf moet wijzigen - zie punt 3 hieronder) om een link ernaar te laten verwijzen.

De referentie van het doelblok vinden

Ga naar Site Creator:

1. Klik hier om het beheer van uw product in het Infomaniak-beheerportaal te openen (hulp nodig?).
2. Klik rechtstreeks op de naam van de betreffende Site Creator.
3. Klik op de knop Mijn site bewerken om de editor te openen:
   

Zodra u zich in de Site Creator bevindt:

1. Plaats de muisaanwijzer boven het inhoudsblok dat u wilt bewerken en klik op het tandwiel:
   
2. Scroll naar beneden in de instellingen om de ID van het betreffende blok te vinden:
   
3. Door dubbel te klikken op het veld met de ID kunt u een eigen titel invoeren in plaats van de willekeurige ID:
   

Een link maken naar een blok op dezelfde pagina

Om een link toe te voegen aan tekst in Site Creator, waarbij de link verwijst naar een blok verderop op dezelfde pagina:

1. Selecteer een tekst.
2. Klik vervolgens op het pictogram van de ketting:
   
3. In de geavanceerde opties kiest u het type "Sectie" om een link te maken naar een deel van dezelfde pagina door de referentie van het blok te selecteren die u hierboven heeft verkregen:
   
   
   Andere mogelijkheden:
   1. Plaats de link met het hekjes-teken (#) (link naar dezelfde pagina):
      
   2. Plaats de naam van de pagina gevolgd door de ID (handig als u de link naar een andere pagina van de site plaatst):
      

EINDE VAN DE PAGINA (en anker geplaatst op dit element) - klik hier om terug te gaan naar het anker bovenaan de pagina…