Home / website-elementen

Website elementen

Binnen het CMS (Content Management Systeem) van mso-website kun je verschillende elementen toevoegen aan je pagina's. Op deze pagina laten we zien welke elementen er allemaal beschikbaar zijn. 


Dit is een slideshow

Dit element bestaat zoals je kunt zien uit meerdere slides met foto's waar je door middel van pijltjes of slepen doorheen kunt navigeren. Het is mogelijk om op de foto's in dit element titels, normale tekst, dikgedrukte of cursieve tekst te plaatsen. Ook kun je een knop toevoegen zoals hieronder wordt getoond. Die knop kun je instellen om naar pagina's op je eigen website of naar andere websites te gaan. 


Dit is een slideshow

Dit element bestaat zoals je kunt zien uit meerdere slides met foto's waar je door middel van pijltjes of slepen doorheen kunt navigeren. Het is mogelijk om op de foto's in dit element titels, normale tekst, dikgedrukte of cursieve tekst te plaatsen. Ook kun je een knop toevoegen zoals hieronder wordt getoond. Die knop kun je instellen om naar pagina's op je eigen website of naar andere websites te gaan. 




Standaard tekst

Het element 'Standaard tekst' is eigenlijk precies zoals de naam het al zegt. Een standaard eenkoloms tekst zonder extra opties zoals een afbeelding of een video. Een langere lap tekst ziet er dan als volgt uit: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Wel is het mogelijk om deze tekst dikgedrukt of cursief te maken. Ook kun je er opsommingen in toevoegen met cijfers en bolletjes: 

  1. Een voorbeeld van een opsomming 
  2. Een voorbeeld van een opsomming

Na een opsomming kun je ook weer gemakkelijk verder gaan in de standaard tekst. Dan kun je bijvoorbeeld nog een hyperlink toevoegen. 




Twee-koloms tekst links

Een 2-koloms tekst bestaat uit twee identieke kolommen tekst die perfect uitgelijnd zijn. Allemaal lappen tekst onder elkaar in dezelfde opmaak leest niet lekker, dus dit element kun je goed gebruiken om een pagina een fijnere opmaak te geven. In deze tekst kun je dezelfde opties gebruiken als in de standaard tekst hierboven. Je kunt dus dikgedrukte en cursieve tekst gebruiken, maar ook opsommingen, hyperlinks en knoppen. 

Twee-koloms tekst rechts

Vervolgens kun je hier aan de andere kant van de 2-koloms tekst doorgaan met je verhaal. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. 




CTA's (2-koloms - tekst onder afbeelding)

Hier komt een titel

CTA staat voor Call To Action. Dit element is op diverse manieren toe te passen in mso-websites. We laten hier onder elkaar een aantal opties zien. De afbeeldingen zijn uiteraard te vervangen door welke afbeelding je zelf wil gebruiken.

Hier komt een titel

CTA staat voor Call To Action. Dit element is op diverse manieren toe te passen in mso-websites. We laten hier onder elkaar een aantal opties zien. De afbeeldingen zijn uiteraard te vervangen door welke afbeelding je zelf wil gebruiken.




CTA's (3-koloms - tekst onder afbeelding)

Kolom 1

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 2

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 3

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.




CTA's (4-koloms - tekst onder afbeelding)

Kolom 1

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 2

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 3

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 4

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.




CTA's (3-koloms - tekst in afbeelding)

Dit is een titel

Dit is een titel

Dit is een titel



CTA Slider

Dit is een titel

Dit is een subtitel

Dit is een titel

Dit is een subtitel

Dit is een titel

Dit is een subtitel

Dit is een titel

Dit is een subtitel

Dit is een titel

Dit is een subtitel


Een gloednieuw theaterfestival op Twentse grond

Op 25 september 2022 vindt op Landgoedcamping Het Meuleman in De Lutte het gloednieuwe theaterfestival Groond plaats. De basis voor het festival is de rijke cultuur en historie van Twente.

De kracht van goede foto’s op je website

Je zult het misschien wel herkennen dat je afbeeldingen beter of langer kunt herinneren dan de tekst die erbij stond. Goede foto’s zijn belangrijk omdat ze langer blijven hangen dan een tekst. Zorg er ook voor dat de tekst en de afbeelding met elkaar overeenkomen op deze manier werkt een afbeelding

Het belang van een contactformulier op je website

Ben je ondernemer, ZZP’er, werk je voor een organisatie, vereniging of stichting of bied je als particulier producten en/of diensten aan? Dan heb je waarschijnlijk ook een professionele website waar je producten verkoopt of informatie deelt over je organisatie, product of dienst.


Knop (links, midden & rechts)

Een knop kan in ieder element worden gebruikt, je kunt hem dus ook gebruiken in je standaard tekst of in je tweekoloms tekst. Hij kan zowel links, in het midden of rechts worden geplaatst. 




Fotoalbum

1 / 4




Tabbladen (standaard)




Tabbladen (uitklapbaar)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Tekst & Afbeelding 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Tekst & Afbeelding Slider

Tekst + Afbeelding 1Tekst + Afbeelding 2

Tekst + Afbeelding 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lees meer

Tekst + Afbeelding 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lees meer



Tekst & Video 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.




Videoslider

Dit is een videoslider. Hier kunnen video's van zowel YouTube als Vimeo worden ingeladen.




Logoslider

Dit is de logoslider, deze kan bijvoorbeeld worden gebruikt voor het tonen van klanten, leveranciers of partners.




Formulier

Dit is een formulier objecttype, hierbij kun je een eerder opgemaakt formulier toevoegen op elke gewenste plek. 




Afbeelding over hele breedte




Opgemaakte tekst

Met het object; opgemaakte tekst kan een stuk tekst worden geplaatst in een andere kleur, stijl en uitlijning dan de overige tekst.


Lorem ispum


Typewriter

Typedtext