Veel mensen gebruiken tegenwoordig hun telefoon om websites op te zoeken en te bekijken. Alleen is een telefoonscherm veel kleiner dan een laptop of PC scherm. Hier door kan het interessant zijn om rekening mee te houden als u uw website maakt. Een veel gehoorde term is Mobile first design.
Mobile first design is een ontwerpstrategie die start met het ontwerpen voor mobiele apparaten en vervolgens pas voor grotere schermen. In plaats van te beginnen met een desktopversie en die te vereenvoudigen voor mobiele apparaten, richt ju zich eerst op de kleinste schermgrootte om de essentie van de website te bepalen, waarna u deze kunt uitbreiden voor grotere schermen. Dit zorgt voor een betere gebruikerservaring op telefoons en vereenvoudigt het proces van het ontwerpen voor andere schermformaten.
In e-Captain kunt u onderscheid maken in welke informatie u op welk type apparaat/scherm wilt weergeven. U kunt hierbij onderscheid maken in de volgende type apparaten/schermen:
U kunt dit per rij instellen op uw pagina of layout.
Zowel bij een layout als bij een pagina kunt u meerdere rijen toevoegen waar u widgets (inhoudselementen) aan toevoegt.
Een nieuwe rij wordt altijd onder de rij toegevoegd waarbij u op +Nieuwe rij heeft geklikt. U kunt de rij altijd nog verplaatsen naar een andere plaats op de pagina.
In de eigenschappen van een rij kunt u verschillende instellingen maken. Naast het koppelen van een thema aan een rij of kolom kunt u ook instellen dat de inhoud van de rij alleen op een bepaald type apparaat wordt weergegeven.
In de eigenschappen van een rij kunt u verschillende instellingen maken.
| Over de volledige breedte | Selecteer hier of de rij over de volledige breedte van het scherm moet worden weergegeven. |
| Zichtbaarheid op apparaat | Selecteer hier op welke apparaten de rij moet worden weergegeven. Hiermee kunt u instellen dat bepaalde informatie (inhoud) bijvoorbeeld alleen op een telefoon of PC, etc zichtbaar zijn. |
| Kantruimte (links/rechts/boven/onder) | Selecteer hier of er extra "witruimte" moet worden gebruikt voor de rij. |
| Thema volledige rij | Selecteer hier een thema als u in de rij wilt afwijken van het standaard thema van de layout. |
| Gelijke hoogte | Selecteer hier of de kolommen allemaal even hoog moeten worden weergegeven. |
| Aantal | Geef hier aan uit hoeveel kolommen de rij moet bestaan. |
| Thema kolom X | Selecteer hier per kolom een thema als u wilt afwijken van het standaard thema van de layout. |
Resultaat:
De rode rij geeft aan dat deze alleen zichtbaar is op een telefoon. De blauwe rij geeft aan dat deze alleen zichtbaar is op een laptop en PC. De bovenste rij is op alle apparaten zichtbaar omdat daar verder geen specifieke zichtbaarheid voor is ingesteld.
Dé ideale software oplossing om uw vereniging te ontzorgen en professionaliseren!
Hambakenwetering 15
5231 DD 's-Hertogenbosch
073 - 614 14 40
Haal meer uit e-Captain!
Wij bieden verschillende basis trainingen aan waarbij u op toegankelijke wijze leert werken met e-Captain.
