SOG CMS Wiki

Powered by
steido.nl

Objecten

Moeilijkheidsgraad: Makkelijk
Elke container bestaat uit een of meerdere objecten. Objecten kunnen verschillende types hebben, in de volgende artikelen zullen we uitgebreid stil staan bij elk verschillende type, in dit artikel zullen we stilstaan bij objecten in het algemeen, met het type 'tekst' als voorbeeld. 

Binnen een container kunnen objecten naast of onder elkaar staan, op die manier wordt de structuur die we gemaakt hebben met de containers gevuld met daadwerkelijke zichtbare tekst en foto's voor de bezoekers van de website. Klik op het 'Edit' icoontje van het object dat je wil aanpassen om in het aanpasscherm te komen. 
In het overzicht met objecten kunt u de volgorde veranderen door deze te slepen. Op die manier kunt u gemakkelijk de indeling van de website aanpassen. Door de ‘Tonen vanaf’ of ‘Tonen t/m’ velden aan te passen kunt u objecten voor een bepaalde tijd zichtbaar of onzichtbaar maken.

Klik vervolgens op het object dat aangepast moet worden. In dit voorbeeld gaan we uit van een tekstobject.

Bij tekstobjecten zijn de teksten zichtbaar zoals ze op de site staan. Als je het aanpast wordt het gelijk zichtbaar op de site.

Hier kan de tekst worden aangepast. We gaan nu stilstaan bij de opties. Voor aanpassingsmogelijkheden van specifieke objecten, zie de pagina voor het objecttype dat je probeert aan te passen. Klik rechtsboven op Object eigenschappen om de opties aan te passen.

Verbergen van het object

In het volgende overzicht ziet u een aantal opties.

Met de optie verborgen op mobiel kan het object verborgen worden op alle mobiele apparaten.
Met de optie verborgen op tablet kan het object verborgen worden op alle tablets.
Met de optie verborgen op laptop kan het object verborgen worden op alle laptops.
Met de optie verborgen op desktop kan het object verborgen worden op alle computers met een groot scherm, bijvoorbeeld een externe monitor.

Breedte instellen

Vervolgens zijn er 3 opties met aantallen kolommen. Elke container, is net als een pagina in het CMS systeem verdeeld in 12 gelijke kolommen. Met deze kan dus bepaald worden hoe breed object moet zijn. Door twee objecten met 6 kolommen te maken kunnen ze dus bijvoorbeeld naast elkaar gezet worden. 

Met kolommen links bepaalt u hoeveel lege kolommen er links van het object komen te staan.
Met kolommen midden bepaalt u hoe breed het object is. 6 kolommen staat bijvoorbeeld voor een halve pagina.
Met kolommen rechts bepaalt u hoeveel lege kolommen er rechts van het object komen te staan.

In onderstaand voorbeeld ziet u een instelling waar 1 kolom links, 10 kolommen midden en 1 kolom rechts gebruikt is.

Uw website responsive maken

Met de optie adaptief moment kan bepaald worden hoe het object zich moet gedragen wanneer een kleiner scherm gebruikt wordt. Deze optie veranderd de breedte van het object automatisch in 12 kolommen (dus de volledige breedte) wanneer een kleiner scherm gebruikt wordt.

Hiervoor kunnen de volgende vuistregels worden aangehouden:
Met de keuze xs blijft het object altijd de gegeven breedte houden.
Met de keuze sm wordt het object op een mobiel scherm over de volledige breedte getoond.
Met de keuze md wordt het object op een mobiel scherm, of tablet over de volledige breedte getoond.
Met de keuze lg wordt het object op een mobiel scherm, tablet, of laptop over de volledige breedte getoond.

Meestal is sm de instelling met de beste resultaten. Weet je niet zeker wat er ingesteld moet worden, kies dan sm.

Suggesties



logo-oranje.png

Steido.nl is een samenwerking van twee jonge, enthousiaste ondernemers met vernieuwende ideeën. Wil je sparren, of heb je vragen, neem gerust contact met ons op.