1.4 Hyperlinks

Een hyperlink is een stukje tekst of een foto op de pagina dat verwijst naar een andere pagina van de website, een document, een andere website of naar een e-mail adres. Met WebEtui-CMS kunt u eenvoudig hyperlinks maken en gebruiken, hiervoor zijn 2 hulpmiddelen: hyperlink-info en de hyperlink-dialoog.

Bij het klikken met de muis op een hyperlink verschijnt de hyperlink-info. Hier kan direct de tekst van de hyperlink (voor de |) en de 'href' van de hyperlink (na de |) worden gewijzigd.

Nieuwe hyperlink maken

  1. Selecteer de tekst of de afbeelding die een hyperlink moet worden.
  2. Klik op in de werkbalk op [hyperlink], de hyperlink-dialoog verschijnt en van de tekst (of afbeelding) wordt een link gemaakt.
  3. Kies het soort hyperlink: pagina, document, website of e-mail.
    Hyperlink naar pagina: kies de pagina waarnaar gelinkt moet worden. Met [afb. groene pijl] kun je niveau lager gaan, om verder te zoeken.
    Hyperlink naar document: selecteer het documetn waarnaar gelinkt moet worden
    Hyperlink naar website: type (of plak) het website-adres in het invulvak
    Hyperlink naar e-mailadres: type (of plak) het e-mailadres in het invulvak
  4. Klik op de oranje knop 'invoegen'.

Hyperlink direct wijzigen

  1. Klik op een hyperlink, hyperlink-info verschijnt
  2. Klik in de hyperlink-info om de tekst of de link (href) te wijzigen

Hyperlink wijzigen met de hyperlink-dialog

  1. Beweeg de muis over een hyperlink, hyperlink-info verschijnt
  2. Of klik op [potlood] om de hyperlink-dialoog te openen
  3. Kies het soort hyperlink: pagina, document, website of e-mail.
    Hyperlink naar pagina: kies de pagina waarnaar gelinkt moet worden. Met [afb. groene pijl] kun je niveau lager gaan, om verder te zoeken.
    Hyperlink naar document: selecteer het documetn waarnaar gelinkt moet worden
    Hyperlink naar website: type (of plak) het website-adres in het invulvak
    Hyperlink naar e-mailadres: type (of plak) het e-mailadres in het invulvak
  4. Klik op de oranje knop 'aanpassen'.
  5. Of klik op [gebruiken] om naar de gelinkte pagina te gaan en de hyperlink te testen

Hyperlink verwijderen

  1. Beweeg de muis over een hyperlink, hyperlink-info verschijnt
  2. Klik op [verwijderen] om de hyperlink te verwijderen, de tekst blijft staan

Hyperlink testen en gebruiken

  1. Beweeg de muis over een hyperlink, hyperlink-info verschijnt
  2. Klik op [gebruiken] om naar de andere pagina, of website te gaan. Andere websites, en documenten worden geopend in een nieuw venster.

Hyperlink maken en wijzigen in XML/Tekst

De code voor een hyperlink kan ook direct onder tab XML/Tekst worden aangebracht. De tekst en link worden gescheiden door een | en het geheel staat tussen [ vierkante haken ].

Klik hier voor het menu van deze week

Op soortgelijke wijze kan ook van een foto een link gemaakt worden. Een foto in xml is de naam van het bestand tussen vierkante haken. In onderstaand voorbeeld 1x zonder link en 1 keer met link:


Tot slot een voorbeeld van de 4 soorten hyperlinks:

[pagina|projecten/voortgang]
[document|doc/document.pdf]
[website|http://www.webetui.nl]
[mail-adres|mailto:support@ypos.nl]