Hoe krijg ik tekst en een knop op een foto?

 

Foto met daarop tekst en een knop

Hieronder volgt de uitleg om stap voor stap het onderstaande voorbeeld na te maken. De foto is voorzien van tekst en een knop.

Dit is de titel

Hier kan een stukje tekst komen.

Dit is een knop met een link naar een pagina

Afbeelding instellen in thema

Ga naar websitebeheer 2 - Thema's.

  • Maak een nieuw thema aan door op het plus IconS Plusje icoon te drukken.
  • Geef dit thema een naam: Achtergrondfoto met Tekst
  • Zoek: afbeelding
  • Herhalen: Uitvullen

websitebeheer-achtergrondfoto-tekst-knop-001


In de afbeelding is nu duidelijk te zien dat er een achtergrond afbeelding is gekozen.
In de rechterkant van de afbeelding ziet u een water foto met de witte tekst en groene knop.

Thema aan rij koppelen

Maak een nieuwe pagina aan.

  • Koppel nu het thema dat u net heeft aangemaakt genaamd:  "Achtergrondfoto met Tekst" aan een volledige rij.

websitebeheer-achtergrondfoto-tekst-knop-002

Tekstwidget in de rij slepen

Sleep nu de tekst widget in de rij met het gekoppelde thema "Achtergrondfoto met Tekst" en neem de volgende instellingen over.

  • Koptekst 2: Dit is de titel
  • Standaardtekst: Hier kan een stukje tekst komen.
  • Voeg een knop toe: Dit is een knop met een link naar een pagina

 

websitebeheer-achtergrondfoto-tekst-knop-003

 

Publiceer de pagina en bekijk het resultaat in uw browser. Als u het goed heeft gedaan ziet u onderstaande afbeelding met daarop de tekst en de knop.

 

websitebeheer-achtergrondfoto-tekst-knop-004

 
 
 

Get the most out of e-Captain!

e-Captain has a very extensive Member Management package. We offer several basic trainings which teach you to work with e-Captain in an accessible way.  The trainings take place at our office in  's-Hertogenbosch.

View our trainings

 

TeamViewer

To be able to support you optimally, it can be easy to look with you on your computer from a distance. We use TeamViewer to do this. TeamViewer makes it possible to take over your computer from a distance.

 Download TeamViewer

 

This page was last updated on: 29 August 2017