Sådan designer du dine sektioner

Hej og velkommen til din nye GoodBarber-vejledning!
I dag skal vi lære at indstille designet af sektionerne i din app.

Hver type sektion har sine egne designegenskaber, men processen til at indstille dem er altid den samme.

For at designe en sektion går vi til Min app > Design > Sektionsdesign.

I dette eksempel vælger vi at designe et artikelafsnit i min lokale nyhedsapp.
Du kan se her, at artikelafsnittet tilbyder to sider til opsætning. Siden med artikellisten og siden med artikeldetaljer.

Lad os starte med artikellisten.

Det første, du skal gøre her, er at vælge mellem de foreslåede visningsskabeloner. Du kan se ændringerne live i backoffice-eksemplet.

Vi vælger skabelon 2.

Derefter indstiller vi designet af indholdszonen

Farven på baggrunden og kanterne.

De oplysninger, vi viser på listen.

Skrifttyperne og skriftfarverne for de forskellige elementer.

Endelig formatet på miniaturebilledet.

Det er det, det er allerede gjort!

Her er listen over artikler fuldt designet!

Jeg vil hurtigt gøre det samme for siden med artikeloplysninger.

Og voila!

Nu er det op til dig!

Vi ses snart til en ny tutorial!