Hoe u een agenda maakt

Hallo en welkom bij uw nieuwe GoodBarber-tutorial!

Vandaag leren we hoe u een agenda in uw app maakt.

Laten we onze sectie toevoegen via het menu Mijn app > Content > Secties.
Klik op Een sectie toevoegen.

Kies Agenda.

Ik geef mijn sectie een naam en voeg ze toe.

Nu bewerken we de inhoud.

Ik klik op Een evenement maken.

En geef mijn evenement een titel.

Ik kies de begindatum en het beginuur en de einddatum en het einduur

Ik kan ook aangeven dat mijn evenement de hele dag duurt.

Indien nodig voeg ik een locatie toe.

En ik voeg alles toe wat mijn evenement beschrijft.

Rechts kies ik de sectie of secties waarin mijn evenement verschijnt.

Ik kan actieknoppen en adressen van externe sites invoegen en reacties toelaten.

Laten we naar het tabblad SEO gaan om mijn metagegevens in te vullen.

Nu hoef ik alleen nog te publiceren!

Verder met het design

Ik ga naar de designpagina van mijn sectie Agenda.

En begin met de lijstweergave.

Eerst de kleur van de achtergrond en de randen.

De weergave van thumbnails, info en samenvatting.

Daarna de weergave van de datum.

Hier hebt u verschillende opties:

Beginuur: toont het precieze beginuur van het evenement als het niet de hele dag duurt.
Duurt het de hele dag, dan verschijnt het icoon 24, dat een evenement van een hele dag aangeeft.

Begindatum: voor evenementen over één of meerdere dagen.
Die toont de begindatum, ook als u al op de tweede dag zit.

Datum van vandaag: voor evenementen over één of meerdere dagen.
Die toont de lopende datum van het evenement.

Nu vermelden: toont nu in plaats van de datum als het de datum van vandaag is.
Toekomstige data verschijnen altijd met datum.

Daarna de kleuren en lettertypes van de teksten.

De kleur van de datum …

De weergave van de kaart als u adressen hebt ingevuld.

En ten slotte de thumbnail.

Hetzelfde doen we snel voor de detailweergave van het evenement.

En voilà! Mijn sectie is helemaal ontworpen!

Laatste tip: stel in het menu Mijn account uw tijdzone in, want de uren van uw evenementen volgen die.

Nu weet u hoe u een agenda in uw app maakt!

Tot snel bij een volgende tutorial!